Certificado Profesional · Impartido por IBMPago único de $4,990 MXN · acceso por 12 meses

Desarrollador Front-End

Build job-ready front-end skills employers need. Master the development skills to plan, build, deploy, and test web designs and application interfaces in just 4 months! 

Certificado con validez SEPA través del Gobierno del Estado de México

12 meses de acceso En línea · 160 h 100% autodidacta 50 unidades Nivel principiante

Inscribirme — $4,990 MXN Explorar programa

Modalidad

Así estudias: curso autodidacta

Autodidacta y 100% en línea: contenido disponible 24/7.
Avanzas a tu ritmo: la plataforma guarda tu progreso.
Sin tutor ni clases en vivo: el curso está diseñado para estudiarse por tu cuenta.
Te evalúas con actividades automáticas, sin entregas a un tutor.

Qué aprenderás

Lo que serás capaz de hacer

Desarrollarás las habilidades fundamentales para crear interfaces y aplicaciones web modernas. Aprenderás a transformar conceptos de diseño en experiencias interactivas, responsivas y accesibles.

Crear sitios web con HTML semántico, CSS, Flexbox y Grid.
Programar interacciones web con JavaScript mediante el DOM, eventos y funciones.
Desarrollar aplicaciones con React usando componentes, props, estado, hooks y enrutamiento.
Aplicar control de versiones, depuración, pruebas, optimización y accesibilidad web.
Integrar APIs y desplegar una aplicación completa como proyecto final.

Habilidades que desarrollarás

Application Development User Interface and User Experience (UI/UX) Design Web Design Front-End Web Development No-Code Development WordPress Web Applications Web Development Full-Stack Web Development Web Development Tools Back-End Web Development Content Management Systems

Temario

UNIDAD 1 - Introducción al desarrollo web y front-end · 17 lecciones

Introducción al desarrollo web y front-end - UNIDAD 1 - Introducción al desarrollo web y front-end

Introducción al cursoVideo · 4 min
Visión general del Front-End Developer PCVideo · 6 min
Esquema: IBM Front-End Developer PCLectura · 5 min
Requisitos previos y programa del cursoLectura · 5 min
Consejos útiles para completar el cursoActividad · 3 min
Visión general del desarrollo front-endVideo · 6 min
Visión general del desarrollo webVideo · 6 min
Puntos de vista de expertos: Aspectos del desarrollo webVideo · 7 min
Proyecto de desarrollo webVideo · 7 min
Tendencias en desarrollo webLectura · 6 min
Puntos de vista de expertos: Tendencias en el desarrollo webVideo · 7 min
Introducción al diseño UI/UXVideo · 7 min
Puntos de vista de expertos: ¿Es esencial que los desarrolladores front-end comprendan la interfaz de usuario y la interfaz de usuario?Video · 7 min
Resumen del módulo 1: Introducción al desarrollo web y front-endLectura · 5 min
Cuestionario práctico del módulo 1: Introducción al desarrollo web y front-endCuestionario · 20 min
Módulo 1 Glosario: Introducción al desarrollo web y front-endActividad · 5 min
Módulo 1 Cuestionario graduado: Introducción al desarrollo web y front-endCuestionario · 20 min

UNIDAD 2 - Conceptos básicos y terminología de la infraestructura web · 18 lecciones

Introducción al desarrollo web y front-end - UNIDAD 2 - Conceptos básicos y terminología de la infraestructura web

Visión general de los navegadoresVideo · 6 min
Cómo funcionan los navegadores y las solicitudesVideo · 6 min
Introducción a HTTP y HTTPSVideo · 7 min
¿Cómo funciona un servidor web?Video · 7 min
Vídeo: Introducción a los sitios y páginas webVideo · 7 min
Puntos de vista de expertos: ¿Dónde desempeña un papel clave un desarrollador Front-End?Video · 7 min
Marcos y plataformas webVideo · 6 min
Lección 1: Introducción a los fundamentos del sitio webCuestionario · 20 min
Alojamiento web y otros protocolos de InternetVideo · 7 min
Lenguas webVideo · 5 min
Introducción a la accesibilidadVideo · 6 min
Puntos de vista de los expertos: ¿Qué lenguaje web prefiere?Video · 7 min
Guardar datos en la WebVideo · 6 min
Introducción a la nubeVideo · 6 min
Lección 2: Alojamiento web, protocolos y lenguajesCuestionario · 20 min
Resumen del módulo 2: Conceptos básicos y terminología de la infraestructura webLectura · 5 min
Módulo 2 Glosario: Conceptos básicos y terminología de la infraestructura webActividad · 5 min
Módulo 2 Cuestionario graduado: Conceptos básicos y terminología de la infraestructura webCuestionario · 20 min

UNIDAD 3 - Introducción al desarrollo de aplicaciones · 15 lecciones

Introducción al desarrollo web y front-end - UNIDAD 3 - Introducción al desarrollo de aplicaciones

Visión general del desarrollo web y en la nubeVideo · 4 min
Puntos de vista de expertos: Aspectos del ciclo de vida del desarrollo webVideo · 2 min
Aprendizaje del desarrollo front-endVideo · 6 min
Diferencia entre desarrollo front-end y back-endVideo · 6 min
Puntos de vista de expertos: Desarrollo web front-end y back-endVideo · 5 min
Desarrollo Full-StackLectura · 10 min
Presentación de las herramientas de desarrollo de aplicacionesVideo · 5 min
Más herramientas de desarrollo de aplicacionesVideo · 5 min
Puntos de vista de expertos: Herramientas y tecnologíasVideo · 6 min
Demostración: Uso de la API de geolocalización en aplicaciones webActividad · 20 min
Demostración: Desarrollo web en acciónActividad · 15 min
Resumen del módulo 3: Introducción al desarrollo de aplicacionesLectura · 5 min
Prueba práctica del módulo 3: Introducción al desarrollo de aplicacionesCuestionario · 20 min
Glosario - Visión general de CSS y elementos HTML5Actividad · 5 min
Módulo 3 Cuestionario graduado: Introducción al desarrollo de aplicacionesCuestionario · 20 min

UNIDAD 4 - Empiece con el desarrollo web sin código · 22 lecciones

Introducción al desarrollo web y front-end - UNIDAD 4 - Empiece con el desarrollo web sin código

¿Qué es el desarrollo sin código?Video · 6 min
Tecnologías y herramientas sin códigoVideo · 6 min
Puntos de vista de expertos: La experiencia real de las herramientas sin código en el desarrolloVideo · 7 min
Criterios para seleccionar el desarrollo sin códigoVideo · 5 min
Prueba práctica de la lección 1: Introducción al No-CodeCuestionario · 20 min
Introducción al sistema de gestión de contenidos (CMS)Video · 6 min
Características del CMS WebVideo · 4 min
Plataformas/herramientas CMS popularesVideo · 6 min
Puntos de vista de expertos: Beneficios empresariales del CMSVideo · 6 min
Desarrollo web con CMS - Parte 1Video · 5 min
Desarrollo web con CMS - Parte 2Video · 6 min
Primeros pasos con WordPress - Parte 1Video · 6 min
Primeros pasos con WordPress - Parte 2Video · 7 min
Generar un sitio WordPressActividad · 15 min
Laboratorio práctico: Personalización de un minisitio web con WordPressActividad · 30 min
Explorar WordPress con pluginsVideo · 6 min
Laboratorio práctico: Mejore su minisitio web con WordPressActividad · 50 min
Introducción al SEO y uso de patrones SEO en sitios web CMSVideo · 7 min
Cuestionario práctico de la lección 2: Sistemas de gestión de contenidosCuestionario · 20 min
Resumen del módulo 4: Empezar con el desarrollo sin códigoLectura · 5 min
Módulo 4 Glosario: Empiece con el desarrollo sin códigoActividad · 5 min
Módulo 4 Cuestionario graduado: Introducción al desarrollo sin códigoCuestionario · 20 min

UNIDAD 5 - Habilidades y trayectorias profesionales del desarrollador front-end · 16 lecciones

Introducción al desarrollo web y front-end - UNIDAD 5 - Habilidades y trayectorias profesionales del desarrollador front-end

Funciones, responsabilidades y títulos de un desarrollador front-endVideo · 6 min
Desarrollo de habilidades de front-endVideo · 5 min
Tendencias y certificaciones clave del front-endLectura · 10 min
Un día en la vida de un desarrollador front-endVideo · 6 min
Puntos de vista de los expertos: ¿Cómo es su día típico como desarrollador front-end?Video · 8 min
Oportunidades de empleo para desarrolladores front-endVideo · 6 min
Puntos de vista de expertos: ¿Por qué convertirse en desarrollador front-end?Video · 8 min
¿Es el desarrollo front-end el adecuado para usted?Lectura · 10 min
Cómo crear una cartera y un currículum de desarrollador front-endVideo · 8 min
Laboratorio práctico: Explorando las oportunidades de trabajo en Front-endActividad · 30 min
Progresión profesional para un desarrollador Front-EndVideo · 7 min
Puntos de vista de expertos: ¿Cuáles son las diferentes trayectorias profesionales disponibles para un desarrollador front-end?Video · 5 min
Cuestionario práctico del módulo 5: Habilidades y trayectorias profesionales del desarrollador front-endCuestionario · 20 min
Resumen del módulo 5: Habilidades y trayectorias profesionales del desarrollador front-endLectura · 5 min
Glosario del módulo 5: Habilidades y trayectorias profesionales del desarrollador front-endActividad · 5 min
Módulo 5 Cuestionario graduado: Habilidades y trayectorias profesionales del desarrollador front-endCuestionario · 20 min

UNIDAD 6 - Proyecto final y recapitulación del curso · 5 lecciones

Introducción al desarrollo web y front-end - UNIDAD 6 - Proyecto final y recapitulación del curso

Resumen del proyecto finalLectura · 5 min
Laboratorio práctico: Cree un sitio web de viajes con WordPressActividad · 50 min
Presentación y evaluación del proyecto finalActividad · 10 min
Felicitaciones y próximos pasosLectura · 3 min
Gracias de parte del equipo del cursoLectura · 3 min

UNIDAD 7 - El ciclo de vida del desarrollo de software · 22 lecciones

Introducción a la ingeniería de software - UNIDAD 7 - El ciclo de vida del desarrollo de software

Introducción al cursoVideo · 3 min
Conozca a los expertosVideo · 5 min
¿Qué es la ingeniería de software?Video · 5 min
El punto de vista de los expertos: ¿Qué es la ingeniería de software?Video · 6 min
Introducción al SDLCVideo · 4 min
Fases del SDLCVideo · 7 min
Actividad: Fases en el SDLCActividad · 15 min
Creación de software de calidadVideo · 7 min
La calidad no es magia: es procesoActividad · 15 min
RequisitosVideo · 7 min
Visión general de la ingeniería de softwareCuestionario · 20 min
Metodologías de desarrollo de softwareVideo · 7 min
Elección del enfoque de desarrollo: Exploración de escenariosActividad · 15 min
Versiones de softwareVideo · 4 min
Pruebas de softwareVideo · 8 min
Documentación de softwareVideo · 6 min
Pruebas de software y documentación de softwareCuestionario · 20 min
Funciones en los proyectos de ingeniería de softwareVideo · 6 min
El punto de vista de los iniciados: Roles laborales en los equipos de ingeniería de softwareVideo · 7 min
El proceso de creación de software y las funciones asociadasCuestionario · 20 min
Resumen y aspectos destacadosLectura · 10 min
Cuestionario graduado: El ciclo de vida del desarrollo de softwareCuestionario · 20 min

UNIDAD 8 - Introducción al desarrollo de software · 17 lecciones

Introducción a la ingeniería de software - UNIDAD 8 - Introducción al desarrollo de software

Visión general del desarrollo web y en la nubeVideo · 5 min
Aprendizaje del desarrollo front-endVideo · 6 min
La importancia del desarrollo del back-endVideo · 7 min
Trabajo en equipo y escuadrasVideo · 5 min
El punto de vista de los iniciados: El trabajo en equipo en la ingeniería del softwareVideo · 3 min
Programación en parejaVideo · 5 min
El punto de vista de los iniciados: Programación en parejasVideo · 5 min
Actividad: Categorización de las tecnologías frontales y posterioresActividad · 15 min
Introducción al desarrolloCuestionario · 20 min
Presentación de las herramientas de desarrollo de aplicacionesVideo · 6 min
Más herramientas de desarrollo de aplicacionesVideo · 5 min
Introducción a las pilas de softwareVideo · 8 min
Laboratorio práctico: Primeros pasos con un IDEActividad · 1 h
Punto de vista de los iniciados: Herramientas y tecnologíasVideo · 7 min
Herramientas de desarrollo de softwareCuestionario · 20 min
Resumen y aspectos destacadosLectura · 10 min
Cuestionario graduado: Introducción al desarrollo de softwareCuestionario · 20 min

UNIDAD 9 - Fundamentos de la programación · 14 lecciones

Introducción a la ingeniería de software - UNIDAD 9 - Fundamentos de la programación

Lenguajes de programación interpretados y compiladosVideo · 6 min
Lenguajes de programación de consulta y ensamblajeVideo · 7 min
Comprender los métodos de organización del códigoVideo · 7 min
Laboratorio práctico: Hello World en 11 lenguajes de programaciónActividad · 15 min
Punto de vista de los iniciados: Tipos de lenguasVideo · 5 min
Actividad: Lógica de programación y métodos organizativosActividad · 15 min
Lenguajes de programación y organizaciónCuestionario · 20 min
Lógica de programación de bifurcaciones y buclesVideo · 6 min
Introducción a los conceptos de programación Parte 1Video · 6 min
Introducción a los conceptos de programación Parte 2Video · 5 min
Laboratorio práctico: Fundamentos de programación con PythonActividad · 25 min
Introducción a los conceptos de programaciónCuestionario · 20 min
Resumen y aspectos destacadosLectura · 10 min
Cuestionario graduado: Fundamentos de la programaciónCuestionario · 20 min

UNIDAD 10 - Arquitectura, diseño y patrones de software · 14 lecciones

Introducción a la ingeniería de software - UNIDAD 10 - Arquitectura, diseño y patrones de software

Introducción a la arquitectura de softwareVideo · 5 min
Diseño y modelado de softwareVideo · 7 min
Análisis y diseño orientados a objetosVideo · 5 min
Punto de vista de los expertos: importancia del diseño y la arquitectura de softwareVideo · 5 min
Actividad: Crear un diagrama arquitectónicoActividad · 15 min
Arquitectura y diseño de softwareCuestionario · 20 min
Enfoques de la arquitectura de aplicacionesVideo · 7 min
Patrones arquitectónicos de softwareVideo · 8 min
Entornos de implantación de aplicacionesVideo · 6 min
Componentes del despliegue de producciónVideo · 6 min
Punto de vista de los expertos: Arquitectura de despliegueVideo · 3 min
Patrones de arquitectura de software y topologías de despliegueCuestionario · 20 min
Resumen y aspectos destacadosLectura · 3 min
Cuestionario graduado: Topologías de arquitectura, diseño y despliegue de softwareCuestionario · 20 min

UNIDAD 11 - Oportunidades de empleo y competencias en ingeniería de software · 15 lecciones

Introducción a la ingeniería de software - UNIDAD 11 - Oportunidades de empleo y competencias en ingeniería de software

¿Qué hace un ingeniero de software?Video · 4 min
Un día en la vida de un ingeniero de softwareVideo · 4 min
Habilidades necesarias para la ingeniería de softwareVideo · 7 min
El punto de vista de los iniciados: Consejos a los futuros ingenieros de softwareVideo · 5 min
Punto de vista de los iniciados: Las mujeres en la ingeniería de softwareVideo · 5 min
Acerca de los ingenieros de softwareCuestionario · 20 min
Perspectivas laborales de los ingenieros de softwareVideo · 7 min
Trayectorias profesionales en ingeniería de softwareVideo · 6 min
Títulos de empleo en ingeniería de softwareVideo · 7 min
Punto de vista de los iniciados: Trayectorias profesionalesVideo · 6 min
Actividad: Adecuar las funciones a las responsabilidadesActividad · 15 min
Código éticoVideo · 5 min
Carreras en ingeniería de softwareCuestionario · 20 min
Resumen y aspectos destacadosLectura · 10 min
Cuestionario graduado: Oportunidades laborales y competencias en ingeniería de softwareCuestionario · 20 min

UNIDAD 12 - Prueba final y proyecto final · 5 lecciones

Introducción a la ingeniería de software - UNIDAD 12 - Prueba final y proyecto final

Cuestionario graduado: Cuestionario finalCuestionario · 20 min
Presentación y evaluación del proyecto finalActividad · 30 min
Glosario de ingeniería de softwareActividad · 15 min
Felicitaciones y próximos pasosLectura · 2 min
Gracias de parte del equipo del cursoLectura · 2 min

UNIDAD 13 - Diseño de front-ends intuitivos y principios de diseño de maquetas · 22 lecciones

Diseño de interfaces y experiencias de usuario (UI/UX) - UNIDAD 13 - Diseño de front-ends intuitivos y principios de diseño de maquetas

Introducción al cursoVideo · 3 min
Resumen del cursoLectura · 5 min
Cómo aprovechar al máximo este cursoLectura · 4 min
¿Qué es el diseño y la UI/UX?Video · 8 min
Importancia de la UI/UXVideo · 4 min
Pensamiento de diseñoVideo · 6 min
Diseño y estrategias UXVideo · 7 min
Wireframing y creación de prototiposVideo · 5 min
Metodologías y enfoques de diseñoVideo · 4 min
Principios de diseño visual en el diseño de interfaz de usuarioVideo · 8 min
Diseño de interfaz de usuario en FigmaVideo · 7 min
Cualificaciones y certificaciones clave requeridasLectura · 3 min
Lectura: Guía para principiantes del design thinkingActividad · 20 min
Cuestionario práctico: Introducción al diseñoCuestionario · 20 min
Diseñar una interfaz de usuarioVideo · 3 min
Tipografía, legibilidad y teoría del color en el diseño de interfaces de usuarioVideo · 4 min
Mejores prácticas de diseño de interfaz de usuario para web y móvilVideo · 5 min
Qué hacer y qué no hacer en el diseño de maquetasLectura · 10 min
Laboratorio práctico: Cree un diseño de maqueta para un sitio web utilizando Draw.ioActividad · 30 min
Cuestionario práctico: Conceptos de diseño de maquetasCuestionario · 20 min
Resumen del módulo 1: Diseño de front-ends intuitivos y principios de diseño de maquetasLectura · 1 min
Módulo 1 Cuestionario graduado: Diseño de front-ends intuitivos y principios de diseño de maquetasCuestionario · 20 min

UNIDAD 14 - Metodologías de diseño web · 20 lecciones

Diseño de interfaces y experiencias de usuario (UI/UX) - UNIDAD 14 - Metodologías de diseño web

Introducción al diseño web responsivo (RWD)Video · 9 min
Diseño Mobile FirstVideo · 6 min
Layouts adaptables y fluidosVideo · 7 min
Trabajar con consultas de mediosVideo · 5 min
Mejores prácticas de diseño web responsivoVideo · 5 min
Validación y pruebas cruzadas de dispositivosVideo · 6 min
Lectura: Buenas prácticas para el diseño Mobile-FirstActividad · 30 min
Laboratorio práctico: Ver en Responsive y Nonresponsive en el emuladorActividad · 30 min
Cuestionario práctico: Diseño receptivoCuestionario · 20 min
Introducción al desarrollo web progresivoVideo · 7 min
Tecnologías de desarrollo web progresivoVideo · 6 min
Aplicaciones de página única (SPA)Video · 6 min
Service Worker, notificaciones push y almacenamiento en cachéVideo · 8 min
Convertir una aplicación existente en una PWAVideo · 7 min
Aplicaciones web progresivas en acciónVideo · 5 min
Herramientas sin código y de bajo códigoVideo · 7 min
Laboratorio práctico: Diseñe una aplicación web progresivaActividad · 30 min
Cuestionario práctico: Desarrollo Web Progresivo (PWD)Cuestionario · 20 min
Resumen del módulo 2: Metodologías de diseño webLectura · 2 min
Módulo 2 Cuestionario graduado: Metodologías de diseño webCuestionario · 20 min

UNIDAD 15 - Diseño de interfaz de usuario con Figma · 18 lecciones

Diseño de interfaces y experiencias de usuario (UI/UX) - UNIDAD 15 - Diseño de interfaz de usuario con Figma

¿Qué es Figma?Video · 6 min
Conceptos esenciales de FigmaVideo · 7 min
Instalar y configurar FigmaVideo · 5 min
Imágenes, formas y herramientasVideo · 7 min
Primeros pasos con Figma y sus funcionesVideo · 4 min
Laboratorio práctico: Primeros pasos con FigmaActividad · 1 h
Lectura: Guía de Figma para colaborar y compartir prototiposActividad · 30 min
Cuestionario práctico: Introducción a FigmaCuestionario · 20 min
Trabajar con FigmaVideo · 7 min
Introducción a los componentesVideo · 7 min
Estilos y bibliotecas en FigmaVideo · 5 min
Tarjetas y cuadrículas de diseño en FigmaVideo · 5 min
Laboratorio práctico: Diseñe una página de aterrizaje para un sitio web de viajes utilizando FigmaActividad · 30 min
Lectura: Aprovechamiento de Figma: Del diseño al código CaracterísticasActividad · 20 min
Lectura: Aprovechamiento de funciones y plugins basados en IAActividad · 20 min
Cuestionario práctico: Figma intermedioCuestionario · 20 min
Resumen del módulo 3: Diseño de interfaz de usuario con FigmaLectura · 3 min
Módulo 3 Cuestionario graduado: Diseño de interfaz de usuario con FigmaCuestionario · 20 min

UNIDAD 16 - Proyecto final y evaluación · 12 lecciones

Diseño de interfaces y experiencias de usuario (UI/UX) - UNIDAD 16 - Proyecto final y evaluación

Resumen del proyecto finalActividad · 15 min
Laboratorio práctico: Creación de una aplicación de ventas con las herramientas de diseño de interacciones de FigmaActividad · 1 h 30 min
Introducción a Thunkable y sus funcionesVideo · 4 min
Laboratorio práctico: Thunkable-UI a partir de imágenes dibujadas a manoActividad · 1 h
Sobre el Proyecto PrácticaActividad · 10 min
Mejora del Proyecto Final: Escenario y criterios de autoevaluaciónActividad · 15 min
Proyecto Final de Carrera: Aplicación de ventas con FigmaActividad · 1 h 30 min
Mejora del proyecto final: Sales Applusing ThunkableActividad · 1 h 30 min
Cuestionario finalCuestionario · 20 min
Recursos y referencias útiles sobre UI/UXLectura · 2 min
Felicitaciones y próximos pasosLectura · 4 min
Gracias de parte del equipo del cursoLectura · 2 min

UNIDAD 17 - Visión general del HTML · 18 lecciones

Introducción a HTML, CSS y JavaScript - UNIDAD 17 - Visión general del HTML

Introducción al cursoVideo · 5 min
Programa del cursoLectura · 5 min
Consejos útiles para completar el cursoLectura · 3 min
Introducción al HTMLVideo · 4 min
Características HTMLVideo · 6 min
Práctica: Introducción al HTML (JSFiddle)Lectura · 30 min
Gestión y soporte HTMLVideo · 4 min
Secuencias de comandos HTMLVideo · 5 min
Compatibilidad con navegadores HTML5Video · 4 min
Entender HTML5: los pilares de la webActividad · 15 min
Puntos de vista internos: Trabajar con HTML y CSSVideo · 3 min
Elementos HTML comunesLectura · 25 min
Laboratorio Práctico: HTML - Creación de una página web sencillaActividad · 25 min
Resumen del Módulo 1: Visión general de HTMLLectura · 2 min
Cuestionario práctico: Visión general de HTMLCuestionario · 20 min
Glosario: Introducción al HTML5Lectura · 2 min
Guía rápida: Introducción al HTML5Lectura · 10 min
Cuestionario graduado: Visión general de HTMLCuestionario · 20 min

UNIDAD 18 - Visión general de CSS y elementos HTML5 · 17 lecciones

Introducción a HTML, CSS y JavaScript - UNIDAD 18 - Visión general de CSS y elementos HTML5

Etiquetas HTML5 y elementos estructuralesVideo · 5 min
Etiquetas y elementos estructurales comunes de HTML5Lectura · 25 min
Laboratorio práctico: Conversión de unidades mediante elementos estructurales HTML5Actividad · 30 min
Elemento Input de HTML5: Atributos para la etiqueta InputVideo · 5 min
Puntos de vista de los iniciados: Mejorar la experiencia del usuario con HTML5Video · 1 min
Elementos HTML adicionales: Conjunto de campos HTML y etiqueta de leyendaLectura · 1 min
CSS Estilizar HTMLVideo · 9 min
Comprender los selectores CSS: etiquetas, ID y clasesLectura · 15 min
Marcos CSSVideo · 9 min
Laboratorio Práctico: Conceptos básicos de CSS - Estilizar su página webActividad · 15 min
Laboratorio práctico: Diseño web responsivo con Tailwind y Bootstrap FrameworksActividad · 1 h
Propiedades CSS avanzadasLectura · 20 min
Resumen del móduloLectura · 2 min
Glosario: Introducción al CSS y elementos HTML5Lectura · 5 min
Guía rápida: Introducción al CSS y elementos HTML5Lectura · 15 min
Cuestionario prácticoCuestionario · 20 min
Cuestionario graduado: Visión general de CSS y elementos HTML5Cuestionario · 20 min

UNIDAD 19 - Programación en JavaScript para aplicaciones web · 23 lecciones

Introducción a HTML, CSS y JavaScript - UNIDAD 19 - Programación en JavaScript para aplicaciones web

Introducción a JavaScript y ES6Video · 6 min
Tipos de datos y variablesVideo · 5 min
Introducción a las funciones y tipos de funcionesVideo · 6 min
JavaScript: Funciones y prototiposVideo · 6 min
Introducción a las matricesVideo · 5 min
Métodos de matricesVideo · 7 min
Laboratorio Práctico: Visualización de la información de los empleados mediante métodos de matrizActividad · 30 min
Cuestionario prácticoCuestionario · 20 min
API de JavaScriptVideo · 9 min
API de JavaScriptLectura · 10 min
JavaScript del lado del cliente: con HTMLVideo · 4 min
Puntos de vista de los iniciados: Las mejores prácticas de JavaScriptVideo · 5 min
Laboratorio práctico: Validación de un formulario JavaScriptActividad · 25 min
JavaScript del lado del cliente: con DOMVideo · 6 min
Objetos DOM de JavaScriptVideo · 4 min
Laboratorio práctico: Manipulación del DOM con JavaScriptActividad · 1 h
Práctica: JavaScript - Consola del navegadorLectura · 20 min
Mejora de los conocimientos de JavaScript con JSFiddleActividad · 15 min
Cuestionario prácticoCuestionario · 20 min
Resumen del móduloLectura · 2 min
Glosario: Programación en JavaScript para aplicaciones webLectura · 10 min
Guía rápida: Programación en JavaScript para aplicaciones webLectura · 10 min
Cuestionario graduadoCuestionario · 20 min

UNIDAD 20 - Proyecto final · 7 lecciones

Introducción a HTML, CSS y JavaScript - UNIDAD 20 - Proyecto final

Laboratorio práctico: Calculadora de interés simpleActividad · 30 min
Laboratorio práctico: Sitio web de cartera de una sola páginaActividad · 1 h
Lista de comprobación para la entrega del proyecto finalLectura · 10 min
Entrega y evaluación calificadas por IAActividad · 30 min
(Opcional) Publica tu portafolio en GitHub PagesLectura · 15 min
Felicitaciones y próximos pasosLectura · 15 min
Mensaje del equipo del cursoLectura · 2 min

UNIDAD 21 - Primeros pasos con Bootstrap · 12 lecciones

Desarrollo de sitios web y front-end con Bootstrap - UNIDAD 21 - Primeros pasos con Bootstrap

Introducción al cursoVideo · 3 min
Visión general del curso y requisitos previosLectura · 5 min
Consejos útiles para completar el cursoLectura · 2 min
Visión general de BootstrapVideo · 7 min
Configuración de BootstrapVideo · 6 min
Conceptos esenciales de BootstrapVideo · 7 min
Diseños, contenidos y formularios en BootstrapVideo · 8 min
Compatibilidad de Bootstrap con los navegadoresVideo · 6 min
Laboratorio práctico: Primeros pasos con BootstrapActividad · 30 min
Lectura: Temas BootstrapActividad · 5 min
Cuestionario práctico del módulo 1: Primeros pasos con BootstrapCuestionario · 20 min
Módulo 1 Cuestionario graduado: Primeros pasos con BootstrapCuestionario · 20 min

UNIDAD 22 - Bootstrap intermedio · 13 lecciones

Desarrollo de sitios web y front-end con Bootstrap - UNIDAD 22 - Bootstrap intermedio

Introducción a los componentesVideo · 7 min
ServiciosVideo · 7 min
Ayudantes en BootstrapVideo · 7 min
Laboratorio Práctico: Trabajar con los botones de alerta de BootstrapActividad · 1 h
lectura [OPCIONAL]: Integración de React con BootstrapActividad · 5 min
[OPCIONAL] Laboratorio Práctico: Creación de un componente de validación de año en React y uso del estilo BootstrapActividad · 1 h
Iconos BootstrapVideo · 7 min
Tarjetas y sistema de cuadrícula en BootstrapVideo · 7 min
Laboratorio práctico: Trabajar con el sistema Responsive GridActividad · 1 h
Lectura: Cómo entender los componentes preconstruidos en BootstrapActividad · 15 min
Laboratorio práctico: Implementación de componentes preintegrados de BootstrapActividad · 1 h
Prueba práctica del módulo 2: Bootstrap intermedioCuestionario · 20 min
Módulo 2 Cuestionario graduado: Bootstrap intermedioCuestionario · 20 min

UNIDAD 23 - Proyecto final y evaluación · 8 lecciones

Desarrollo de sitios web y front-end con Bootstrap - UNIDAD 23 - Proyecto final y evaluación

Cheatsheet: Desarrollo de sitios web y front-end con BootstrapActividad · 15 min
Demostración del proyectoVideo · 3 min
Proyecto Final: Construir la página web de un restaurante de alta cocinaActividad · 1 h
Cuestionario final: Desarrollo de sitios web y front-end con BootstrapCuestionario · 20 min
Resumen del curso: Desarrollo de sitios web y front-end con BootstrapLectura · 1 min
Glosario: Desarrollo de sitios web y front-end con BootstrapActividad · 4 min
Felicitaciones y próximos pasosLectura · 1 min
Gracias de parte del equipo del cursoLectura · 5 min

UNIDAD 24 - Fundamentos de Git y GitHub · 14 lecciones

Introducción a Git y GitHub - UNIDAD 24 - Fundamentos de Git y GitHub

Introducción al cursoVideo · 4 min
Visión general de Git y GitHubVideo · 4 min
Introducción a GitHubVideo · 5 min
Repositorios de GitHubVideo · 4 min
GitHub - Primeros pasosVideo · 3 min
Laboratorio Práctico: Registro en GitHub y creación de repositoriosActividad · 30 min
Resumen: Primeros pasos con Git y GitHubLectura · 2 min
Cuestionario práctico: Introducción a Git y GitHubCuestionario · 20 min
Ramas de GitHubVideo · 5 min
Laboratorio práctico: Bifurcación y fusión (Web UI)Actividad · 20 min
Resumen: Ramas con GitHubLectura · 2 min
Cuestionario práctico: Ramas con GitHubCuestionario · 20 min
Glosario: Fundamentos de Git y GitHubActividad · 5 min
Cuestionario graduado: Fundamentos de Git y GitHubCuestionario · 20 min

UNIDAD 25 - Comandos Git y gestión de proyectos GitHub · 14 lecciones

Introducción a Git y GitHub - UNIDAD 25 - Comandos Git y gestión de proyectos GitHub

Visión general de los flujos de trabajo GitVideo · 7 min
Visión general de los comandos GitVideo · 5 min
Lectura: Comandos GitActividad · 15 min
Demostración: Trabajar con ramas utilizando comandos GitVideo · 5 min
Laboratorio Práctico: Introducción a las ramas mediante comandos GitActividad · 25 min
Clonación y bifurcación de proyectos de GitHubVideo · 6 min
Clonación frente a bifurcaciónVideo · 7 min
Gestión de proyectos de GitHubVideo · 4 min
Laboratorio práctico: Clonación y bifurcación de proyectos de GitHubActividad · 25 min
Resumen: Flujos de trabajo Git con comandos GitLectura · 2 min
Cuestionario de práctica: Flujos de trabajo Git con comandos GitCuestionario · 20 min
Hoja de trucos: Comandos Git y gestión de proyectos GitHubActividad · 10 min
Glosario: Comandos Git y gestión de proyectos GitHubActividad · 4 min
Cuestionario graduado: Comandos Git y gestión de proyectos GitHubCuestionario · 20 min

UNIDAD 26 - Proyecto final y evaluación · 12 lecciones

Introducción a Git y GitHub - UNIDAD 26 - Proyecto final y evaluación

Proyecto de prácticas: Visión generalActividad · 15 min
Proyecto de práctica: Parte 1 - GitHub UIActividad · 30 min
Proyecto de Práctica: Parte 2 - Git CLIActividad · 45 min
Proyecto final: Resumen y criterios de calificaciónActividad · 15 min
Proyecto Final: Parte 1 - GitHub UIActividad · 30 min
Proyecto Final: Parte 2 - Git CLIActividad · 1 h
Opción 1: Presentación y evaluación con calificación AIActividad · 30 min
Opción 2: Presentación y evaluación por paresLección · 30 min
[Opcional] GitHub CopilotVideo · 5 min
Glosario del curso: Git y GitHubActividad · 5 min
Felicitaciones y próximos pasosLectura · 2 min
Gracias de parte del equipo del cursoLectura · 5 min

UNIDAD 27 - [Opcional] Trabajar con GitHub desde el escritorio de Windows · 5 lecciones

Introducción a Git y GitHub - UNIDAD 27 - [Opcional] Trabajar con GitHub desde el escritorio de Windows

Uso de comandos Git desde su escritorio (Opcional)Lectura · 10 min
Laboratorio Práctico: Instalación de GitBash en el escritorio (opcional)Actividad · 20 min
Laboratorio práctico: Creación de claves SSH (opcional)Actividad · 20 min
Laboratorio: Añadir SSH a Repo (Opcional)Actividad · 15 min
Laboratorio práctico: Uso de Git desde su propio escritorio (opcional)Actividad · 30 min

UNIDAD 28 - Introducción a React y componentes de clase · 24 lecciones

Desarrollo de aplicaciones frontales con React - UNIDAD 28 - Introducción a React y componentes de clase

Introducción al cursoVideo · 4 min
Resumen del cursoLectura · 5 min
Consejos útiles para completar el cursoLectura · 5 min
Tu camino hacia React: construir sobre lo que sabesActividad · 15 min
Introducción a los Frameworks Front-End y ReactVideo · 5 min
Comprender la estructura de ReactVideo · 5 min
Puntos de vista de expertos: Utilización de marcos de trabajo de JavaScript para front-endVideo · 3 min
Introducción a ES6Video · 7 min
Introducción a JSXVideo · 3 min
CRA frente a la herramienta ViteLectura · 5 min
Laboratorio: Hello World con ReactActividad · 20 min
Resumen de la lección 1: Creación de aplicaciones frontales enriquecidas con React y ES6Lectura · 1 min
Cuestionario práctico de la lección 1: Creación de aplicaciones frontales enriquecidas con React y ES6Cuestionario · 20 min
Introducción a los componentesVideo · 4 min
Trabajando con Componentes de Clase React: Props y Manejo de EventosVideo · 8 min
Introducción a los EstadosVideo · 5 min
Ciclo de vida de los componentes de claseVideo · 4 min
Paso de datos y estados entre componentesVideo · 7 min
Laboratorio: Aplicación de clasificación de contenidos para dar "Me gusta" o "No me gustaActividad · 40 min
Resumen de la lección 2: Introducción a los componentes de claseLectura · 1 min
Prueba práctica de la lección 2: Introducción a los componentes de claseCuestionario · 20 min
Hoja de trucos: Introducción a React y componentes de claseLectura · 10 min
Glosario: Introducción a React y a los componentes de claseLectura · 10 min
Módulo 1 Cuestionario Graduado: Introducción a React y Componentes de ClaseCuestionario · 20 min

UNIDAD 29 - Comprensión de los componentes de función con manipulación de matrices y DOM · 17 lecciones

Desarrollo de aplicaciones frontales con React - UNIDAD 29 - Comprensión de los componentes de función con manipulación de matrices y DOM

Trabajar con Componentes Funcionales: Accesorios y gestión de eventosVideo · 6 min
Composición de los componentesVideo · 4 min
Gestión de estados en componentes funcionalesVideo · 7 min
Función Ciclo de vida de los componentesVideo · 6 min
Laboratorio Componente de función Página de destino del planificador de eventosActividad · 40 min
Prueba de componentes ReactVideo · 7 min
Resumen de la lección 1: Introducción a los componentes de funciónLectura · 3 min
Prueba práctica de la lección 1: Introducción a los componentes funcionalesCuestionario · 20 min
Trabajando con Arrays en Componentes ReactVideo · 7 min
Manipulación virtual del DOM en ReactVideo · 8 min
Estilo en ReactLectura · 5 min
Laboratorio: Aplicación de lista de tareasActividad · 40 min
Resumen de la lección 2: Array en React y manipulación del DOMLectura · 3 min
Lección 2 Cuestionario Práctico: Array en React y manipulación del DOMCuestionario · 20 min
Hoja de trucos: Entendiendo los Componentes de Función con Array y Manipulación DOMLectura · 10 min
Glosario: Comprensión de los componentes de función con manipulación de matrices y DOMLectura · 8 min
Módulo 2 Cuestionario Graduado: Entendiendo Componentes de Función con Arreglos y Manipulación DOMCuestionario · 20 min

UNIDAD 30 - Conocimiento profundo de la funcionalidad avanzada de React · 20 lecciones

Desarrollo de aplicaciones frontales con React - UNIDAD 30 - Conocimiento profundo de la funcionalidad avanzada de React

GanchosVideo · 5 min
Gestión de efectos secundarios y gancho personalizadoVideo · 7 min
Conexión de React a servicios externosVideo · 5 min
Laboratorio: Obtención de datos mediante useFetchActividad · 40 min
Implementación de formulariosVideo · 5 min
Laboratorio: Crear formulario de retroalimentación para encuestaActividad · 40 min
Resumen de la lección 1: Hooks y gestión de formularios en ReactLectura · 2 min
Lección 1 Cuestionario práctico: Hooks y gestión de formularios en ReactCuestionario · 20 min
Introducción a ReduxVideo · 3 min
Conceptos esenciales de ReduxVideo · 4 min
Async con ReduxVideo · 6 min
Binding Redux y FlowVideo · 6 min
Introducción a Redux ToolkitVideo · 7 min
Laboratorio: Renderizado de datos de comercio electrónico con Redux ToolkitActividad · 1 h
Ganchos frente a ReduxLectura · 10 min
Resumen de la lección 2: Gestión del estado de la aplicación con ReduxLectura · 3 min
Cuestionario práctico de la lección 2: Gestión del estado de la aplicación con ReduxCuestionario · 20 min
Hoja de trucos: Comprensión en profundidad de la funcionalidad avanzada de ReactLectura · 10 min
Glosario: Comprensión en profundidad de la funcionalidad avanzada de ReactLectura · 8 min
Módulo 3 Cuestionario graduado: Comprensión en profundidad de la funcionalidad avanzada de ReactCuestionario · 20 min

UNIDAD 31 - Prácticas, Proyecto Final y Presentación y Evaluación · 10 lecciones

Desarrollo de aplicaciones frontales con React - UNIDAD 31 - Prácticas, Proyecto Final y Presentación y Evaluación

Laboratorio: Configuración del entorno GitHubActividad · 15 min
Proyecto práctico: Aplicación Conference Expense PlannerLectura · 10 min
Proyecto práctico: Planificador de gastos de conferenciasActividad · 1 h 30 min
Recorrido por el proyecto finalVideo · 4 min
Resumen del proyecto finalLectura · 10 min
Proyecto Final: Aplicación comercial Paradise NurseryActividad · 1 h
Opción 1: Presentación y evaluación con calificación AIActividad · 30 min
Resumen del cursoVideo · 5 min
Felicitaciones y próximos pasosLectura · 2 min
Mensaje del equipo del cursoLectura · 3 min

UNIDAD 32 - Optimización de motores de búsqueda (SEO) · 14 lecciones

Desarrollo web y front-end intermedio - UNIDAD 32 - Optimización de motores de búsqueda (SEO)

Introducción al cursoVideo · 3 min
Requisitos previos y programa del cursoLectura · 5 min
Consejos útiles para completar el cursoActividad · 3 min
Introducción a la optimización de motores de búsqueda (SEO)Video · 5 min
Herramientas SEO popularesVideo · 6 min
Estrategias SEOVideo · 7 min
SEO para móvilesVideo · 6 min
Optimización de páginas para SEOVideo · 7 min
Ejecución de campañas y seguimiento de resultadosVideo · 6 min
Qué hacer y qué no hacer en la optimización de motores de búsquedaLectura · 10 min
Laboratorio práctico: Optimización de un sitio web para su clasificación en las búsquedasActividad · 45 min
Cuestionario práctico: Optimización para motores de búsqueda (SEO)Cuestionario · 20 min
Resumen del módulo: Optimización para motores de búsqueda (SEO)Lectura · 10 min
Cuestionario graduado: Optimización para motores de búsqueda (SEO)Cuestionario · 20 min

UNIDAD 33 - Introducción a las herramientas de compilación automatizada (Webpack) · 13 lecciones

Desarrollo web y front-end intermedio - UNIDAD 33 - Introducción a las herramientas de compilación automatizada (Webpack)

Introducción a la construcción web y a las herramientas automatizadasVideo · 7 min
Introducción a Webpack 5Video · 3 min
Conceptos esenciales de WebpackVideo · 4 min
Trabajar con WebpackVideo · 5 min
Configuración de la producción con WebpackVideo · 4 min
Uso de las herramientas WebpackVideo · 5 min
Uso de Webpack con Frameworks FrontendVideo · 8 min
Laboratorio práctico: Construir y desplegar un sitio web utilizando WebpackActividad · 30 min
Mejores prácticas de WebpackVideo · 6 min
Lectura: HTTPS y certificados SSLLectura · 20 min
Cuestionario de práctica: Introducción a la construcción web con WebpackCuestionario · 20 min
Resumen del módulo: Introducción a las herramientas de compilación automatizada (Webpack)Lectura · 10 min
Cuestionario graduado: Introducción a la construcción web con WebpackCuestionario · 20 min

UNIDAD 34 - Optimización de JavaScript entre navegadores y marcos de pruebas · 10 lecciones

Desarrollo web y front-end intermedio - UNIDAD 34 - Optimización de JavaScript entre navegadores y marcos de pruebas

Optimización de JavaScriptVideo · 6 min
Herramientas de optimización popularesVideo · 6 min
Marcos de pruebasVideo · 7 min
Herramientas de prueba - Mocha y JasmineVideo · 8 min
Uso de JasmineVideo · 5 min
Prácticas recomendadas de pruebas frontalesVideo · 7 min
Laboratorio práctico: Pruebas de una aplicación React con JasmineActividad · 45 min
Cuestionario práctico: Optimización de JavaScript y marcos de pruebasCuestionario · 20 min
Resumen del módulo: Optimización de JavaScript entre navegadores y marcos de pruebasLectura · 10 min
Cuestionario graduado: Optimización de JavaScript y marcos de pruebasCuestionario · 20 min

UNIDAD 35 - Depuración y resolución de problemas · 10 lecciones

Desarrollo web y front-end intermedio - UNIDAD 35 - Depuración y resolución de problemas

Depuración de JavaScriptVideo · 6 min
Conceptos básicos de depuraciónVideo · 7 min
Introducción a las herramientas de depuraciónVideo · 5 min
Resolución de problemas con Chrome DevToolsVideo · 7 min
Supervisión de su sitio webVideo · 8 min
Herramientas de supervisión popularesVideo · 7 min
Laboratorio práctico: Solución de errores comunes con Chrome DevToolsActividad · 45 min
Cuestionario práctico: Depuración y supervisión de sitios webCuestionario · 20 min
Resumen del módulo: Depuración y resolución de problemasLectura · 10 min
Cuestionario graduado: Depuración y resolución de problemasCuestionario · 20 min

UNIDAD 36 - Proyecto final · 6 lecciones

Desarrollo web y front-end intermedio - UNIDAD 36 - Proyecto final

Resumen del proyecto finalActividad · 15 min
Proyecto Final: Calculadora de tipos de interésActividad · 1 h 30 min
Opción 1: Presentación y evaluación con calificación AIActividad · 30 min
Opción 2: Presentación y evaluación por paresLección · 30 min
Felicitaciones y próximos pasosLectura · 1 min
Gracias de parte del equipo del cursoLectura · 1 min

UNIDAD 37 - Introducción a la nube nativa · 14 lecciones

Introducción a Cloud Native, DevOps, Agile y NoSQL - UNIDAD 37 - Introducción a la nube nativa

Introducción al cursoVideo · 5 min
Introducción y objetivos del cursoLectura · 3 min
Lectura: Opciones de laboratorio por lenguaje de programaciónActividad · 10 min
Bienvenido al desarrollo de aplicaciones nativas de la nubeVideo · 2 min
Visión general de la computación en nubeVideo · 6 min
Aplicaciones nativas de la nubeVideo · 5 min
Aplicaciones nativas de la nubeActividad · 5 min
CNCFVideo · 5 min
Visión general de la nube híbridaVideo · 4 min
Modernización con tecnologías nativas de la nubeVideo · 6 min
Resumen del módulo 1: Introducción a la nube nativaLectura · 1 min
Glosario: Introducción a la nube nativaLectura · 5 min
Cuestionario práctico: Introducción a la nube nativaCuestionario · 20 min
Módulo 1 Cuestionario graduado: Introducción a la nube nativaCuestionario · 20 min

UNIDAD 38 - DevOps y CI/CD · 17 lecciones

Introducción a Cloud Native, DevOps, Agile y NoSQL - UNIDAD 38 - DevOps y CI/CD

Introducción a DevOps y CI/CDVideo · 3 min
Definición de DevOpsVideo · 5 min
Características esenciales de DevOpsLectura · 10 min
Desarrollo basado en pruebasVideo · 7 min
Desarrollo Orientado al Comportamiento (BDD)Video · 4 min
¿Qué es CI/CD?Video · 6 min
Beneficios de la ICVideo · 5 min
Herramientas para DevOps, CI y CDVideo · 10 min
Categorías de herramientas DevOps y sus herramientas disponiblesLectura · 7 min
Lectura: Introducción a Tekton y a las tuberíasActividad · 15 min
Laboratorio (Opción A: Python): CI/CD en acciónActividad · 40 min
Laboratorio (Opción B: JavaScript): CI/CD en acciónActividad · 40 min
Todos somos responsables del éxitoVideo · 4 min
Resumen del módulo 2: DevOps y CI/CDLectura · 1 min
Glosario DevOps y CI/CDLectura · 5 min
Cuestionario práctico: DevOps y CI/CD: Fundamentos, herramientas y mejores prácticasCuestionario · 20 min
Cuestionario graduado: DevOps y CI/CDCuestionario · 20 min

UNIDAD 39 - Agile y Scrum · 22 lecciones

Introducción a Cloud Native, DevOps, Agile y NoSQL - UNIDAD 39 - Agile y Scrum

Introducción al desarrollo ágil y ScrumVideo · 3 min
Principios ágilesVideo · 5 min
Visión general de ScrumVideo · 5 min
Impacto organizativo de AgileVideo · 6 min
Confundir el desarrollo iterativo con el ágilVideo · 3 min
Destino desconocidoVideo · 3 min
Roles ágiles y necesidad de formaciónVideo · 5 min
Creación de buenas historias de usuarioVideo · 10 min
Utilizar eficazmente los Story PointsVideo · 6 min
Construir la cartera de productosVideo · 7 min
Planificación de sprintsVideo · 11 min
La revisión de SprintVideo · 4 min
Retrospectiva del SprintVideo · 4 min
Laboratorio práctico: Configuración en GitHubActividad · 20 min
[Opcional]Laboratorio Práctico: Configuración en ZenHubActividad · 20 min
Laboratorio práctico: Monta tu Backlog de producto usando GitHubActividad · 15 min
[Laboratorio práctico: Monta tu Backlog de producto usando ZenhubActividad · 15 min
Resumen del módulo 3: Agile y ScrumLectura · 1 min
Historias de éxito ágil - Microsoft y SpotifyActividad · 5 min
Glosario: Agile y ScrumLectura · 5 min
Cuestionario de práctica: Agile y ScrumCuestionario · 20 min
Módulo 3 Cuestionario graduado: Agile y ScrumCuestionario · 20 min

UNIDAD 40 - Bases de datos NoSQL en la nube · 21 lecciones

Introducción a Cloud Native, DevOps, Agile y NoSQL - UNIDAD 40 - Bases de datos NoSQL en la nube

Visión general de NoSQLVideo · 5 min
Visión general de MongoDBVideo · 5 min
Ventajas de MongoDBVideo · 5 min
Casos de uso de MongoDBVideo · 5 min
MongoDB en la nube IDELectura · 2 min
Laboratorio práctico: Primeros pasos con MongoDBActividad · 30 min
Operaciones CRUDVideo · 6 min
Laboratorio práctico: MongoDB CRUDActividad · 30 min
Laboratorio opcional (Opción A: Python): Acceso a MongoDBActividad · 30 min
Laboratorio opcional (Opción B: JavaScript): Acceso a MongoDBActividad · 30 min
Resumen de la lección 1: NoSQL y MongoDBLectura · 1 min
Glosario: NoSQL y MongoDBLectura · 5 min
Cuestionario práctico: NoSQL y MongoDBCuestionario · 20 min
Hoja de trucosLectura · 5 min
Módulo 4 Cuestionario graduado: Bases de datos NoSQL en la nubeCuestionario · 20 min
Lección opcional sobre CloudantLectura · 2 min
Visión general de CloudantVideo · 5 min
Arquitectura y tecnologías clave de IBM CloudantVideo · 6 min
Beneficios y soluciones de CloudantVideo · 7 min
Resumen de la lección 2: CloudantLectura · 1 min
Cuestionario práctico: CloudantCuestionario · 20 min

UNIDAD 41 - Proyecto final y examen final · 8 lecciones

Introducción a Cloud Native, DevOps, Agile y NoSQL - UNIDAD 41 - Proyecto final y examen final

Resumen del proyecto finalActividad · 5 min
Proyecto final - Parte A: Epopeyas e historiasActividad · 25 min
Proyecto Final (Opción A: Python): Parte B y C: Calculadora de impuestosActividad · 1 h
Proyecto final (Opción B: JavaScript): Parte B y C: Calculadora de impuestosActividad · 1 h
Opción 1: Presentación y evaluación con calificación AIActividad · 30 min
Opción 2: Presentación y evaluación por paresLección · 30 min
Felicitaciones y próximos pasosLectura · 2 min
Gracias de parte del equipo del cursoLectura · 1 min

UNIDAD 42 - Cómo empezar con el Capstone · 12 lecciones

Proyecto final de desarrollo Front-End - UNIDAD 42 - Cómo empezar con el Capstone

Introducción al cursoVideo · 3 min
Consejos útiles para completar con éxito el cursoLectura · 5 min
Requisitos previos y programa del cursoLectura · 1 min
Resumen del proyectoVideo · 8 min
Escenario del proyectoActividad · 10 min
Recursos para completar con éxito el proyectoLectura · 10 min
Lectura: Referencia del Proyecto Capstone: Comandos GitActividad · 10 min
Lectura: Referencia técnica del proyecto CapstoneActividad · 10 min
Resumen de tareas: Diseño de la página webActividad · 5 min
Laboratorio práctico: Creación de maquetas para diseños de sitios webActividad · 1 h 30 min
Módulo 1 Lista de comprobación: Diseño de la página webCuestionario · 20 min
Módulo 1 Cuestionario graduado: Introducción a la CapstoneCuestionario · 20 min

UNIDAD 43 - Desarrollo de páginas web estáticas con HTML y CSS · 6 lecciones

Proyecto final de desarrollo Front-End - UNIDAD 43 - Desarrollo de páginas web estáticas con HTML y CSS

Resumen de tareas: Configuración del repositorio de GitHubActividad · 5 min
Laboratorio práctico: Creación de un repositorio de GitHub para su proyectoActividad · 30 min
Resumen de tareas: Desarrollo de diseños estáticos de sitios webActividad · 5 min
Laboratorio práctico: Construya diseños estáticos de sitios webActividad · 1 h 30 min
Módulo 2 Lista de comprobación: Desarrollo de páginas web estáticas con HTML y CSSCuestionario · 20 min
Módulo 2 Cuestionario graduado: Desarrollo de páginas web estáticas utilizando HTML y CSSCuestionario · 20 min

UNIDAD 44 - Desarrollo de componentes dinámicos React - Parte I · 11 lecciones

Proyecto final de desarrollo Front-End - UNIDAD 44 - Desarrollo de componentes dinámicos React - Parte I

Resumen de tareas: Configuración del entorno ReactActividad · 5 min
Laboratorio Práctico: Configurar el proyecto React con conectividad backendActividad · 45 min
laboratorio práctico [opcional]: Creación de un proyecto React con ViteActividad · 30 min
Almacenamiento local y almacenamiento de sesiónActividad · 10 min
Resumen de tareas: Conversión de páginas web estáticas en componentes dinámicos ReactActividad · 15 min
Laboratorio Práctico: Convertir páginas estáticas en componentes dinámicos ReactActividad · 45 min
Resumen de tareas: Construcción e integración de componentes dinámicos ReactActividad · 5 min
Laboratorio práctico: Integrar la funcionalidad existenteActividad · 30 min
Laboratorio práctico: Construya el componente de reserva de citasActividad · 1 h 30 min
Módulo 3 Lista de comprobación: Desarrollo de componentes dinámicos React - Parte ICuestionario · 20 min
Módulo 3 Cuestionario Graduado: Desarrollo de componentes dinámicos React - Parte ICuestionario · 20 min

UNIDAD 45 - Desarrollo de componentes dinámicos React - Parte II · 8 lecciones

Proyecto final de desarrollo Front-End - UNIDAD 45 - Desarrollo de componentes dinámicos React - Parte II

Resumen de tareas: Construcción del componente de notificaciónActividad · 15 min
Laboratorio práctico: Construya el componente de notificaciónActividad · 1 h 30 min
Resumen de tareas: Construcción del componente de revisionesActividad · 15 min
Laboratorio práctico: Construya el componente ReviewsActividad · 1 h 30 min
Resumen de tareas: Construir el componente de perfilActividad · 15 min
Laboratorio práctico: Construir el componente de perfilActividad · 1 h 30 min
Módulo 4 Lista de comprobación: Desarrollo de componentes dinámicos React - Parte IICuestionario · 20 min
Módulo 4 Cuestionario Graduado: Desarrollo de componentes dinámicos React - Parte IICuestionario · 20 min

UNIDAD 46 - Creación, despliegue y actualización del sitio web · 6 lecciones

Proyecto final de desarrollo Front-End - UNIDAD 46 - Creación, despliegue y actualización del sitio web

Resumen de tareas: Creación y despliegue del sitio webActividad · 5 min
Laboratorio práctico: Construir e implantar el sitio webActividad · 30 min
Resumen de tareas: Realización de cambios y actualización del sitio web PostproducciónActividad · 5 min
Laboratorio Práctico: Actualización de componentes y redistribución del sitio webActividad · 30 min
Módulo 5 Lista de comprobación: Actualizar componentes y volver a desplegar el sitio webCuestionario · 20 min
Módulo 5 Cuestionario graduado: Creación, despliegue y actualización del sitio webCuestionario · 20 min

UNIDAD 47 - Presentación del proyecto final y revisión por pares · 5 lecciones

Proyecto final de desarrollo Front-End - UNIDAD 47 - Presentación del proyecto final y revisión por pares

Lista de control para la presentación finalActividad · 5 min
Opción 1: Presentación y evaluación con calificación AIActividad · 45 min
Opción 2: Presentación y evaluación por paresLección · 30 min
Felicitaciones y próximos pasosLectura · 1 min
Gracias de parte del equipo del cursoLectura · 1 min

UNIDAD 48 - Construir una base · 19 lecciones

Guía profesional para desarrolladores de software y preparación de entrevistas - UNIDAD 48 - Construir una base

BienvenidoLectura · 5 min
Títulos de los puestosLectura · 2 min
Certificados IBM para competencias en ingeniería de softwareLectura · 10 min
Comprender el papel de un ingeniero de softwareVideo · 7 min
Introducción al desarrollo de software Full Stack PCVideo · 6 min
Introducción a DevOps y a la ingeniería de software PCVideo · 7 min
Punto de vista del experto: Caminos hacia la ingeniería del softwareVideo · 4 min
Oportunidades en el desarrollo de softwareVideo · 6 min
Punto de vista del experto: Funciones y competencias necesarias en ingeniería de softwareVideo · 5 min
Construya su carteraVideo · 7 min
Redacte su currículumVideo · 10 min
Laboratorio Redacte su currículumActividad · 1 h
Recopilación de referenciasActividad · 10 min
Redactar un Elevator PitchActividad · 15 min
Redacción de una carta de presentación básicaActividad · 15 min
Laboratorio: Redacte su carta de presentación básicaActividad · 30 min
Puntos de vista de expertos: Qué distingue a un gran candidato a ingeniero de softwareVideo · 4 min
Cuestionario prácticoCuestionario · 20 min
Cuestionario graduado: Construir los cimientosCuestionario · 20 min

UNIDAD 49 - Solicitud y preparación de una entrevista · 13 lecciones

Guía profesional para desarrolladores de software y preparación de entrevistas - UNIDAD 49 - Solicitud y preparación de una entrevista

Investigación sobre empresas e industriasVideo · 6 min
Creación de redes en línea y fuera de ellaVideo · 6 min
Punto de vista del experto: Construir su redVideo · 6 min
Evaluar las ofertas de empleoVideo · 7 min
Punto de vista del experto: Una mirada más atenta a las ofertas de empleoVideo · 5 min
Solicitar un empleoActividad · 15 min
Fundamentos de la revisión técnicaVideo · 12 min
Refrescar las habilidades esenciales para el desarrolloVideo · 8 min
Ensayo de la entrevistaVideo · 6 min
Punto de vista del experto: Preparación de la entrevista de trabajoVideo · 4 min
Laboratorio: Prepararse para una entrevistaActividad · 1 h
Cuestionario prácticoCuestionario · 20 min
Cuestionario graduado: Solicitud y preparación de una entrevistaCuestionario · 20 min

UNIDAD 50 - Entrevistas · 23 lecciones

Guía profesional para desarrolladores de software y preparación de entrevistas - UNIDAD 50 - Entrevistas

Visión general del proceso de entrevistaVideo · 3 min
Punto de vista del experto: Un ciclo de entrevistas típicoVideo · 8 min
Preguntas y comportamientos poco éticosLectura · 10 min
Entrevista simulada de un ingeniero de software: Parte 1Video · 7 min
Entrevista simulada de un ingeniero de software: Parte 2Video · 4 min
Entrevista simulada de un ingeniero de software: Parte 3Video · 4 min
Retos de codificación en la ingeniería de softwareVideo · 4 min
Segunda ronda de selecciónActividad · 15 min
Punto de vista del experto: Expectativas de la pantalla técnicaVideo · 6 min
Entrevista finalVideo · 8 min
Entrevistando: Hablar de un proyectoVideo · 6 min
Laboratorio Desafío de codificación Nivel 1Actividad · 30 min
Laboratorio Desafío de codificación Nivel 1 SoluciónActividad · 30 min
Laboratorio Desafío de codificación Nivel 2Actividad · 30 min
Laboratorio Desafío de codificación Nivel 2 SoluciónActividad · 15 min
Punto de vista del experto: EntrevistasVideo · 7 min
Después de la entrevistaActividad · 15 min
Punto de vista del experto: Negociar una ofertaVideo · 7 min
Lista de controlLectura · 10 min
Cuestionario prácticoCuestionario · 20 min
Cuestionario graduado: EntrevistasCuestionario · 20 min
Felicitaciones y próximos pasosLectura · 10 min
Gracias de parte del equipo del cursoLectura · 2 min

Al terminar

Lo que harás al terminar

Podrás planear, construir, probar, optimizar y desplegar sitios y aplicaciones web responsivas. Contarás con bases para desempeñarte como desarrollador front-end en proyectos de desarrollo web.

Perfil

¿Para quién es este curso?

Está dirigido a personas principiantes interesadas en el desarrollo web y la creación de interfaces digitales. No se requiere experiencia previa.

Principiantes interesados en desarrollo web

Certificado oficial

Certificado con validez SEP: lo emite la SEP, no solo una plataforma

Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.

Tu certificado con INEC

Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
Documento oficial con folio verificable en línea
Lo otorga la Universidad Tecnológica Fidel Velázquez

Otras plataformas en línea

Constancia privada emitida por la misma plataforma
Solo acredita horas cursadas o asistencia
Sin respaldo de una autoridad educativa

Cómo funciona

Tu itinerario, de la inscripción al certificado

1
Inscripción con pago único
Pagas $4,990 MXN una sola vez y entras de inmediato al curso.
2
Estudias a tu ritmo
50 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
3
Cuestionarios por unidad
98 cuestionarios para comprobar lo aprendido.
4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Desarrollador Front-End

Muestra · verificable por folio y QR

Certificado SEP incluido (sin costo). Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
Contenido impartido por IBM.
Folio y QR verificables para compartirlo con quien te contrate.

Medios que necesitas

Equipo de cómputo Conexión estable a internet

Pago único

Empieza hoy, a tu ritmo

Un solo pago y acceso inmediato al curso completo durante 12 meses.

50 unidades · 704 lecciones · 160 h
12 meses de acceso
98 cuestionarios de evaluación
Certificado SEP incluido (sin costo), emitido por la SEP (Gob. del Estado de México) con folio verificable

Pago único

$4,990MXN

Acceso por 12 meses

Inscribirme Hablar con un asesor de inscripción

Preguntas frecuentes

Sobre tu inscripción

¿Cómo es el pago?

Un solo pago de $4,990 MXN. No hay mensualidades ni cargos recurrentes.

¿Cuánto tiempo tengo acceso?

12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.

¿Quién imparte el contenido?

El curso es impartido por IBM; INEC gestiona tu inscripción, evaluación y certificado.

¿Qué pasa cuando vence mi acceso?

Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.

¿El curso tiene validez SEP?

Sí, incluido sin costo. Al completar el curso recibes un certificado emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

¿El curso tiene tutor o clases en vivo?

No. Es un curso autodidacta: estudias por tu cuenta, a tu ritmo, sin tutor ni sesiones en vivo.

¿Cómo se evalúa?

Te evalúas con actividades automáticas, sin entregas a un tutor.

Cursos relacionados

Data Analysis and Visualization Foundations

IBM AI Foundations for Business

Administración de Empresas