К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Proyecto final para desarrolladores de Front-End · LearnSpace
Назад в каталог
courseraПрограммирование

Proyecto final para desarrolladores de Front-End

Курс от Meta
Средний≈ 24.5 чИспанский
О курсеНавыкиПрограммаПреподаватели

О курсе

El proyecto final le permite demostrar múltiples habilidades del Certificado a través de la resolución de un problema auténtico del mundo real. Cada módulo incluye un breve resumen y enlaces al contenido que ha cubierto en cursos anteriores de este programa. nEste curso pondrá a prueba sus conocimientos y su comprensión y le proporcionará una plataforma para mostrar las nuevas habilidades que adquirió en el desarrollo web Front-end utilizando React. Durante este curso, se le guiará a través del proceso de creación de una aplicación, para lo cual combinará todas las habilidades y tecnologías que ha aprendido a lo largo de este programa con objeto de resolver el problema en cuestión. Al completar el proyecto final, tendrá una cartera lista para comenzar a trabajar, que puede mostrar a los reclutadores, presentar durante las entrevistas y usar para impresionar a los posibles empleadores. Para completar este curso, necesitará experiencia como desarrollador de Front-end. Además, ¡siempre es bueno tener una actitud positiva!

Навыки, которые вы освоите

React.jsCascading Style Sheets (CSS)Hypertext Markup Language (HTML)Web Content Accessibility GuidelinesUsabilityCode ReviewSemantic WebFrontend IntegrationResponsive Web DesignFront-End Web DevelopmentWeb DesignApplication DevelopmentUser ExperienceUser Interface (UI)User Interface and User Experience (UI/UX) DesignHTML and CSSData ValidationUsability Testing

Программа курса

4 модулей · 109 учебных материалов

01Inicio del proyecto29 материалов

Información del proyecto

Introducción al cursoВидеоPrograma del cursoЧтениеEncuentro y saludoОбсуждениеCómo tener éxito en este cursoЧтение

Учитесь у экспертов

Taught by Meta Experts

Преподаватель курса

Proyecto final para desarrolladores de Front-End
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 24.5 ч

4 модулей

Язык: Испанский

Субтитры: Английский

Часть программы вашего университета
Comprobación del entorno de desarrolloЧтение
Recursos adicionalesЧтение

Configuración del proyecto

Configuración del proyectoВидеоResumen: Control de versionesЧтениеEjercicio: Configurar el repositorioЧтениеComprobación de preparación: ¿Configuró el repositorio Git?ЗаданиеResumen: Configuración de ReactЧтениеEjercicio: Configurar el proyecto de ReactЧтениеComprobación de preparación: ¿Configuró el proyecto React?ЗаданиеEjercicio: Entregar el proyectoЧтениеComprobación de preparación: ¿Hizo sus entregas?ЗаданиеVerificación de conocimientos: Configuración del proyectoЗаданиеRecursos adicionalesЧтение

Planificación de la UX (user experience, experiencia de usuario) y de la UI (user interface, interfaz de usuario)Planificación de la UX y de la UI

Planificación de la UX y de la UIВидеоResumen: Principios de UX y UIЧтениеEjercicio: Wireframing del proyectoЧтениеComprobación de preparación: ¿Realizó el wireframe?ЗаданиеEjercicio: Diseñar componentesЧтениеComprobación de preparación: ¿Estableció los diseños de sus componentes clave?ЗаданиеEjercicio: Aplicar los fundamentos del diseño en FigmaЧтениеComprobación de preparación: ¿Estableció una jerarquía tipográfica, las fuentes y los colores usando la guía de estilo?ЗаданиеVerificación de conocimientos: Planificación de la UX y de la UIhe UX and UIЗаданиеResumen del módulo: Inicio del proyectoВидеоPrueba del módulo: Inicio del proyectoЗаданиеRecursos adicionalesЧтение
02Fundamentos del proyecto30 материалов

Estructura semántica

Configuración de un documento HTML semánticoВидеоResumen: HTML semánticoЧтениеEjercicio: Configurar el documento HTMLЧтениеComprobación de preparación: ¿Configuró un documento HTML semántico?ЗаданиеResumen: Metaetiquetas y protocolo Open GraphЧтениеEjercicio: Agregar metaetiquetas y configurar el OGPЧтениеComprobación de preparación: ¿Estableció metaetiquetas y datos del protocolo Open Graph?ЗаданиеComprobación de preparación: ¿Confirmó su avance en Git?ЗаданиеVerificación de conocimientos: Estructura semánticaЗаданиеRecursos adicionalesЧтение

Estilo y capacidad de respuesta

Elementos de estiloВидеоResumen: Cuadrículas CSSЧтениеEjercicio: Configurar el diseño CSSЧтениеComprobación de preparación: ¿Configuró un diseño CSS receptivo?ЗаданиеResumen: Elementos de estiloЧтениеEjercicio: Elementos de estiloЧтение

Agregar componentes

Componentes del proyectoВидеоResumen: Conceptos básicos de ReactЧтениеEjercicio: Configurar los componentes de la aplicaciónЧтениеComprobación de preparación: ¿Configuró los componentes de la aplicación?ЗаданиеComprobación de preparación: ¿Sus componentes son semánticamente correctos?ЗаданиеComprobación de preparación: ¿Confirmó su avance en Git?Задание
03Funcionalidad del proyecto41 материалов

Sistema de reserva de mesas

Reservas de mesas por parte de los clientesВидеоResumen: Estado en ReactЧтениеResumen: FormulariosЧтениеEjercicio: Definir la página ReservasЧтениеComprobación de preparación: ¿Ha configurado un componente para ver las reservas disponibles?ЗаданиеEjercicio: Agregar estado de reserva de mesaЧтениеComprobación de preparación: ¿Compartió el estado de reserva de mesas entre los componentes?ЗаданиеComprobación de preparación: ¿Sus componentes son semánticamente correctos?ЗаданиеResumen: Pruebas unitariasЧтениеEjercicio: Agregar pruebas unitariasЧтениеComprobación de preparación: ¿Ha configurado pruebas unitarias de componentes?ЗаданиеVerificación de conocimientos: Sistema de reserva de mesasЗаданиеRecursos adicionalesЧтение

Interacción con la API

Consulta de una API de reserva de mesasВидеоResumen: Consulta de API en ReactЧтениеEjercicio: Conectar la página de reservas a la APIЧтениеComprobación de preparación: ¿Su página de reservas utiliza datos "en vivo"?ЗаданиеEjercicio: Enviar la nueva página de reserva a la APIЧтениеComprobación de preparación: ¿El sistema de reserva de mesas funciona de extremo a extremo?to-end?Задание

Mejorar la experiencia

La importancia de la UXВидеоResumen: Validación de formulariosЧтениеEjercicio: Agregar validación de formulariosЧтениеComprobación de preparación: ¿Su formulario de reserva valida los datos del usuario?ЗаданиеEjercicio: Agregar pruebas unitarias para la validación y el envío de formulariosЧтениеComprobación de preparación: ¿Configuró las pruebas unitarias de validación y envío de formularios?Задание
04Evaluación de proyectos9 материалов

Evaluación final del proyecto

Resumen del curso: Proyecto finalВидеоAcerca de la evaluación del proyecto finalЧтениеComprobación de preparación: Prepararse para entregar el proyectoЗаданиеReservar una mesa en el sitio web de Little LemonВзаимная проверкаSolución: Reservar una mesa en el sitio web de Little LemonЧтениеCuestionario final calificadoЗадание

Resumen del curso

¡Felicidades, ha completado el Proyecto final!ВидеоReflexionar sobre el aprendizajeОбсуждениеPróximos pasosЧтение
Comprobación de preparación: ¿Comprobó que los elementos visuales del sitio web coincidan con el diseño de Figma?e website match the Figma design?Задание
Comprobación de preparación: ¿Confirmó su avance en Git?Задание
Verificación de conocimientos: Estilo y capacidad de respuestaЗадание
Recursos adicionalesЧтение
Verificación de conocimientos: Agregar componentesЗадание
Resumen del módulo: Fundamentos del proyectoВидео
Cuestionario del módulo: Fundamentos del proyectoЗадание
Recursos adicionalesЧтение
Ejercicio: Actualizar las pruebas unitarias para las consultas de APIЧтение
Comprobación de preparación: ¿Configuró las pruebas unitarias de API?Задание
Comprobación de preparación: ¿Confirmó su avance en Git?Задание
Verificación de conocimientos: Interacción con la APIЗадание
Recursos adicionalesЧтение
Resumen: AccesibilidadЧтение
Ejercicio: Garantizar que los usuarios puedan acceder a la aplicaciónЧтение
Comprobación de preparación: ¿Su aplicación es accesible?Задание
Resumen: Evaluación de la usabilidad de la UX y la UIЧтение
Ejercicio: Evaluación y revisión de la UXЧтение
Comprobación de preparación: ¿Completó la evaluación heurística de la usabilidad?Задание
Comprobación de preparación: ¿Confirmó su avance en Git?Задание
Verificación de conocimientos: Mejorar la experienciaЗадание
Resumen del módulo: Funcionalidad del proyectoВидео
Prueba del módulo: Funcionalidad del proyectoЗадание
Recursos adicionalesЧтение