0

  • No hay productos en el carrito.

Meta – Desarrollador Front-End

Construye interfaces web modernas con HTML, CSS, JavaScript y React; control de versiones y pruebas.

Imagen de perfil

INEC

Estudiantes

0

  (

)

Actualizado:

agosto 15, 2025

coursera

Certificado del Programa

Los usuarios que se suscriban a este curso, tienen la oportunidad de obtener un Certificado de estudios con validez SEP , verificable, imprimible y descargable (PDF) . 

Para Obtener tu certificado SEP deberás presentar tu certificado de finalización de coursera. Tu membresía tiene incluida la emisión de 1 Certificado para el curso que elijas.

Si quieres cursar otro programa con certificado este tiene un costo de emisión de MXN $1,950

      • Introducción al programa 00:03:00
      • Introducción al curso 00:04:09
      • Funciones de desarrollador front-end, back-end y full-stack 00:05:44
      • Un día en la vida de un desarrollador front-end 00:05:47
      • Programa del curso Introducción al desarrollo Front-End 00:05:00
      • Cómo tener éxito en este curso 00:10:00
      • Demostración del proyecto Capstone: Sitio web de Little Lemon 00:10:00
      • Explorar su camino en el desarrollo web 00:20:00
      • Cómo funciona Internet 00:01:42
      • ¿Qué es un servidor web y cómo funciona? 00:02:08
      • ¿Qué son los sitios y las páginas web? 00:05:12
      • ¿Qué es un navegador web y cómo funciona? 00:03:20
      • Alojamiento web 00:03:30
      • Comprobación de conocimientos – Cómo funciona la web 00:20:00
      • Recursos adicionales 00:10:00
      • Introducción a los protocolos de Internet 00:04:18
      • Exploración de los Protocolos de Internet mediante la herramienta de línea de comandos 00:15:00
      • Introducción a HTTP 00:07:56
      • Ejemplos HTTP 00:10:00
      • Introducción a HTML, CSS y Javascript 00:04:02
      • HTML, CSS y JavaScript para desarrolladores de frontend 00:15:00
      • Otros protocolos de Internet 00:10:00
      • Páginas, sitios y aplicaciones web 00:02:35
      • Comprobación de conocimientos – La Web e Internet 00:20:00
      • Herramientas para desarrolladores 00:03:15
      • Ejercicio: Examinar una página web 00:10:00
      • Autorevisión: Examinar una página 00:20:00
      • Ejercicio: Editar un sitio web utilizando las herramientas de desarrollo de un navegador 00:10:00
      • Marcos y bibliotecas 00:05:06
      • API y servicios 00:04:31
      • ¿Qué es un IDE? 00:03:49
      • Instalación de VS Code 00:10:00
      • Visual Studio Code en Coursera 00:10:00
      • Comprobación de conocimientos – Tecnologías básicas de Internet 00:20:00
      • Resumen del módulo – Introducción al desarrollo web 00:02:44
      • Cuestionario del módulo Introducción al desarrollo web 00:20:00
      • Recursos adicionales 00:10:00
      • ¿Qué es el lenguaje de marcado de hipertexto? 00:04:25
      • Documentos HTML 00:04:19
      • Creación de un documento HTML simple y visualización en el navegador 01:00:00
      • Etiquetas HTML sencillas 00:15:00
      • Vinculación de documentos 00:02:42
      • Añadir imágenes a una página web con HTML 00:03:37
      • Utilizar HTML para trabajar con datos en tablas 00:03:39
      • ¿Qué son los formularios? 00:04:44
      • Introducción al DOM 00:04:17
      • Accesibilidad web 00:03:21
      • Comprobación de conocimientos: Introducción al HTML 00:20:00
      • Recursos adicionales 00:10:00
      • Seleccionar y estilizar 00:06:13
      • Diferentes tipos de selectores 00:10:00
      • Texto y color en CSS 00:10:00
      • Introducción del modelo de caja 00:04:19
      • Modelo de caja CSS 00:15:00
      • Flujo de documentos – Bloque vs. En línea 00:03:49
      • Conceptos básicos de alineación 00:10:00
      • Comprobación de conocimientos: Conceptos básicos de CSS 00:20:00
      • Estilizar una página HTML con CSS 01:00:00
      • Recursos adicionales 00:10:00
      • Creación y estilo de una página web 01:00:00
      • Cuestionario del módulo Introducción a HTML y CSS 00:20:00
      • Resumen del módulo – Introducción a HTML y CSS 00:03:12
      • Trabajar con bibliotecas 00:04:33
      • Introducción al diseño responsivo 00:04:45
      • Bootstrap 00:05:00
      • Primeros pasos con Bootstrap 00:05:29
      • Uso de los estilos de Bootstrap 00:04:58
      • Rejilla Bootstrap 00:02:56
      • Cómo crear un menú de comida de dos columnas con Bootstrap y verlo en el navegador 01:00:00
      • Autoevaluación: Trabajar con la cuadrícula de Bootstrap 00:20:00
      • Componentes de Bootstrap 00:07:08
      • Añadir componentes de Bootstrap para mejorar la página web de Little Lemon 01:00:00
      • Autoevaluación: Trabajar con componentes de Bootstrap 00:20:00
      • Uso de la documentación de Bootstrap 00:10:00
      • Otros marcos y bibliotecas CSS 00:10:00
      • Evaluación de conocimientos: Introducción a los marcos y bibliotecas de interfaz de usuario 00:20:00
      • Recursos adicionales 00:10:00
      • Contenidos estáticos y dinámicos 00:03:31
      • Aplicaciones de una sola página 00:05:33
      • ¿Qué es React? 00:03:30
      • Estudio de caso: ¿Por qué los ingenieros de Facebook crearon React? 00:10:00
      • Cómo funciona React 00:02:08
      • El DOM virtual 00:10:00
      • Jerarquía de componentes 00:02:50
      • React y bibliotecas complementarias 00:15:00
      • Evaluación de conocimientos: Introducción a React 00:20:00
      • Resumen del módulo: Marcos de interfaz de usuario 00:02:06
      • Cuestionario del módulo Marcos de interfaz de usuario 00:20:00
      • Recursos adicionales 00:10:00
      • Recapitulación del curso 1: Introducción al desarrollo web 00:02:49
      • Sobre el laboratorio sin calificar: Mejore su página Bio con Bootstrap 00:05:00
      • Cómo mejorar su página biográfica con Bootstrap y verla en el navegador 01:00:00
      • Autoevaluación: Mejora tu página Bio con Bootstrap 00:20:00
      • Ejemplar 00:05:00
      • Evaluación del curso 1: Introducción al desarrollo web 00:20:00
      • Enhorabuena, ha completado Introducción al desarrollo web 00:02:34
      • Próximos pasos tras Introducción al desarrollo web 00:01:00
      • Introducción a la programación con JavaScript 00:03:36
      • ¿Cómo se utiliza JavaScript en el mundo real? 00:04:25
      • Programa del curso 00:05:00
      • Cómo tener éxito en este curso 00:10:00
      • Cómo posicionarse para una nueva carrera 00:08:00
      • Cómo descubrir oportunidades de empleo 00:10:00
      • Configuración del código VS (opcional) 00:05:38
      • Introducción a la programación 00:04:20
      • ¿Por qué JavaScript? 00:05:01
      • Programación en JavaScript 00:03:15
      • Escribir su primer código JavaScript 00:02:00
      • Variables 00:07:24
      • Detective Digital: Descubre la magia interactiva que te rodea 00:20:00
      • Ejercicio: Declarar variables 00:10:00
      • Solución: Declarar variables 00:07:00
      • Declarar variables 00:20:00
      • Tipos de datos 00:05:06
      • Operarios 00:06:35
      • Números 00:03:19
      • Cuerdas 00:02:59
      • Booleanos 00:04:46
      • Operadores en profundidad 00:30:00
      • Ejercicio: Uso avanzado de operadores 00:10:00
      • Solución: Uso avanzado de operadores 00:10:00
      • Autoexamen: Uso avanzado de operadores 00:20:00
      • Comprobación de conocimientos: Bienvenido a la programación 00:20:00
      • Mejoras en JavaScript 00:08:00
      • Recursos adicionales 00:10:00
      • Declaraciones por escrito 00:03:26
      • Trabajar con sentencias condicionales 00:05:41
      • Ejemplos condicionales 00:12:00
      • Ejercicio: Practicar enunciados condicionales 00:30:00
      • Soluciones: Practicar enunciados condicionales 00:10:00
      • Practicar sentencias condicionales 00:20:00
      • Sentencias condicionales en JavaScript 00:15:00
      • Construcciones en bucle 00:04:01
      • Para bucle 00:03:18
      • Bucle while 00:03:05
      • Ejercicio: Tareas repetitivas con bucles 00:20:00
      • Soluciones: Tareas repetitivas con bucles 00:10:00
      • Bucles For en JavaScript: Conceptos básicos y uso 00:20:00
      • Bucles anidados 00:06:22
      • Bucles y bucles anidados 00:10:00
      • Usos de los bucles 00:10:00
      • Ejercicio: Trabajar con condicionales y bucles 00:30:00
      • Solución: Trabajar con condicionales y bucles 00:10:00
      • Fundamentos de los bucles anidados de JavaScript 00:20:00
      • Comprobación de conocimientos – Condicionales y bucles 00:20:00
      • Resumen del módulo: Introducción a JavaScript 00:01:05
      • Examen del módulo: Introducción a JavaScript 00:20:00
      • Recursos adicionales para condicionales y bucles 00:05:00
      • Funciones 00:05:50
      • Almacenamiento de datos en matrices 00:03:48
      • Construir y llamar funciones 00:30:00
      • Ejercicio: Practicar con funciones 00:30:00
      • Solución: Practicar con funciones 00:10:00
      • Introducción a las funciones de JavaScript 00:20:00
      • Introducción a los objetos 00:04:06
      • Literales de objeto y notación con puntos 00:30:00
      • Literales de objeto y notación de paréntesis 00:15:00
      • Las matrices son objetos 00:15:00
      • Hoja de trucos sobre objetos matemáticos 00:10:00
      • Objeto matemático 00:03:06
      • Una mirada más atenta a las cuerdas 00:04:22
      • Hoja de trucos para cuerdas 00:15:00
      • Ejercicio: Creación de matrices y objetos 00:10:00
      • Soluciones: Creación de matrices y objetos 00:10:00
      • Related Técnicas numéricas aleatorias en JavaScript 00:20:00
      • Métodos de objetos 00:15:00
      • Tipo de 00:02:33
      • Matrices, objetos y funciones de JavaScript 00:15:00
      • Comprobación de conocimientos: Matrices, objetos y funciones 00:20:00
      • Recursos adicionales 00:05:00
      • Fallos y errores 00:04:53
      • Pruebe los bloques de captura 00:06:01
      • Errores de sintaxis, lógicos y de ejecución 00:30:00
      • Valores indefinidos, nulos y vacíos 00:05:34
      • Ejercicio: Prevención de errores 00:30:00
      • Solución: Prevención de errores 00:10:00
      • Errores de JavaScript, valores vacíos y fundamentos de Jest 00:20:00
      • Ejercicio: Programación defensiva 00:10:00
      • Solución: Programación defensiva 00:10:00
      • Comprobación de conocimientos: Tratamiento de errores 00:20:00
      • Resumen del módulo: Los componentes básicos de un programa 00:01:50
      • Cuestionario del módulo: Los componentes básicos de un programa 00:20:00
      • Recursos adicionales 00:10:00
      • Resúmenes de datos en JavaScript: Matrices, objetos, funciones y gestión de errores 00:20:00
      • Introducción a la programación funcional 00:04:13
      • Valores de retorno de las funciones 00:10:00
      • Llamada a funciones y recursividad 00:02:52
      • Introducción a la recursión con el ejemplo de la secuencia de Fibonacci 01:00:00
      • Introducción al ámbito de aplicación 00:01:40
      • El paradigma de la programación funcional 00:30:00
      • Visual Studio Code en Coursera 00:10:00
      • Construir un programa funcional Ilimitado
      • Introducción a la programación funcional y la recursión 00:20:00
      • Ámbito con var, let y const 00:03:32
      • Comparación de var, let y const 00:03:38
      • Comprobación de conocimientos: Introducción a la programación funcional 00:20:00
      • Recursos adicionales 00:10:00
      • Refactorización de var a let y const: Corrección de errores comunes de JavaScript 01:00:00
      • Introducción a la programación orientada a objetos 00:08:40
      • Clases 00:02:07
      • Principios de programación orientada a objetos 00:30:00
      • Constructores 00:10:00
      • Herencia 00:04:52
      • Creación de clases 00:30:00
      • Parámetros por defecto 00:10:00
      • Diseñar un programa OO 00:12:00
      • Construir un programa orientado a objetos Ilimitado
      • Programación orientada a objetos y prototipos en JavaScript 00:20:00
      • Plano de programación orientada a objetos: Diseño con clases y herencia 00:15:00
      • Comprobación de conocimientos: Introducción a la programación orientada a objetos 00:20:00
      • Recursos adicionales 00:05:00
      • Desestructuración de matrices y objetos 00:03:13
      • For de bucles y objetos 00:30:00
      • For- de bucles y objetos 00:04:55
      • Ejemplos de literales de plantilla 00:30:00
      • Trabajar con literales de plantilla 00:03:40
      • Iteración de matrices y objetos Ilimitado
      • Fundamentos de JavaScript: Desestructuración, bucles y literales de plantilla 00:20:00
      • Estructuras de datos 00:04:12
      • Trabajar con matrices y objetos: Ejercicio de desestructuración 01:00:00
      • Ejemplos de estructuras de datos 00:30:00
      • Operador de dispersión 00:04:05
      • Operario de descanso 00:03:53
      • Uso de la dispersión y el descanso 00:30:00
      • Fundamentos de JavaScript: Operaciones Spread, Rest y Array Concisas 01:00:00
      • Comprobación de conocimientos: Funciones avanzadas de JavaScript 00:20:00
      • Recursos adicionales 00:05:00
      • Módulos JavaScript 00:05:20
      • Manipulación del DOM de JavaScript 00:07:10
      • Interactividad JavaScript 00:05:00
      • Selectores JavaScript 00:03:05
      • Gestión de eventos 00:04:32
      • Ejercicio: Actualización del contenido de la página web 00:15:00
      • Ejercicio: Capturar datos 00:10:00
      • Solución: Captura de datos 00:06:00
      • Manipulación y selectores DOM de JavaScript 00:20:00
      • Mover datos en la web 00:10:00
      • Notación de objetos de JavaScript – JSON 00:03:06
      • Comprobación de conocimientos – JavaScript en el navegador 00:20:00
      • Resumen del módulo: Paradigmas de programación 00:02:23
      • Examen del módulo: Paradigmas de programación 00:20:00
      • Recursos adicionales 00:10:00
      • Otros entornos JavaScript – node & NPM 00:05:31
      • Instalación de Node y NPM (opcional) 00:10:00
      • ¿Qué son las pruebas? 00:07:12
      • Tipos de pruebas 00:04:32
      • Introducción a Jest 00:04:49
      • Escribiendo pruebas con Jest 00:04:38
      • Escribir una prueba unitaria Ilimitado
      • Introducción a las pruebas de JavaScript con Jest 00:20:00
      • TDD (desarrollo basado en pruebas) 00:06:48
      • Comprobación de conocimientos: Introducción a las pruebas 00:20:00
      • Cuestionario del módulo: Pruebas 00:20:00
      • Resumen del módulo: Pruebas 00:02:12
      • Recursos adicionales 00:10:00
      • Recapitulación Programación con JavaScript 00:04:04
      • Sobre el ejercicio de hacer recibos de Little Lemon 00:10:00
      • Recibidor Little Lemon Ilimitado
      • Recibidor Little Lemon 00:20:00
      • Examen final calificado: Programación con JavaScript 00:20:00
      • Enhorabuena por completar el curso Programación con JavaScript 00:01:34
      • Próximos pasos 00:03:00
      • Introducción al curso 00:03:05
      • ¿Cómo colaboran los desarrolladores en el mundo real? 00:04:35
      • Programa del curso: Control de versiones 00:05:00
      • Cómo tener éxito en este curso 00:10:00
      • Por qué todo desarrollador necesita herramientas de colaboración 00:15:00
      • ¿Qué es el control de versiones? 00:04:52
      • Caso práctico: Cómo colaboran los ingenieros de Meta 00:04:09
      • Terminología de Git para el control de versiones 00:15:00
      • Sistemas de control de versiones y herramientas 00:03:50
      • Una historia del control de versiones 00:05:00
      • Control de versiones en el desarrollo de software profesional 00:08:00
      • Una historia de revisiones 00:03:36
      • Puesta en escena frente a producción 00:05:00
      • Verificación de conocimientos: Introducción al control de versiones 00:20:00
      • Resumen del módulo: Colaboración de software 00:01:43
      • Cuestionario del módulo: Colaboración de software 00:20:00
      • Recursos adicionales 00:06:00
      • La línea de comandos 00:06:02
      • ¿Qué son los comandos Unix? 00:04:18
      • Uso de Bash en el Terminal Mac 00:10:00
      • Uso de Bash en Windows 00:10:00
      • Creación y ejecución de scripts de Bash 00:03:44
      • Introducción a la línea de comandos: Comprobación del directorio de trabajo 00:10:00
      • Cambiar de directorio y mostrar el contenido 00:04:31
      • Creación y traslado de directorios y archivos 00:03:46
      • Dominar la gestión de archivos y directorios en Unix 00:15:00
      • Crear y manipular directorios y archivos 01:00:00
      • Autorrevisión: Crear y modificar directorios y archivos 00:20:00
      • Tuberías 00:02:49
      • Redirección 00:07:25
      • Grep 00:03:10
      • Laboratorio práctico: Exploración de comandos de Shell para procesamiento de archivos y texto 01:00:00
      • Comprobación de conocimientos: Comandos Unix 00:20:00
      • Cuestionario del módulo: Línea de comandos 00:20:00
      • Resumen del módulo: Línea de comandos 00:01:27
      • Recursos adicionales 00:30:00
      • ¿Qué es Git y GitHub? 00:03:12
      • Instalación de Git (Windows y Mac) 00:10:00
      • Instalación de Git en Mac 00:15:00
      • Cree su cuenta de GitHub 00:10:00
      • Conexión a GitHub a través de HTTPS 00:10:00
      • Conexión a GitHub a través de SSH 00:10:00
      • Creación y clonación de un repositorio 00:04:54
      • Cómo funciona Git 00:03:25
      • Añadir y confirmar 00:04:39
      • A distancia frente a local 00:05:21
      • Empujar y tirar 00:04:18
      • Añadir, confirmar y enviar 00:15:00
      • Ramas 00:06:39
      • Utilizar un repositorio 01:00:00
      • Autoexamen: Utilización de un repositorio 00:20:00
      • Resolución de conflictos 00:15:00
      • Laboratorio práctico: Resolución de conflictos de fusión en GitHub mediante ramas 01:00:00
      • Ejemplo de flujo de trabajo 00:03:45
      • CABEZA 00:05:46
      • Comandos Diff 00:04:22
      • Culpe a 00:06:01
      • Bifurcación 00:15:00
      • Comprobación de conocimientos: Git y GitHub 00:20:00
      • Recursos adicionales 00:10:00
      • Crear un repositorio con bifurcación 01:00:00
      • Auto-revisión: Crear un repositorio con bifurcación 00:20:00
      • Cuestionario del módulo: Trabajar con Git 00:20:00
      • Resumen del módulo: Trabajar con Git 00:01:20
      • Resumen del curso: Control de versiones 00:02:43
      • Acerca de la evaluación por niveles 00:03:00
      • Ejercicio: Gestionar un proyecto en GitHub 01:00:00
      • Solución: administrar un proyecto en GitHub 00:10:00
      • Autoexamen: Gestión de un proyecto en GitHub 00:20:00
      • Evaluación graduada de final de curso 00:20:00
      • Enhorabuena por haber completado el curso sobre control de versiones 00:01:50
      • Resumen del curso y próximos pasos 00:02:00
        • Introducción al programa 00:03:00
        • Introducción en profundidad a HTML y CSS 00:03:01
        • Programa del curso 00:10:00
        • ¿Cómo se utilizan HTML y CSS en el mundo real? 00:03:41
        • Comprender HTML y CSS en el desarrollo web real 00:15:00
        • Cómo tener éxito en este curso 00:10:00
        • Recapitulación: Lo que sabes sobre HTML y CSS 00:02:30
        • Trabajar con laboratorios en este curso 00:10:00
        • Etiquetas semánticas y por qué las necesitamos 00:04:50
        • Hoja de trucos de HTML semántico 00:15:00
        • Etiquetas semánticas en acción 00:04:45
        • Comprobación de conocimientos: Practicar el uso de etiquetas semánticas 00:20:00
        • Metadatos 00:05:17
        • Ficha de metadatos 00:15:00
        • Diseño básico 00:03:06
        • Comprobación de conocimientos: Metadatos 00:20:00
        • Maquetación 00:15:00
        • UX con metaetiquetas 00:03:39
        • Tarjetas de redes sociales 00:15:00
        • Crear una tarjeta de redes sociales 00:03:27
        • Comprobación de conocimientos: Protocolo Open Graph 00:20:00
        • Comprobación de conocimientos: Semántica y metaetiquetas 00:20:00
        • Recursos adicionales 00:10:00
        • HTML semántico: Mejora de la accesibilidad y la estructura de las páginas web 01:00:00
        • Formularios y validación 00:03:18
        • Tipos de entrada 00:15:00
        • Crear un formulario 00:07:15
        • Identificación de los tipos de entrada 00:15:00
        • Aprovechar al máximo la validación del cliente 00:04:12
        • Visual Studio Code en Coursera 00:10:00
        • Crear y probar un formulario 01:00:00
        • Crear y probar un formulario (solución) 00:10:00
        • Autoexamen: Crear y probar un formulario 00:20:00
        • Botones de radio 00:04:24
        • Hoja de trucos: Elementos interactivos del formulario 00:15:00
        • Uso de elementos de formulario interactivos 00:05:53
        • Comprobación de conocimientos: Declaración de elementos de formulario 00:20:00
        • Presentación de formularios 00:03:38
        • Enviar 00:15:00
        • Comprobación de conocimientos: Presentación de formularios 00:20:00
        • Diferencias entre navegadores 00:03:17
        • Glosario: Elementos de formulario HTML 00:20:00
        • Crear un formulario complejo 01:00:00
        • Crear un formulario complejo (solución) 00:10:00
        • Autorrevisión: Crear un formulario complejo 00:20:00
        • Comprobación de conocimientos: Entrada de usuarios y formularios 00:20:00
        • Recursos adicionales 00:10:00
        • Vídeo y audio 00:02:46
        • Jugadores integrados 00:03:34
        • Evalúe los medios de comunicación 01:00:00
        • Valore el medio (solución) 00:10:00
        • Autoevaluación: Califique a los medios de comunicación 00:20:00
        • Imágenes 00:10:00
        • iFrames 00:02:38
        • iFrame sandbox hoja de trucos 00:20:00
        • iFrame como imagen 00:03:33
        • El elemento lienzo 00:03:59
        • Comprobación de conocimientos: Elementos multimedia 00:20:00
        • Resumen del módulo: HTML en profundidad 00:02:41
        • Comprobación de conocimientos: HTML 00:20:00
        • Recursos adicionales 00:10:00
        • Maquetación web CSS 00:04:04
        • Comprender flexbox 00:20:00
        • Unidades de medida CSS 00:10:00
        • Flexbox básico 00:05:32
        • Gráficos Flex 00:07:07
        • CSS flexbox 00:15:00
        • Rejillas CSS 00:05:21
        • Grids y flexbox hoja de trucos 00:15:00
        • Vitrina de rejilla 00:08:15
        • Área de la plantilla de cuadrícula 00:20:00
        • Crear un diseño de cuadrícula 01:00:00
        • Crear un diseño de cuadrícula (solución) 00:15:00
        • Autoexamen: Crear un diseño de cuadrícula 00:20:00
        • Estudio de caso: Cómo Meta crea construcciones con capacidad de respuesta 00:02:54
        • Comprobación de conocimientos: Creación de diseños 00:20:00
        • Recursos adicionales 00:10:00
        • Selectores muy utilizados 00:05:19
        • Todos los selectores y su especificidad 00:20:00
        • Selectores combinados 00:07:15
        • CSS dirigido 01:00:00
        • CSS dirigido (solución) 00:15:00
        • Autoexamen: CSS dirigido 00:20:00
        • Pseudoclases 00:04:13
        • Pseudoelementos 00:20:00
        • Uso práctico del pseudo 00:04:27
        • Hoja de trucos CSS Pseudo 00:15:00
        • Comprobación de conocimientos: Selectores CSS 00:20:00
        • Recursos adicionales 00:10:00
        • Estilización con pseudoclases y pseudoelementos 01:00:00
        • ¿Qué es un efecto 00:04:53
        • Efectos de texto 00:04:03
        • Hoja de trucos sobre efectos de texto 00:15:00
        • Transformaciones y transiciones CSS 00:05:36
        • Elementos de transformación y transición 01:00:00
        • Elementos de transformación y transición (solución) 00:10:00
        • Autoexamen: Elementos de transformación y transición 00:20:00
        • Animación CSS 00:03:58
        • Fotogramas clave CSS 00:20:00
        • Ejemplos de animación 00:04:44
        • Hoja de trucos de animación y efectos 00:15:00
        • Preprocesadores: sass, scss, Stylus 00:20:00
        • Comprobación de conocimientos: Efectos CSS 00:20:00
        • Recursos adicionales 00:10:00
        • Errores comunes 00:06:00
        • Tratamiento de errores 00:04:55
        • Instalación de un Linter de terceros en VS Code 00:15:00
        • Depuración del front-end 00:20:00
        • Herramientas de depuración 00:03:30
        • CSS específico del navegador 00:05:50
        • Pruebas de interfaz de usuario 00:03:38
        • Estudio de caso: Cómo realiza Meta las pruebas frontales 00:03:49
        • Comprobación de conocimientos: Depuración 00:20:00
        • Resumen del módulo: CSS interactivo 00:02:27
        • Cuestionario del módulo: CSS interactivo 00:20:00
        • Recursos adicionales 00:10:00
        • Resumen del curso 00:03:08
        • Sobre el proyecto de cartera 00:05:00
        • Selección de sujetos 00:10:00
        • Selección del tema y elaboración del esquema 00:02:59
        • Posicionamiento de los elementos, creación de marcadores de posición 00:05:13
        • Configuración de su entorno de desarrollo local 00:10:00
        • Caja de arena del proyecto 01:00:00
        • Comprobación de preparación: ¿Ha completado la configuración inicial? 00:20:00
        • Planificación de la experiencia del usuario 00:02:46
        • Creación de temas 00:10:00
        • Envíe su proyecto de cartera 01:30:00
        • Ejemplar: Hasta ahora todo bien 00:03:09
        • Enhorabuena, ¡ha completado HTMLS y CSS en profundidad! 00:02:09
        • Próximos pasos 00:02:00
          • Introducción al curso: Conceptos básicos de React 00:02:05
          • ¿Cómo se utiliza React en el mundo real? 00:03:58
          • Antes de aprender React 00:10:00
          • Construyendo tu base React: Entendiendo HTML, CSS y JavaScript 00:15:00
          • Módulos JavaScript, importaciones – exportaciones 00:15:00
          • Recursos adicionales: Componentes React 00:05:00
          • ¿Por qué React? 00:04:27
          • Visión general de React.js 00:05:07
          • Introducción a los componentes funcionales 00:06:22
          • Creación de componentes React 00:03:38
          • Transpilar JSX 00:20:00
          • Bloques de construcción de React: Preparación para el primer laboratorio 00:15:00
          • Trabajar con laboratorios en este curso 00:07:00
          • Su primer componente 01:00:00
          • Solución: Su primer componente 00:05:00
          • Autoexamen: Su primer componente 00:20:00
          • Estructura del proyecto React 00:06:23
          • Personalizar el proyecto 00:20:00
          • Importación de componentes 00:04:31
          • Creación e importación de componentes 01:00:00
          • Solución: Creación e importación de componentes 00:05:00
          • Autoexamen: Creación e importación de componentes 00:20:00
          • Recursos adicionales para React components and where they live 00:05:00
          • Configuración de un proyecto React en VS Code (Opcional) 00:10:00
          • Comprobación de conocimientos: Componentes de React y dónde viven 00:20:00
          • Principios de los componentes: Puntales 00:05:42
          • Disección de accesorios 00:20:00
          • Utilización de accesorios en los componentes 00:04:35
          • Pases de accesorios 01:00:00
          • Solución: Pasar puntales 00:05:00
          • Autoexamen: Aprobar apoyos 00:20:00
          • Presentación de JSX 00:04:09
          • Atrezzo y niños 00:20:00
          • Estilización de elementos JSX 00:20:00
          • Estilo práctico 00:02:52
          • Sintaxis JSX y función de flecha 00:20:00
          • Comprobación de conocimientos: Estilizar JSX 00:20:00
          • Expresiones JSX incrustadas 00:02:20
          • Operadores y funciones ternarios en JSX 00:20:00
          • Expresiones como accesorios 00:10:00
          • Incrustación en atributos 00:02:17
          • Componentes React 00:15:00
          • Múltiples componentes 01:00:00
          • Solución: Múltiples componentes 00:20:00
          • Tarjetas de números aleatorios: Una aplicación práctica de React para principiantes 01:00:00
          • Autorrevisión: Múltiples componentes 00:20:00
          • Resumen del módulo: Componentes React 00:02:54
          • Módulo Quiz: Componentes React 00:20:00
          • Recursos adicionales: Uso y estilo de los componentes 00:05:00
          • Tipos de eventos 00:04:22
          • Asuntos destacados 00:20:00
          • Manejo de eventos comunes 00:03:12
          • Sintaxis para manipuladores 00:05:08
          • Comprobación de conocimientos: Eventos y errores 00:20:00
          • Manejo de eventos y expresiones incrustadas 00:20:00
          • Eventos de usuario 00:05:43
          • Eventos dinámicos 01:00:00
          • Solución: Eventos dinámicos 00:05:00
          • Autoexamen: Eventos dinámicos 00:20:00
          • Comprobación de conocimientos: Eventos dinámicos y cómo manejarlos 00:20:00
          • Recursos adicionales: Datos y estado 00:05:00
          • Flujo de datos padre-hijo 00:05:50
          • Flujo de datos en React 00:10:00
          • Los niños y los datos 00:03:15
          • Comprobación de conocimientos: Flujo de datos 00:20:00
          • ¿Qué es el Estado? 00:04:48
          • Estado de observación 00:03:33
          • Estado de React 00:15:00
          • ¿Qué son los ganchos? 00:03:38
          • Utilizar ganchos 00:20:00
          • Gestionar el estado 00:04:33
          • Aplicación Contador React: Manejo de Eventos con useState 01:00:00
          • Comprobación de conocimientos: Enuncie el concepto 00:20:00
          • Perforación de puntales 00:10:00
          • Gestión del estado de React 00:06:07
          • Comprobación de conocimientos: Estado aprobado 00:20:00
          • Con estado frente a sin estado 00:03:38
          • Gestión del estado en React 01:00:00
          • Solución: Gestión del estado en React 00:05:00
          • Autoexamen: Gestión del estado en React 00:20:00
          • Comprobación de conocimientos: Estado o apátrida 00:20:00
          • Resumen del módulo: Datos y estado 00:05:19
          • Cuestionario del módulo: Datos y estado 00:20:00
          • Recursos adicionales: Datos y eventos 00:05:00
          • Tipos básicos de navegación 00:05:46
          • Navegación 00:20:00
          • La barra de navegación 00:04:57
          • Crear una ruta 01:00:00
          • Solución: Crear una ruta 00:15:00
          • Autoexamen: Creación de una ruta 00:20:00
          • Comprobación de conocimientos: Navegación 00:20:00
          • Renderizado condicional 00:04:34
          • Aplicación del renderizado condicional 00:10:00
          • Componentes condicionales 00:10:00
          • Actualizaciones condicionales de una vista 00:02:56
          • Renderizado dinámico de componentes en React: Una aplicación de inicio/cierre de sesión 01:00:00
          • Comprobación de conocimientos: Actualizaciones condicionales 00:20:00
          • Recursos adicionales 00:05:00
          • ¿Qué es un activo y dónde vive? 00:04:02
          • Agrupación de activos 00:10:00
          • Utilización de activos incorporados 00:03:16
          • Visualización de imágenes 01:00:00
          • Solución: Visualización de imágenes 00:05:00
          • Autoexamen: Visualización de imágenes 00:20:00
          • Audio y vídeo 00:03:57
          • Paquetes multimedia 00:10:00
          • Crear un componente audio / vídeo 00:02:56
          • A practicar: Selección de canciones 01:00:00
          • Solución: Selección de canciones 00:05:00
          • Autoevaluación: Selección de canciones 00:20:00
          • Resumen del módulo: navegación, actualización y activos en React.js 00:05:19
          • Prueba del módulo: navegación, actualización y activos en React.js 00:20:00
          • Recursos adicionales: Uso de activos en React 00:05:00
          • Resumen del curso: Conceptos básicos de React 00:02:44
          • Acerca de esta evaluación graduada: Calculadora app 00:05:00
          • Crear una aplicación de calculadora Ilimitado
          • Solución: Construir una aplicación de calculadora 00:10:00
          • Ejemplo: Construir una aplicación de calculadora 00:04:08
          • Enhorabuena, ¡ha completado los fundamentos de React! 00:02:07
          • Próximos pasos 00:03:00
          • Introducción al curso 00:02:57
          • React y sus oportunidades profesionales 00:03:45
          • Programa del curso 00:10:00
          • Cómo tener éxito en este curso 00:10:00
          • Configuración de un proyecto React en VS Code (Opcional) 00:10:00
          • Configuración del código VS (opcional) 00:05:38
          • Instalación de Node y NPM (opcional) 00:10:00
          • Trabajar con laboratorios en este curso 00:10:00
          • Diseños de cuadrícula 00:02:50
          • FROM React Foundations to Advanced Patterns (De los fundamentos de React a los patrones avanzados) 00:15:00
          • Transformación de listas en JavaScript 00:03:40
          • Renderizar un componente de lista simple 00:03:18
          • Ejercicio: Crear un componente básico de Lista 01:00:00
          • Solución: Crear un componente de lista básico 00:10:00
          • Autoexamen: Crear un componente básico de Lista 00:20:00
          • ¿Qué son las claves en React? 00:05:16
          • Uso de claves en componentes de lista 00:03:46
          • Comprobación de conocimientos: Renderizado de listas en React 00:20:00
          • Recursos adicionales 00:05:00
          • ¿Qué son los componentes controlados? 00:04:11
          • Componentes controlados frente a componentes no controlados 00:10:00
          • Creación de un componente Form en React 00:05:32
          • Crear un componente de formulario controlado 00:04:05
          • Ejercicio: Crear un formulario de registro 01:00:00
          • Solución: Crear un formulario de registro 00:10:00
          • Autorrevisión: Crear un formulario de inscripción 00:20:00
          • Comprobación de conocimientos: Formularios en React 00:20:00
          • Recursos adicionales 00:05:00
          • Lo que sabe sobre los puntales y el Estado 00:04:51
          • ¿Qué es el contexto y por qué se utiliza? 00:05:57
          • Contexto de React 00:15:00
          • Ejercicio: Crear un conmutador de temas claro-oscuro 01:00:00
          • Solución: Crear un conmutador de temas claros y oscuros 00:10:00
          • Autorrevisión: Crear un conmutador de temas claro-oscuro 00:20:00
          • Cómo funciona la redimensión con Context 00:15:00
          • Comprobación de conocimientos: React Context 00:20:00
          • Resumen del módulo: Componentes 00:04:13
          • Examen del módulo: Componentes 00:20:00
          • Recursos adicionales 00:05:00
          • Trabajar con ganchos React 00:03:40
          • Revisión del gancho useState 00:05:15
          • Trabajar con datos complejos en useState 00:15:00
          • Uso del gancho useState 00:06:49
          • Ejercicio: Gestión del estado dentro de un componente 01:00:00
          • Solución: Gestión del estado dentro de un componente 00:10:00
          • Auto-revisión: Gestión del estado dentro de un componente 00:20:00
          • ¿Qué son los efectos secundarios? 00:03:41
          • ¿Qué es el gancho useEffect? 00:10:00
          • Uso del gancho useEffect 00:05:10
          • Comprobación de conocimientos: Introducción a los ganchos 00:20:00
          • Recursos adicionales 00:05:00
          • ¿Cuáles son las reglas de los anzuelos? 00:04:11
          • Lo que hay que saber antes de obtener datos 00:05:39
          • Obtención de datos mediante ganchos 00:15:00
          • Obtención de datos – Recopilación de datos 00:03:19
          • Obtención de datos con useEffect 00:15:00
          • Ejercicio: ¿Sabes buscar datos? 01:00:00
          • Solución: ¿Puede obtener datos? 00:10:00
          • Autoevaluación: ¿Sabes buscar datos? 00:20:00
          • APIs 00:05:20
          • Comprobación de conocimientos: Reglas de los ganchos y obtención de datos con ganchos 00:20:00
          • Recursos adicionales 00:05:00
          • Qué es useReducer y en qué se diferencia de useState 00:04:24
          • Cuándo elegir useReducer frente a useState 00:10:00
          • useRef para acceder al DOM subyacente 00:02:35
          • Ganchos a medida 00:10:00
          • Ejercicio: Cree su propio gancho personalizado, usePrevious 01:00:00
          • Solución: Cree su propio gancho personalizado, utilicePrevious 00:10:00
          • Auto-revisión: Cree su propio gancho personalizado, usePrevious 00:20:00
          • Comprobación de conocimientos: Ganchos avanzados 00:20:00
          • Resumen del módulo: React Hooks y Custom Hooks 00:03:48
          • Examen del módulo: Ganchos React y ganchos personalizados 00:20:00
          • Recursos adicionales 00:05:00
          • JSX, componentes y elementos 00:06:22
          • La importancia del rendimiento en el desarrollo de software 00:03:35
          • Composición de componentes con niños 00:04:41
          • Tipos de niños 00:20:00
          • Manipulación dinámica de niños en JSX 00:05:56
          • Ejercicio: Construir un componente de grupo de radio 01:00:00
          • Solución: Construir un componente de grupo radioeléctrico 00:10:00
          • Autoexamen: Construir un componente de grupo radiofónico 00:20:00
          • Atributos de difusión 00:06:20
          • Comprobación de conocimientos: JSX 00:20:00
          • Recursos adicionales 00:05:00
          • Cuestiones transversales en React 00:04:22
          • Componentes de orden superior 00:15:00
          • Crear una COA para la posición del cursor 00:04:57
          • Renderizar accesorios 00:04:48
          • Ejercicio: Implementación de la posición del scroller con render props 01:00:00
          • Solución: Implementación de la posición del scroller con render props 00:10:00
          • Auto-revisión: Implementación de la posición del scroller con render props 00:20:00
          • Comprobación de conocimientos: Reutilización de comportamientos 00:20:00
          • Recursos adicionales 00:05:00
          • Por qué React Testing Library 00:07:23
          • Escribir la primera prueba para su formulario 00:05:02
          • Ejercicio: Escribir más escenarios de prueba 01:00:00
          • Solución: Escribir más escenarios de prueba 00:10:00
          • Autorrevisión: Escribir más escenarios de prueba 00:20:00
          • Introducción a la integración continua 00:10:00
          • Guías de estilo 00:04:00
          • Comprobación de conocimientos: Pruebas automatizadas 00:20:00
          • Resumen del módulo: JSX y pruebas 00:05:31
          • Cuestionario del módulo: JSX y Pruebas 00:20:00
          • Recursos adicionales 00:05:00
          • Resumen del curso: React avanzado 00:03:31
          • Sobre el proyecto final 00:10:00
          • Bibliotecas externas populares 00:15:00
          • Cree su cartera 01:00:00
          • Revisar la cartera de un compañero 01:00:00
          • Recorrido por la solución: Cartera 00:06:26
          • Código de la solución 00:30:00
          • Examen final calificado: React avanzado 00:20:00
          • ¡Enhorabuena, ha completado React Avanzado! 00:02:37
          • Próximos pasos 00:05:00
            • Introducción a los principios del diseño UX y UI 00:03:19
            • Un día en la vida de un diseñador de productos Meta 00:06:35
            • Introducción a la UX y la UI 00:04:18
            • Un día en la vida de un gestor de productos Meta 00:04:41
            • ¿En qué consiste realmente el trabajo de un diseñador de productos? 00:15:00
            • Resumen del proyecto final 00:02:22
            • Programa del curso UX UI 00:05:00
            • Cómo tener éxito en este curso 00:10:00
            • ¿Qué es la UX? 00:03:26
            • Objetivos de UX + Componentes de calidad 00:04:23
            • Herramientas de empatía: Artefactos en el proceso UX 00:10:00
            • Visión general del proceso UX 00:04:49
            • Comprobación de conocimientos: ¿Qué es la UX? 00:20:00
            • Recursos adicionales 00:05:00
            • ¿Qué es la IU? 00:03:56
            • Tipos de diseño digital 00:06:00
            • Crear una cuenta Figma 00:03:00
            • Primeros pasos con Figma 00:04:59
            • Comprobación de conocimientos: ¿Qué es la interfaz de usuario? 00:20:00
            • Recursos adicionales 00:05:00
            • ¿Quién es su usuario? 00:05:15
            • Escenario del pequeño limón 00:05:00
            • Herramientas de empatía 00:04:00
            • Ejercicio: Crear un personaje 00:15:00
            • Solución: Crear un personaje 00:05:00
            • Autoevaluación: Creación de un perfil de usuario 00:20:00
            • Estudio de caso: La investigación de usuarios en el mundo real 00:04:45
            • Resumen del módulo: Introducción a la UX y la UI 00:02:20
            • Cuestionario del módulo: Introducción a la UX y la UI 00:20:00
            • Recursos adicionales 00:05:00
            • Evaluar el diseño 00:03:23
            • Hojas de evaluación 00:15:00
            • Diseñar para la accesibilidad 00:10:00
            • Estudio de caso: Accesibilidad en Meta 00:03:55
            • Ejercicio: Evaluación heurística 00:10:00
            • Solución: Evaluación heurística 00:10:00
            • Autoevaluación: Evaluación heurística 00:20:00
            • Prueba de conocimientos: Métodos de evaluación 00:20:00
            • Recursos adicionales 00:05:00
            • Diseño de formularios 00:04:31
            • Mejores prácticas de diseño de formularios 00:15:00
            • Aplicación de los principios de diseño de formularios 00:15:00
            • Componentes en el diseño de interfaz de usuario 00:03:35
            • Evaluación de conocimientos: Principios de buenas prácticas 00:20:00
            • Recursos adicionales 00:05:00
            • Evaluación de Little Lemon 00:05:51
            • Desglose del formulario de Little Lemon 00:10:00
            • Mejora de formularios – Mejora de la usabilidad y el diseño 01:00:00
            • Uso de iconos de menú en la navegación 00:05:00
            • Mejores prácticas de navegación 00:04:46
            • Evaluación de conocimientos: Navegación y diseño de formularios 00:20:00
            • Resumen del módulo: Evaluación del diseño interactivo 00:01:29
            • Cuestionario del módulo: Evaluación del diseño interactivo 00:20:00
            • Recursos adicionales 00:05:00
            • Marcos, capas y formas básicas 00:05:13
            • Capas, grupos y marcos 00:10:00
            • Tipo y texto 00:05:14
            • Tipografía y buenas prácticas 00:10:00
            • Aplicación de los principios tipográficos 00:15:00
            • Rejillas y limitaciones 00:04:12
            • Creación de rejillas para tabletas y móviles 00:05:00
            • Sistemas de rejilla 00:10:00
            • Manipulación de elementos 00:03:00
            • Trabajar con imágenes 00:03:43
            • Cómo guardar e importar archivos Figma 00:10:00
            • Ejercicio: Diseño – Jerarquía de texto y cuadrícula 00:30:00
            • Solución: Diseño – Rejilla de texto y jerarquía 00:10:00
            • Autoevaluación: jerarquía del texto y cuadrícula 00:20:00
            • Prueba de conocimientos: Tipografía y diseño tipográfico 00:20:00
            • Recursos adicionales 00:05:00
            • Wireframing 00:04:27
            • Creación rápida de prototipos 00:10:00
            • Ejercicio: Crear wireframe en Figma 00:30:00
            • Solución: Crear wireframe en Figma 00:10:00
            • Autoevaluación: Creación de un esquema de diseño en Figma 00:20:00
            • Pruebas de usabilidad 00:04:20
            • Hoja de trucos y plantilla para pruebas de usabilidad 00:10:00
            • Ejercicio: Escribir una prueba de usabilidad 00:30:00
            • Solución: Redactar una prueba de usabilidad 00:10:00
            • Autoevaluación: Cómo elaborar una prueba de usabilidad 00:20:00
            • Resumen del módulo: Fundamentos del diseño aplicado 00:01:13
            • Prueba del módulo: Fundamentos del diseño aplicado 00:20:00
            • Recursos adicionales 00:05:00
            • Hágalo bonito 00:05:34
            • Principios de los elementos de diseño 00:30:00
            • Estilizar Diseño de alta fidelidad 00:03:38
            • Ejercicio: Diseñar un componente en Figma 00:30:00
            • Solución: Diseñe un componente en Figma 00:10:00
            • Autorrevisión: Diseño de componentes 00:20:00
            • Tableros de ideas en el diseño 00:05:00
            • Prueba de conocimientos: Cómo mejorar tu diseño 00:20:00
            • Recursos adicionales 00:05:00
            • ¿Qué son los sistemas de diseño? 00:03:58
            • Sistemas de diseño 00:10:00
            • Diseñar sistemas en Figma 00:03:33
            • Ejercicio: Diseño interactivo de componentes 00:30:00
            • Solución: Diseño interactivo de componentes 00:10:00
            • Autoevaluación: Diseño de componentes interactivos 00:20:00
            • Comprobación de conocimientos: Sistemas de diseño 00:20:00
            • Recursos adicionales 00:05:00
            • Pasar del diseño a la creación de prototipos 00:03:58
            • Microinteracciones y microanimaciones 00:05:00
            • Anime y pruebe su prototipo 00:04:53
            • Estudio de caso: Cómo utiliza Meta las microinteracciones 00:04:51
            • Ejercicio: Prototipo de diseño de alta fidelidad 00:30:00
            • Solución: Prototipo de diseño de alta fidelidad 00:10:00
            • Autoevaluación: Prototipo de diseño de alta fidelidad 00:20:00
            • Prueba tu prototipo: una sesión de usabilidad de 5 minutos con Jordan 00:15:00
            • Resumen del módulo: Diseño de su interfaz de usuario 00:01:23
            • Cuestionario del módulo: Diseño de la interfaz de usuario 00:20:00
            • Recursos adicionales 00:05:00
            • Resumen del curso Principios de UX y UI 00:01:47
            • Sobre la evaluación final 00:30:00
            • Ejercicio: Reservar una mesa en la página web de Little Lemon 00:30:00
            • Diseño de una experiencia de reserva de mesa para Little Lemon 00:20:00
            • Solución: Reservar una mesa en la página web de Little Lemon 00:10:00
            • Prueba final del curso: Principios de UX y UI 00:20:00
            • Enhorabuena, ha completado Principios de diseño UX UI 00:02:09
            • Próximos pasos tras Principios de UX Diseño de interfaz de usuario 00:03:00
              • Introducción al curso 00:03:06
              • Programa del curso 00:15:00
              • Cómo tener éxito en este curso 00:10:00
              • Comprobación de su entorno de desarrollo 00:15:00
              • Preparativos para resolver la crisis de Little Lemon 00:15:00
              • Recursos adicionales 00:05:00
              • Puesta en marcha del proyecto 00:03:10
              • Recapitulemos: Control de versiones 00:15:00
              • Ejercicio: Configuración del repositorio 00:30:00
              • Comprobación de preparación: ¿Ha configurado el repositorio Git? 00:20:00
              • Recapitulación: React set up 00:15:00
              • Ejercicio: Configuración del proyecto React 00:30:00
              • Comprobación de preparación: ¿Ha configurado el proyecto React? 00:20:00
              • Ejercicio: Comprometiendo el proyecto 00:30:00
              • Comprobación de preparación: ¿Ha empujado sus commits? 00:20:00
              • Comprobación de conocimientos: Puesta en marcha del proyecto 00:20:00
              • Recursos adicionales 00:05:00
              • Planificación de la UX y la UI 00:03:14
              • Recapitulación: Principios de UX y UI 00:15:00
              • Ejercicio: Wireframing del proyecto 00:30:00
              • Comprobación de la preparación: ¿Ha completado el wireframe? 00:20:00
              • Ejercicio: Diseño de componentes 00:30:00
              • Comprobación de la preparación: ¿Ha establecido los diseños de sus componentes clave? 00:20:00
              • Ejercicio: Aplicación de los fundamentos del diseño en Figma 00:30:00
              • Comprobación de la preparación: ¿Ha establecido una jerarquía tipográfica, fuentes y colores utilizando la guía de estilo? 00:20:00
              • Comprobación de conocimientos: Planificación de la UX y la UI 00:20:00
              • Resumen del módulo: Inicio del proyecto 00:02:51
              • Cuestionario del módulo: Inicio del proyecto 00:20:00
              • Recursos adicionales 00:05:00
              • Configuración de un documento HTML semántico 00:02:36
              • Recapitulación: HTML semántico 00:15:00
              • Ejercicio: Configuración del documento HTML 00:30:00
              • Comprobación de preparación: ¿Ha configurado un documento HTML semántico? 00:20:00
              • Recapitulación: Metaetiquetas y protocolo Open Graph 00:15:00
              • Ejercicio: Añadir metaetiquetas y configurar OGP 00:30:00
              • Comprobación de la preparación: ¿Ha establecido las metaetiquetas y los datos del protocolo Open Graph? 00:20:00
              • Comprobación de preparación: ¿Ha registrado sus progresos en Git? 00:20:00
              • Comprobación de conocimientos: Estructura semántica 00:20:00
              • Recursos adicionales 00:05:00
              • Elementos de estilo 00:03:50
              • Recapitulación Rejillas CSS 00:15:00
              • Ejercicio: Configurar el diseño CSS 00:30:00
              • Comprobación de disponibilidad: ¿Ha configurado un diseño CSS con capacidad de respuesta? 00:20:00
              • Recapitulación Elementos de estilismo 00:15:00
              • Ejercicio: Elementos de estilo 00:30:00
              • Comprobación de preparación: ¿Ha comprobado que los elementos visuales de la página web coinciden con el diseño de Figma? 00:20:00
              • Comprobación de preparación: ¿Ha registrado sus progresos en Git? 00:20:00
              • Comprobación de conocimientos: Estilo y capacidad de respuesta 00:20:00
              • Recursos adicionales 00:05:00
              • Componentes del proyecto 00:03:42
              • Recapitulación: Conceptos básicos de React 00:15:00
              • Ejercicio: Configuración de los componentes de la aplicación 00:30:00
              • Comprobación de la preparación: ¿Ha configurado los componentes de la aplicación? 00:20:00
              • Comprobación de la preparación: ¿Sus componentes son semánticamente correctos? 00:20:00
              • Comprobación de preparación: ¿Ha registrado sus progresos en Git? 00:20:00
              • Comprobación de conocimientos: Añadir componentes 00:20:00
              • Resumen del módulo: Fundamentos del proyecto 00:02:56
              • Cuestionario del módulo: Fundamentos del proyecto 00:20:00
              • Recursos adicionales 00:05:00
              • Reservas de mesas de clientes 00:03:02
              • Recapitulación: Estado en React 00:15:00
              • Recapitulación: Formularios 00:15:00
              • Ejercicio: Definición de la página Reservas 00:30:00
              • Comprobación de disponibilidad: ¿Ha configurado un componente para ver las reservas disponibles? 00:20:00
              • Ejercicio: Añadir estado de reserva de mesa 00:30:00
              • Comprobación de preparación: ¿Ha compartido el estado de reserva de la tabla entre los componentes? 00:20:00
              • Comprobación de la preparación: ¿Sus componentes son semánticamente correctos? 00:20:00
              • Recapitulemos: Pruebas unitarias 00:15:00
              • Ejercicio: Añadir pruebas unitarias 00:30:00
              • Comprobación de la preparación: ¿Ha configurado las pruebas unitarias de los componentes? 00:20:00
              • Comprobación de conocimientos: Sistema de reserva de mesas 00:20:00
              • Recursos adicionales 00:05:00
              • Consulta de una API de reserva de tablas 00:03:28
              • Recapitulación: Consultando APIs en React 00:15:00
              • Ejercicio: Conexión de la página de reservas a la API 00:30:00
              • Comprobación de disponibilidad: ¿Su página de reservas utiliza datos «vivos»? 00:20:00
              • Ejercicio: Envío de la nueva página de reservas a la API 00:30:00
              • Comprobación de la preparación: ¿Funciona el sistema de reserva de mesas de principio a fin? 00:20:00
              • Ejercicio: Actualizar las pruebas unitarias para las consultas de la API 00:30:00
              • Comprobación de la preparación: ¿Ha configurado las pruebas unitarias de la API? 00:20:00
              • Comprobación de preparación: ¿Ha registrado sus progresos en Git? 00:20:00
              • Comprobación de conocimientos: Interactuar con la API 00:20:00
              • Recursos adicionales 00:05:00
              • La importancia de la UX 00:02:34
              • Recapitulación Validación de formularios 00:15:00
              • Ejercicio: Añadir validación de formularios 00:30:00
              • Comprobación de disponibilidad: ¿Su formulario de reserva valida los datos del usuario? 00:20:00
              • Ejercicio: Añadir pruebas unitarias para la validación y envío del formulario 00:30:00
              • Comprobación de preparación: ¿Ha configurado las pruebas unitarias de validación y envío de formularios? 00:20:00
              • Recapitulación Accesibilidad 00:15:00
              • Ejercicio: Asegurarse de que su aplicación es accesible para los usuarios 00:30:00
              • Comprobación de la accesibilidad: ¿Es accesible su aplicación? 00:20:00
              • Recapitulación: Evaluación de la usabilidad de la UX y la UI 00:15:00
              • Ejercicio: Evaluar y revisar la UX 00:30:00
              • Comprobación de preparación: ¿Ha completado la evaluación heurística de usabilidad? 00:20:00
              • Comprobación de preparación: ¿Ha registrado sus progresos en Git? 00:20:00
              • Comprobación de conocimientos: Mejorar la experiencia 00:20:00
              • Resumen del módulo: Funcionalidad del proyecto 00:03:03
              • Cuestionario del módulo: Funcionalidad del proyecto 00:20:00
              • Recursos adicionales 00:05:00
              • Resumen del curso: Proyecto Capstone 00:03:09
              • Sobre la evaluación final del proyecto 00:15:00
              • Comprobación de la preparación: Prepárese para presentar el proyecto 00:20:00
              • Reservar una mesa en la página web de Little Lemon 01:00:00
              • Solución: Reservar una mesa en la página web de Little Lemon 00:30:00
              • Cuestionario final 00:20:00
              • Enhorabuena, ¡ha completado el Proyecto Capstone! 00:03:02
              • Próximos pasos 00:05:00
              • Introducción al curso 00:04:19
              • Introducción al proceso de contratación técnica 00:08:25
              • Programa del curso 00:10:00
              • Cómo tener éxito en este curso 00:10:00
              • Preparación de entrevistas técnicas: Fundamentos de Informática 00:15:00
              • Recursos adicionales 00:05:00
              • ¿Qué es una entrevista de codificación? 00:07:40
              • Tipos de entrevista que puede esperar 00:10:00
              • Comunicación 00:05:50
              • Qué esperar de una entrevista técnica 00:08:03
              • Pseudocódigo paso a paso 00:10:00
              • Consejos para la entrevista 00:10:00
              • Probar su solución 00:10:00
              • Comprobación de conocimientos: La entrevista de codificación 00:20:00
              • Recursos adicionales 00:05:00
              • Binario 00:06:11
              • Trabajar en binario 00:10:00
              • Memoria 00:05:55
              • Definir soluciones 00:10:00
              • Complejidad temporal 00:07:01
              • Trabajar con la complejidad temporal 00:10:00
              • Comprobación de conocimientos: Complejidad temporal 00:20:00
              • Complejidad espacial 00:05:00
              • Comprobación de conocimientos: Complejidad espacial 00:20:00
              • Evaluación de la complejidad temporal y espacial 00:15:00
              • Resumen del módulo: Introducción a la entrevista de codificación 00:05:33
              • Cuestionario del módulo: Introducción a la entrevista de codificación 00:20:00
              • Recursos adicionales 00:05:00
              • Estructuras básicas de datos 00:06:46
              • Cuerdas 00:10:00
              • Enteros 00:10:00
              • Booleanos 00:10:00
              • Matrices 00:10:00
              • Objetos 00:10:00
              • Comprobación de conocimientos: Estructuras básicas de datos 00:20:00
              • Recursos adicionales 00:05:00
              • Listas y conjuntos 00:06:17
              • Listas y conjuntos en diferentes lenguajes de programación 00:10:00
              • Pilas y colas 00:05:19
              • Pilas y colas en diferentes lenguajes de programación 00:10:00
              • Listas, conjuntos, pilas y colas 00:15:00
              • Árboles 00:05:10
              • Árboles en diferentes lenguajes de programación 00:10:00
              • Comprobación de conocimientos: Estructuras de datos de recogida 00:20:00
              • Recursos adicionales 00:05:00
              • Tablas hash 00:07:18
              • Tablas hash en diferentes lenguajes de programación 00:10:00
              • Montones 00:05:32
              • Gráficos 00:05:09
              • Heaps y grafos en diferentes lenguajes de programación 00:10:00
              • Comprobación de conocimientos: Estructuras de datos avanzadas 00:20:00
              • Resumen del módulo: Introducción a las estructuras de datos 00:07:43
              • Cuestionario del módulo: Introducción a las estructuras de datos 00:20:00
              • Recursos adicionales 00:05:00
              • Algoritmos de clasificación 00:07:30
              • Complejidad temporal y espacial en los algoritmos de clasificación 00:10:00
              • Algoritmos de búsqueda 00:05:00
              • Complejidad temporal y espacial en los algoritmos de búsqueda 00:10:00
              • Comprobación de conocimientos: Clasificación y búsqueda 00:20:00
              • Recursos adicionales 00:05:00
              • Divide y vencerás 00:04:43
              • Recursión 00:05:37
              • Programación dinámica 00:06:14
              • Algoritmos codiciosos 00:05:47
              • Comprobación de conocimientos: Trabajar con algoritmos 00:20:00
              • Resumen del módulo: Introducción a los algoritmos 00:04:11
              • Cuestionario del módulo: Introducción a los algoritmos 00:20:00
              • Recursos adicionales 00:05:00
              • Resumen del curso 00:08:17
              • Sobre la evaluación final calificada 00:05:00
              • Evaluación final calificada 00:20:00
              • Resumen del curso 00:02:14
              • Próximos pasos 00:05:00

            Comparte esta certificación.

            Información del Curso

            240 Horas Curriculares

            24 Créditos Académicos

            Accede por tu Smartphone

            Certificado oficial SEP

            Aprendizaje especializado

            Contenido de la Certificación

            Construye interfaces web modernas con HTML, CSS, JavaScript y React; control de versiones y pruebas.


            1) Aprende fundamentos web y frameworks modernos para desarrollar interfaces accesibles y responsivas.

            2) Implementarás componentes con React, manejo de estado, rutas y consumo de APIs.

            3) Aplicarás pruebas, performance y despliegue continuo.

            Viñetas (debajo del resumen):
            • HTML5, semántica y accesibilidad.
            • CSS moderno (Flexbox/Grid) y responsive.
            • JavaScript y React (hooks, router).
            • Pruebas, performance y deploy.

            Habilidades:
            HTML, CSS, JavaScript, React, Accesibilidad, Testing, Git/GitHub



            CURSO 1: Fundamentos de la web
            - HTML semántico y accesibilidad.

            CURSO 2: Estilos y layouts
            - CSS moderno, responsive y design systems.

            CURSO 3: JavaScript para frontend
            - ES6+, asincronía y fetch.

            CURSO 4: React
            - Componentes, hooks y enrutamiento.

            CURSO 5: Pruebas y performance
            - Jest/Testing Library, Lighthouse.

            CURSO 6: DevOps web
            - Build, CI/CD y hosting.

            CURSO 7: Proyecto final
            - SPA consumiendo APIs públicas.

            Related Courses

            top
              INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
            Hide picture