Desarrollador Front-End
Inicia tu carrera en front‑end. Desarrolla habilidades con soporte de IA y obtén un certificado de Microsoft; no se requiere experiencia.
Certificado con validez SEPA través del Gobierno del Estado de México
12 meses de acceso
En línea · 213 h
100% autodidacta
29 unidades
Nivel principiante
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
Aprenderás los fundamentos del desarrollo front-end y a crear experiencias web interactivas, accesibles y responsivas. Practicarás con herramientas como Visual Studio Code y Microsoft Copilot, sin necesidad de experiencia previa.
- Aplicar lógica, algoritmos y fundamentos de programación para resolver problemas y escribir código organizado.
- Crear páginas web con HTML, CSS y JavaScript, incorporando diseño responsivo y criterios de accesibilidad.
- Desarrollar aplicaciones interactivas con C# y Blazor mediante componentes, enrutamiento y depuración.
- Diseñar interfaces centradas en las personas usando principios de UI/UX, wireframes y prototipos.
- Colaborar con Git y aplicar fundamentos de seguridad, autenticación y autorización en aplicaciones web.
Habilidades que desarrollarás
Front-End Web Development
Depuración
Fundamentos de programación
Computational Thinking
GitHub
Web Design and Development
Pseudocode
Version Control
Git (Version Control System)
Diagram Design
Microsoft Copilot
Algorithms
Temario
UNIDAD 1 - Introducción al desarrollo Front-End · 41 leccionesFundamentos de la codificación Front-End - UNIDAD 1 - Introducción al desarrollo Front-End
UNIDAD 1 - Introducción al desarrollo Front-End · 41 lecciones
Fundamentos de la codificación Front-End - UNIDAD 1 - Introducción al desarrollo Front-End
- Introducción al programa
- Introducción al curso: Fundamentos de la codificación Front-End
- Introducción del instructor
- Programa del curso
- El qué del curso
- Completar los Laboratorios Guiados
- Completar los Laboratorios Guiados
- Herramientas de Microsoft para el desarrollo de front-end
- Presentación de la herramienta de IA: Microsoft Copilot
- Cómo tener éxito en este programa
- Introducción al proyecto
- Introducción a los principios de desarrollo front-end
- Desarrollo Front-End
- Mejores prácticas de desarrollo de front-end
- Desarrollo Front-End
- Práctica: Introducción al desarrollo de front-end
- Funciones y responsabilidades de un ingeniero de front-end
- Competencias y tecnologías esenciales en ingeniería de front-end
- Alcance y flujo de trabajo de la ingeniería de front-end
- Desarrollo Front-End como trabajo
- Cuestionario práctico: Desarrollo Front-End como trabajo
- Técnicas de planificación de proyectos
- Integración de herramientas para la planificación de proyectos
- Planificación de proyectos frontales
- Actividad: Planificación de un proyecto de desarrollo Front-End
- Actividad: Planificación de un proyecto de desarrollo Front-End - Clave de respuestas
- Cuestionario práctico: Planificación de un proyecto Front-End
- Identificación y asignación de tareas
- Gestión del flujo de trabajo
- Ejecución de tareas de desarrollo front-end
- Cuestionario práctico: Ejecución de tareas de desarrollo front-end
- Conceptos básicos de Git
- Uso de GitHub para la colaboración
- Sistemas de control de versiones
- Práctica: Introducción a los sistemas de control de versiones (Git y GitHub)
- Introducción a la plantilla del Plan del proyecto
- Creación de un repositorio de GitHub
- Colaborar en GitHub
- Cuestionario práctico: Técnicas de planificación de proyectos
- Cuestionario graduado: Introducción al desarrollo de front-end
- Conclusión: Introducción al desarrollo de front-end
UNIDAD 2 - Introducción al pensamiento lógico y a la resolución de problemas · 33 leccionesFundamentos de la codificación Front-End - UNIDAD 2 - Introducción al pensamiento lógico y a la resolución de problemas
UNIDAD 2 - Introducción al pensamiento lógico y a la resolución de problemas · 33 lecciones
Fundamentos de la codificación Front-End - UNIDAD 2 - Introducción al pensamiento lógico y a la resolución de problemas
- Introducción al pensamiento lógico y a la resolución de problemas
- Procesos lógicos
- Tipos de lógica utilizados en programación
- Aplicaciones prácticas de los procesos lógicos
- Actividad: Visualización lógica
- Actividad: Visualización lógica - Clave de respuestas
- Cuestionario práctico: Fundamentos del pensamiento lógico en programación
- Razonamiento deductivo en programación
- Pasos del razonamiento deductivo
- Razonamiento deductivo
- Actividad: Practica el razonamiento deductivo con pseudocódigo
- Actividad: Practicar el razonamiento deductivo con pseudocódigo - Clave de respuestas
- Cuestionario práctico: Razonamiento deductivo en programación
- Descomposición del problema
- Técnicas de descomposición de problemas
- Descomposición del problema
- Actividad: Descomposición del problema
- Actividad: Descomposición de problemas - Clave de respuestas
- Cuestionario práctico: Técnicas de descomposición de problemas
- Enfoque descendente de la resolución de problemas
- Enfoque ascendente de la resolución de problemas
- Comparación de los enfoques descendente y ascendente
- Resolución de problemas de arriba abajo y de abajo arriba
- Actividad: Resolver problemas utilizando estrategias descendentes y ascendentes
- Actividad: Resolver problemas utilizando estrategias descendentes y ascendentes - Clave de respuestas
- Cuestionario práctico: Estrategias de resolución de problemas descendentes y ascendentes
- Introducción al pseudocódigo
- Actividad: Pseudocódigo
- Actividad: Pseudocódigo - Clave de respuestas
- Pseudocódigo
- Cuestionario práctico: Codificación para la resolución de problemas sencillos
- Cuestionario graduado: Introducción al pensamiento lógico y a la resolución de problemas
- Conclusiones: Introducción al pensamiento lógico y a la resolución de problemas
UNIDAD 3 - Algoritmos, diagramas de flujo y tipos de datos · 35 leccionesFundamentos de la codificación Front-End - UNIDAD 3 - Algoritmos, diagramas de flujo y tipos de datos
UNIDAD 3 - Algoritmos, diagramas de flujo y tipos de datos · 35 lecciones
Fundamentos de la codificación Front-End - UNIDAD 3 - Algoritmos, diagramas de flujo y tipos de datos
- Introducción a los algoritmos, diagramas de flujo y tipos de datos
- Estructuras básicas de algoritmos
- Aplicaciones prácticas de las estructuras de algoritmos
- Estructuras básicas de algoritmos
- Actividad: Estructuras de algoritmos
- Actividad: Estructuras de algoritmos - Clave de respuestas
- Cuestionario práctico: Estructuras Algorítmicas
- Conceptos básicos del organigrama
- Organigrama práctico
- Análisis de organigramas
- Visualizar la lógica con diagramas de flujo
- Cuestionario práctico: Visualizar la lógica con diagramas de flujo
- Tipos de datos fundamentales
- Identificación y categorización prácticas
- Conversión de tipos de datos
- Tipos de datos
- Actividad: Tipos de datos
- Cuestionario práctico: Tipos de datos
- Introducción a las variables
- Declaración de diferentes tipos de datos
- Palabras clave de la declaración de variables
- Inicialización y asignación de variables
- Declaración de variables en C#
- Actividad: Declaración de variables en C#
- Actividad: Declaración de variables en C# - Clave de respuestas
- Declaración de variables
- Cuestionario práctico: Declaración de variables en C#
- Diseño de algoritmos
- Traducción de algoritmos a C#
- Actividad: Implementación de algoritmos en C#
- Actividad: Implementación de algoritmos en C# - Clave de respuestas
- Implementación de algoritmos en C#
- Cuestionario práctico: Implementación de algoritmos en C#
- Cuestionario graduado : Algoritmos, diagramas de flujo y tipos de datos
- Conclusiones: Algoritmos, diagramas de flujo y tipos de datos
UNIDAD 4 - Estructuras de control y bucles · 43 leccionesFundamentos de la codificación Front-End - UNIDAD 4 - Estructuras de control y bucles
UNIDAD 4 - Estructuras de control y bucles · 43 lecciones
Fundamentos de la codificación Front-End - UNIDAD 4 - Estructuras de control y bucles
- Introducción a las estructuras de control y a los bucles
- Introducción a las sentencias If-Else
- Declaraciones de cambio
- Aplicación práctica de las estructuras de control
- Fundamentos de las estructuras de control
- Estructuras de control
- Laboratorio guiado: Estructuras de control
- Pruébelo usted Estructuras de control
- ¡Pruébalo tú! Estructuras de control - Clave de respuestas
- Fundamentos de las estructuras de control
- Cuestionario práctico: Fundamentos de las estructuras de control
- Sentencias If-Else avanzadas
- Casos complejos de conmutación
- Escenarios de toma de decisiones
- Aplicación práctica de las estructuras de control
- Actividad: Implementación de estructuras de control
- Actividad: Implementación de estructuras de control - Clave de respuestas
- Cuestionario práctico: Implementación Práctica de Estructuras de Control
- Bucles For
- Bucles While
- Bucles Do-While
- Construcciones de bucle
- Construcciones de bucle
- Cuestionario práctico: Construcciones de bucle
- Combinación de bucles y estructuras de control
- Aplicaciones prácticas del bucle
- Optimización del bucle
- Programación basada en bucles para tareas repetitivas
- Programación basada en bucles para tareas repetitivas
- Laboratorio guiado: Programación basada en bucles para tareas repetitivas
- ¡Pruébelo usted! Programación basada en bucles para tareas repetitivas
- ¡Pruébalo tú! Programación basada en bucles para tareas repetitivas - Clave de respuestas
- Cuestionario práctico: Programación basada en bucles para tareas repetitivas
- Integración de If-Else con bucles
- Integración de sentencias switch con bucles
- Uso integrado de estructuras de control y bucles
- Uso integrado de estructuras de control y bucles
- Laboratorio guiado: Uso integrado de estructuras de control y bucles
- ¡Pruébelo usted! Uso integrado de estructuras de control y bucles
- ¡Pruébalo tú! Uso integrado de estructuras de control y bucles - Clave de respuestas
- Práctica: Uso integrado de estructuras de control y bucles
- Cuestionario graduado: Estructuras de control y bucles
- Conclusiones: Estructuras de control y bucles
UNIDAD 5 - Funciones, métodos y ámbito de aplicación · 44 leccionesFundamentos de la codificación Front-End - UNIDAD 5 - Funciones, métodos y ámbito de aplicación
UNIDAD 5 - Funciones, métodos y ámbito de aplicación · 44 lecciones
Fundamentos de la codificación Front-End - UNIDAD 5 - Funciones, métodos y ámbito de aplicación
- Introducción a las funciones en programación
- Funciones
- Funciones de escritura
- Uso de funciones en programas
- Introducción a las funciones en programación
- Actividad: Introducción a las funciones en programación
- Actividad: Introducción a las funciones en programación - Clave de respuestas
- Práctica: Introducción a las funciones en programación
- Introducción a los métodos
- Sintaxis de los métodos
- Casos de uso de métodos
- Métodos en C#
- Actividad: Métodos en C#
- Actividad: Métodos en C# - Clave de respuestas
- Métodos en C#
- Cuestionario práctico: Métodos en C#
- Fundamentos de los métodos de llamada
- Valores de retorno del método
- Ejemplos prácticos de métodos de llamada
- Aplicación práctica de los métodos de convocatoria
- Aplicación práctica de los métodos de convocatoria
- Laboratorio guiado: Aplicación práctica de los métodos de llamada
- ¡Pruébelo usted! Aplicación práctica de los métodos de llamada
- ¡Pruébelo usted! Aplicación práctica de los métodos de llamada - Clave de respuestas
- Cuestionario práctico: Aplicación práctica de los métodos de llamada
- Parámetros
- Pasar datos a métodos
- Aplicaciones prácticas de los parámetros
- Utilización de parámetros en los métodos
- Actividad: Utilización de parámetros en los métodos
- Actividad: Utilización de parámetros en los métodos - Clave de respuestas
- Utilización de parámetros en los métodos
- Cuestionario práctico: Uso de parámetros en métodos
- Integración de funciones y métodos
- Resolución de problemas con funciones y métodos
- Desarrollo integral de programas
- Desarrollo de programas con funciones y métodos
- Desarrollo de programas con funciones y métodos
- Laboratorio Guiado: Desarrollo de programas con funciones y métodos
- ¡Pruébelo usted! Aplicación práctica de los métodos de llamada
- ¡Pruébelo usted! Aplicación práctica de los métodos de llamada - Clave de respuestas
- Cuestionario de Práctica: Desarrollo de programas con funciones y métodos
- Cuestionario graduado: Funciones, métodos y alcance
- Conclusiones: Funciones, métodos y ámbito de aplicación
UNIDAD 6 - Práctica integrada de codificación y desarrollo de proyectos · 19 leccionesFundamentos de la codificación Front-End - UNIDAD 6 - Práctica integrada de codificación y desarrollo de proyectos
UNIDAD 6 - Práctica integrada de codificación y desarrollo de proyectos · 19 lecciones
Fundamentos de la codificación Front-End - UNIDAD 6 - Práctica integrada de codificación y desarrollo de proyectos
- Práctica integrada de codificación
- Resolución de problemas en el mundo real
- Revisión y perfeccionamiento del código
- Actividad: Aplicación práctica de los conceptos de codificación
- Actividad: Aplicación práctica de los conceptos de codificación - Clave de respuestas
- Introducción a la depuración
- Técnicas de depuración
- Técnicas y prácticas de depuración
- Actividad: Depuración
- Actividad: Depuración - Clave de respuestas
- Introducción a Microsoft Copilot
- Microsoft Copilot para depuración y error lógico
- Integración práctica de Copilot
- Actividad: Depuración avanzada con Microsoft Copilot
- Actividad: Depuración avanzada con Microsoft Copilot - Clave de respuestas
- Planificación y diseño del proyecto
- Ejecución del proyecto
- Presentación de proyectos
- Conclusión del curso: Fundamentos de la codificación Front-End
UNIDAD 7 - Fundamentos del desarrollo .NET e integración de código de Visual Studio · 40 leccionesIntroducción a la programación con C# - UNIDAD 7 - Fundamentos del desarrollo .NET e integración de código de Visual Studio
UNIDAD 7 - Fundamentos del desarrollo .NET e integración de código de Visual Studio · 40 lecciones
Introducción a la programación con C# - UNIDAD 7 - Fundamentos del desarrollo .NET e integración de código de Visual Studio
- Introducción al curso
- Introducción del instructor
- Programa del curso
- El qué del curso
- Completar los Laboratorios Guiados
- Completar los Laboratorios Guiados
- Herramientas de Microsoft para el desarrollo de front-end y back-end
- Presentación de la herramienta de IA: Microsoft Copilot
- Cómo tener éxito en este programa
- Introducción al proyecto
- Introducción a los fundamentos del desarrollo .NET y Visual Studio Code
- Desarrollo de front-end y back-end
- El ecosistema .NET
- Integración con Visual Studio Code
- Introducción a .NET y Visual Studio Code
- Práctica: Introducción a .NET y Visual Studio Code
- Descripción general de Visual Studio Code
- Función de Visual Studio Code en el flujo de trabajo de desarrollo
- Integración de Visual Studio Code y .NET
- Cuestionario práctico: Código de Visual Studio e integración .NET
- Instalación del SDK .NET
- Instalación del SDK .NET
- Configuración del entorno de desarrollo
- Configuración del entorno de desarrollo
- Actividad: Configurar un entorno .NET
- Cuestionario práctico: Configuración del entorno de desarrollo .NET
- Creación de proyectos
- Creación de proyectos
- Configuración de los ajustes del proyecto
- Configuración de los ajustes del proyecto
- Construir y ejecutar el proyecto
- Construir y ejecutar el proyecto
- Actividad: Crear un Proyecto .Net
- Práctica: Iniciar un nuevo proyecto .NET
- Estructura del proyecto
- Buenas prácticas para la organización de archivos
- Organización de proyectos .NET
- Cuestionario práctico: Organización de proyectos .NET
- Cuestionario graduado: Fundamentos del desarrollo .NET e integración de código de Visual Studio
- Conclusiones: Fundamentos del desarrollo .NET e integración de código de Visual Studio
UNIDAD 8 - Aplicación de los fundamentos de la programación · 30 leccionesIntroducción a la programación con C# - UNIDAD 8 - Aplicación de los fundamentos de la programación
UNIDAD 8 - Aplicación de los fundamentos de la programación · 30 lecciones
Introducción a la programación con C# - UNIDAD 8 - Aplicación de los fundamentos de la programación
- Introducción: Aplicación de los fundamentos de la programación
- Conceptos fundamentales de programación
- Métodos y pseudocódigo
- Repaso de conceptos esenciales de programación
- Cuestionario práctico: Repaso de conceptos esenciales de programación
- Habilidades de pensamiento lógico
- Aplicación del pensamiento lógico
- Pensamiento lógico en programación
- Pensamiento lógico en programación
- Cuestionario práctico: Pensamiento lógico en programación
- Fundamentos de la depuración
- Depuración práctica
- Depuración
- Actividad: Depuración de código
- Actividad: Depuración de código - Clave de respuestas
- Práctica: Introducción a la depuración
- Sintaxis básica de C#
- Programación práctica
- Sintaxis básica de C#
- Escribir programas sencillos en C#
- Laboratorio guiado: Escritura de programas sencillos en C#
- ¡Pruébalo tú! Escribir programas sencillos en C#
- ¡Pruébalo tú! Escribir programas sencillos en C# - Clave de respuestas
- Cuestionario práctico: Escribir programas sencillos en C#
- Crear un pequeño proyecto y depurar un programa
- Laboratorio guiado: Crear un pequeño proyecto y depurar un programa
- ¡Pruébalo tú! Crear un pequeño proyecto y depurar un programa
- ¡Pruébalo tú! Crear un pequeño proyecto y depurar un programa - Clave de respuestas
- Cuestionario graduado: Aplicación de los fundamentos de la programación
- Conclusiones: Aplicación de los fundamentos de la programación
UNIDAD 9 - Dominio de la Programación orientada a objetos en C# · 33 leccionesIntroducción a la programación con C# - UNIDAD 9 - Dominio de la Programación orientada a objetos en C#
UNIDAD 9 - Dominio de la Programación orientada a objetos en C# · 33 lecciones
Introducción a la programación con C# - UNIDAD 9 - Dominio de la Programación orientada a objetos en C#
- Introducción: Dominio de la Programación orientada a objetos en C#
- Conceptos fundamentales de objetos y clases
- Comprensión teórica de los principios de la programación orientada a objetos
- Objetos y clases
- Cuestionario de Práctica: Objetos y clases
- Herencia
- Polimorfismo
- Herencia y polimorfismo
- Práctica: Herencia y polimorfismo
- Codificación de la herencia en C#
- Codificación del polimorfismo en C#
- Aplicación práctica de la herencia y el polimorfismo
- Herencia y polimorfismo en C#
- Laboratorio guiado: Herencia y polimorfismo en C#
- ¡Pruébalo! Herencia y polimorfismo en C#
- ¡Pruébalo tú! Herencia y polimorfismo en C# - Clave de respuestas
- Cuestionario práctico: Implementación práctica de la herencia y el polimorfismo
- Patrones de diseño
- Identificación de patrones de diseño
- Reconocimiento de patrones de diseño
- Actividad: Reconocer Patrones de diseño
- Actividad: Reconocimiento de patrones de diseño - Clave de respuestas
- Reconocimiento de patrones de diseño
- Cuestionario práctico: Reconocimiento de patrones de diseño
- Creación de clases y objetos
- Implementación de clases y objetos
- Implementación de clases y objetos
- Laboratorio guiado: Implementación de clases y objetos
- Pruébelo usted Implementación de clases y objetos
- ¡Pruébelo usted! Implementación de clases y objetos - Clave de respuestas
- Práctica: Implementación de clases y objetos
- Cuestionario graduado: Dominio de la Programación orientada a objetos en C#
- Conclusiones: Dominio de la Programación orientada a objetos en C#
UNIDAD 10 - Programación asíncrona en C# · 33 leccionesIntroducción a la programación con C# - UNIDAD 10 - Programación asíncrona en C#
UNIDAD 10 - Programación asíncrona en C# · 33 lecciones
Introducción a la programación con C# - UNIDAD 10 - Programación asíncrona en C#
- Introducción: Programación asíncrona
- Fundamentos de la programación asíncrona
- Ventajas y retos de la programación asíncrona
- Introducción a la programación asíncrona
- Práctica: Introducción a la programación asíncrona
- Sintaxis y uso de Async y Await
- Sintaxis y uso de async y await
- Aplicación práctica
- Uso de async y await en C#
- Laboratorio guiado: Uso de async y await en C#
- ¡Pruébalo! Uso de async y await en C#
- ¡Pruébalo! Uso de async y await en C# - Clave de respuestas
- Cuestionario práctico: Uso de async y await en C#
- Diseño de soluciones asíncronas
- Soluciones prácticas de programación asíncrona
- Creación de soluciones asíncronas prácticas
- Actividad: Creación de soluciones prácticas asíncronas
- Actividad: Creación de soluciones prácticas asíncronas - Clave de respuestas
- Creación de soluciones asíncronas prácticas
- Cuestionario práctico: Creación de soluciones asíncronas prácticas
- Papel en las aplicaciones modernas
- Ejemplos del sector
- Importancia de la programación asíncrona
- Cuestionario práctico: Importancia de la programación asíncrona
- Depuración de código asíncrono
- Depuración y creación de programas asíncronos
- Depuración y creación de programas asíncronos
- Laboratorio guiado: Depuración y creación de programas asíncronos
- ¡Pruébalo tú! Depuración y creación de programas asíncronos
- ¡Pruébalo tú! Depuración y creación de programas asíncronos - Clave de respuestas
- Cuestionario práctico: Depuración y creación de programas asíncronos
- Cuestionario graduado: Programación asíncrona en C#
- Conclusiones: Programación asíncrona
UNIDAD 11 - Aprovechamiento de Microsoft Copilot para una codificación y depuración eficientes de C# · 21 leccionesIntroducción a la programación con C# - UNIDAD 11 - Aprovechamiento de Microsoft Copilot para una codificación y depuración eficientes de C#
UNIDAD 11 - Aprovechamiento de Microsoft Copilot para una codificación y depuración eficientes de C# · 21 lecciones
Introducción a la programación con C# - UNIDAD 11 - Aprovechamiento de Microsoft Copilot para una codificación y depuración eficientes de C#
- Funciones de Microsoft Copilot
- Ventajas de utilizar Microsoft Copilot
- Visión general de Microsoft Copilot
- Generar código con Copilot
- Generar código con Copilot
- Laboratorio guiado: Codificación práctica con Copilot
- ¡Pruébalo tú! Codificación práctica con Copilot
- Depuración de código C# con Microsoft Copilot
- Depuración de código C# con Microsoft Copilot
- Laboratorio guiado: Depuración práctica con Copilot
- Depuración de código C# con Microsoft Copilot
- ¡Pruébelo usted! Depuración práctica con Copilot
- Optimización del código con Copilot
- Optimización del código con Copilot
- Laboratorio guiado: Mejora práctica de la codificación
- ¡Pruébelo usted! Mejora práctica de la codificación
- Escenarios del desafío de codificación
- Laboratorio guiado: Ejercicios prácticos de codificación
- ¡Pruébalo tú! Ejercicios prácticos de codificación
- Programación en C# con Microsoft Copilot
- Conclusión del curso
UNIDAD 12 - HTML para desarrollo web · 48 leccionesIntroducción al desarrollo web - UNIDAD 12 - HTML para desarrollo web
UNIDAD 12 - HTML para desarrollo web · 48 lecciones
Introducción al desarrollo web - UNIDAD 12 - HTML para desarrollo web
- Introducción al curso: Introducción al desarrollo web
- Introducción del instructor
- Programa del curso Introducción al desarrollo web
- El qué del curso
- Completar los Laboratorios Guiados
- Completar los Laboratorios Guiados
- Herramientas de Microsoft para el desarrollo de front-end
- Presentación de la herramienta de IA: Microsoft Copilot
- Cómo tener éxito en este programa
- Introducción al proyecto
- Introducción al HTML
- Elementos y etiquetas HTML
- Atributos HTML
- Estructura y jerarquía del documento HTML
- Estructura y elementos HTML
- Introducción al HTML
- Práctica: Introducción al HTML
- HTML como base de los contenidos web
- Interacción entre HTML y CSS
- Interacción entre HTML y JavaScript
- HTML en el desarrollo web
- Cuestionario práctico: El papel del HTML en el desarrollo web
- Entender el HTML semántico
- HTML semántico y accesibilidad
- Implementación del HTML semántico en el desarrollo web
- HTML semántico
- La importancia del HTML semántico
- Cuestionario práctico: La importancia del HTML semántico
- Estructuración de un documento HTML
- Trabajar con formularios, tablas y listas
- Integración de elementos multimedia
- Creación de un documento HTML
- Creación de un documento HTML
- Laboratorio guiado: Creación de un documento HTML
- Pruébalo tú Creación de un documento HTML
- ¡Pruébalo tú! Creación de un documento HTML - Clave de respuestas
- Cuestionario práctico: Creación del primer documento HTML
- Estructuración de la página web
- Incorporación de texto, listas y enlaces
- Recorrido por páginas HTML
- Construir una página web completa con HTML
- Crear una página web con HTML
- Laboratorio guiado: Crear una página web con HTML
- ¡Pruébalo tú! Crear una página web con HTML
- ¡Pruébalo tú! Crear una página web con HTML - Clave de respuestas
- Práctica: Construcción de una página web completa con HTML
- Cuestionario graduado: HTML para el desarrollo web
- Conclusión: HTML para el desarrollo web
UNIDAD 13 - CSS para desarrollo web · 36 leccionesIntroducción al desarrollo web - UNIDAD 13 - CSS para desarrollo web
UNIDAD 13 - CSS para desarrollo web · 36 lecciones
Introducción al desarrollo web - UNIDAD 13 - CSS para desarrollo web
- Introducción a CSS para el desarrollo web
- Sintaxis y estructura de CSS
- Aplicación de CSS a documentos HTML
- El modelo de caja CSS
- CSS
- Introducción al CSS
- Práctica: Introducción a CSS
- Principios del diseño web responsivo
- Consultas de medios
- Técnicas para crear diseños flexibles
- Introducción al CSS
- Diseño web con CSS
- Cuestionario práctico: Diseño Web con CSS
- Introducción a la mejora de la Accesibilidad web con CSS
- Uso de CSS para mejorar la accesibilidad
- Buenas prácticas de diseño accesible
- Accesibilidad web
- Mejora de la Accesibilidad web con CSS
- Cuestionario práctico: Mejora de la Accesibilidad web con CSS
- Flexbox para diseños adaptables
- Cuadrícula CSS para diseños complejos
- Animaciones y transiciones CSS
- Técnicas CSS para el diseño web
- Técnicas CSS avanzadas para el diseño web
- Cuestionario práctico: Técnicas avanzadas de CSS para el diseño web
- Planificación de un diseño web responsivo
- Implementación de Flexbox para diseños adaptables
- Creación de una página web adaptable con técnicas CSS avanzadas
- Creación de una página web adaptable con técnicas CSS avanzadas
- Laboratorio guiado: Creación de una página web adaptable con técnicas CSS avanzadas
- ¡Pruébalo! Creación de una página web adaptable con técnicas CSS avanzadas
- ¡Pruébalo tú! Creación de una página web adaptable con técnicas CSS avanzadas - Clave de respuestas
- Técnicas CSS avanzadas para el diseño web
- Prueba práctica: Creación de una página web adaptable con técnicas CSS avanzadas
- Cuestionario graduado: CSS para el desarrollo web
- Conclusiones: CSS para el desarrollo web
UNIDAD 14 - Introducción a JavaScript para interactividad · 51 leccionesIntroducción al desarrollo web - UNIDAD 14 - Introducción a JavaScript para interactividad
UNIDAD 14 - Introducción a JavaScript para interactividad · 51 lecciones
Introducción al desarrollo web - UNIDAD 14 - Introducción a JavaScript para interactividad
- Introducción: Conceptos básicos de JavaScript
- Variables, tipos de datos y operadores de JavaScript
- Estructuras de control de JavaScript
- Escribir y ejecutar código JavaScript
- Conceptos básicos de JavaScript
- Escribir programas básicos de JavaScript
- Laboratorio guiado: Escritura de programas básicos de JavaScript
- ¡Pruébalo tú! Cómo escribir programas básicos en JavaScript
- ¡Pruébalo tú! Escribir programas JavaScript básicos - Clave de respuestas
- Cuestionario práctico: Conceptos básicos de JavaScript
- Entender el DOM
- Manipulación del DOM con JavaScript
- Manipulación DOM
- Manipulación del DOM Laboratorio
- Laboratorio guiado: Manipulación del DOM
- ¡Pruébalo! Manipulación del DOM
- ¡Pruébalo tú! Manipulación del DOM - Clave de respuestas
- Cuestionario práctico: Manipulación DOM
- Funciones en JavaScript
- Funciones en JavaScript
- Comprender el alcance en JavaScript
- Alcance en JavaScript
- Funciones y alcance de JavaScript
- Cuestionario práctico: Funciones y alcance de JavaScript
- Principios de programación asíncrona
- Uso de Async/Await en JavaScript
- JavaScript asíncrono
- Escribir JavaScript asíncrono
- Laboratorio guiado: Escribir JavaScript asíncrono
- ¡Pruébalo! Escribir JavaScript asíncrono
- ¡Pruébalo tú! Escribir JavaScript asíncrono - Clave de respuestas
- Cuestionario práctico: JavaScript asíncrono
- Patrones de diseño de JavaScript
- Patrones de diseño de JavaScript
- Trabajar con JSON
- Administración de datos con JSON
- Implementación del patrón de módulos para código reutilizable
- Laboratorio guiado: Implementación del patrón de módulos para código reutilizable
- ¡Pruébalo tú! Implementación del patrón de módulos para obtener código reutilizable
- ¡Pruébalo tú! Implementación del patrón de módulos para código reutilizable - Clave de respuestas
- Cuestionario práctico: Conceptos avanzados de JavaScript
- Entender JSON
- Trabajar con JSON en JavaScript
- Administración de datos con JSON
- Administración de datos con JSON
- Laboratorio guiado: Administración de datos con JSON
- ¡Pruébalo! Administración de datos con JSON
- ¡Pruébalo tú! Administración de datos con JSON - Clave de respuestas
- Cuestionario práctico: Administración de datos con JSON
- Cuestionario graduado: Introducción a JavaScript para la interactividad
- Conclusión: Introducción a JavaScript para interactividad
UNIDAD 15 - Control de versiones con Git y GitHub · 34 leccionesIntroducción al desarrollo web - UNIDAD 15 - Control de versiones con Git y GitHub
UNIDAD 15 - Control de versiones con Git y GitHub · 34 lecciones
Introducción al desarrollo web - UNIDAD 15 - Control de versiones con Git y GitHub
- Introducción: Control de versiones con Git y GitHub
- Fundamentos del Control de versiones
- Flujos de trabajo de control de versiones
- Control de versiones
- Práctica: Introducción al control de versiones
- Configuración e inicialización de Git
- Configuración e inicialización de Git
- Comandos básicos de Git
- Comandos básicos de Git
- Comandos Git básicos
- Laboratorio guiado: Comandos básicos de Git
- Pruébalo tú Comandos básicos de Git
- ¡Pruébalo tú! Comandos básicos de Git - Clave de respuestas
- Cuestionario práctico: Comandos Git básicos
- Introducción a GitHub
- Colaborar con GitHub
- Uso de GitHub para la colaboración
- Actividad: Colaborar con GitHub
- Actividad: Colaborar con GitHub - Clave de respuestas
- Cuestionario práctico: Uso de GitHub para la colaboración
- Integración de Git con IDEs
- Mejora de la productividad con plugins de Git
- Integración de Git con herramientas de desarrollo
- Práctica: Integración de Git con herramientas de desarrollo
- Gestión de ramas y fusiones
- Gestión avanzada de repositorios
- Técnicas avanzadas de Git
- Técnicas avanzadas de Git
- Laboratorio guiado: Técnicas avanzadas de Git
- ¡Pruébalo tú! Técnicas avanzadas de Git
- ¡Pruébalo tú! Técnicas avanzadas de Git - Clave de respuestas
- Cuestionario práctico: Técnicas avanzadas de Git
- Cuestionario graduado: Control de versiones con Git y GitHub
- Conclusión: Control de versiones con Git y Github
UNIDAD 16 - Uso de Microsoft Copilot para escribir HTML, CSS y JavaScript · 17 leccionesIntroducción al desarrollo web - UNIDAD 16 - Uso de Microsoft Copilot para escribir HTML, CSS y JavaScript
UNIDAD 16 - Uso de Microsoft Copilot para escribir HTML, CSS y JavaScript · 17 lecciones
Introducción al desarrollo web - UNIDAD 16 - Uso de Microsoft Copilot para escribir HTML, CSS y JavaScript
- Introducción a Microsoft Copilot
- Configuración de Microsoft Copilot
- Actividad: Configuración de Microsoft Copilot
- Mejora del código HTML con Copilot
- Creación de HTML semántico con Copilot
- Actividad: Escribir y mejorar HTML con Copilot
- Mejora del código CSS con Copilot
- Creación de diseños adaptativos con Copilot
- Actividad: Escribir y mejorar CSS con Copilot
- Mejora del código JavaScript con Copilot
- Implementación de la interactividad con Copilot
- Actividad: Escribir y mejorar JavaScript con Copilot
- Desarrollar un proyecto web con Copilot
- Pruebas y depuración con Copilot
- Actividad: Desarrollar y probar un proyecto web con Copilot
- Uso de Microsoft Copilot para escribir HTML, CSS y JavaScript
- Conclusión del curso: Introducción al desarrollo web
UNIDAD 17 - Configuración de proyectos Blazor · 36 leccionesBlazor para el desarrollo de front-end - UNIDAD 17 - Configuración de proyectos Blazor
UNIDAD 17 - Configuración de proyectos Blazor · 36 lecciones
Blazor para el desarrollo de front-end - UNIDAD 17 - Configuración de proyectos Blazor
- Introducción al curso
- Introducción del instructor
- Completar los Laboratorios Guiados
- Herramientas de Microsoft para el desarrollo de front-end
- Conecte su experiencia de front-end al desarrollo web moderno con Blazor
- Presentación de la herramienta de IA: Microsoft Copilot
- Sobre el proyecto de fin de curso
- Introducción: Configuración de proyectos Blazor
- ¿Qué es Blazor?
- Introducción a Blazor
- Modelos de alojamiento Blazor
- Características principales de Blazor
- Pasos clave para crear aplicaciones web con Blazor
- Prueba práctica: Introducción a Blazor
- Requisitos previos para crear un proyecto Blazor
- Creación de un proyecto Blazor en Visual Studio
- Configuración inicial del proyecto Blazor
- Configuración del entorno de desarrollo
- Cuestionario práctico: Configuración del entorno de desarrollo
- Configuración de los ajustes del proyecto
- Gestión de dependencias
- Uso de appsettings.json
- Pasos para crear un proyecto Blazor
- Prueba práctica: Creación de un proyecto Blazor
- Ejecución de aplicaciones Blazor
- Herramientas y técnicas de depuración
- Herramientas y técnicas de depuración
- Escenarios comunes de depuración
- Escenarios comunes de depuración
- Configuración y depuración de un proyecto Blazor
- Laboratorio guiado: Configuración y depuración de un proyecto Blazor
- ¡Pruébalo tú! Configuración y depuración de un proyecto Blazor
- ¡Pruébalo tú! Configuración y depuración de un proyecto Blazor - Clave de respuestas
- Cuestionario práctico: Ejecución y depuración de aplicaciones Blazor
- Conclusión: Introducción a Blazor
- Cuestionario graduado: Configuración de proyectos Blazor
UNIDAD 18 - Componentes y ciclo de vida de Blazor · 37 leccionesBlazor para el desarrollo de front-end - UNIDAD 18 - Componentes y ciclo de vida de Blazor
UNIDAD 18 - Componentes y ciclo de vida de Blazor · 37 lecciones
Blazor para el desarrollo de front-end - UNIDAD 18 - Componentes y ciclo de vida de Blazor
- Introducción: Componentes y ciclo de vida de Blazor
- Introducción a los componentes de Blazor
- Tipos de componentes Blazor
- Características de Blazor Components
- Componentes Blazor
- Cuestionario práctico: Componentes de Blazor y sus tipos
- Introducción al ciclo de vida de los componentes
- Métodos clave del ciclo de vida
- Utilizar eficazmente los métodos del ciclo de vida
- Ciclo de vida de los componentes Blazor
- Cuestionario práctico: Dominio del ciclo de vida de los componentes Blazor
- Introducción a la comunicación por componentes
- Paso de parámetros en Blazor
- Llamadas de retorno para la comunicación entre padres e hijos
- Comunicación entre los componentes de Blazor: Interacción entre padres e hijos
- Implantación de métodos de comunicación y ciclo de vida de componentes padre-hijo
- Laboratorio guiado: Puesta en práctica de métodos de comunicación y ciclo de vida del componente padres-hijos
- ¡Pruébelo usted! Implantación de métodos de comunicación y ciclo de vida de componentes padre-hijo
- ¡Pruébalo tú! Implementación de métodos de comunicación y ciclo de vida de componentes padre-hijo - Clave de respuestas
- Cuestionario práctico: Comunicación entre los componentes de Blazor: Interacción entre padres e hijos
- Ventajas de los componentes reutilizables
- Técnicas para crear componentes reutilizables
- Técnicas para crear componentes reutilizables
- Componentes reutilizables y mantenibles
- Creación de componentes reutilizables en Blazor
- Cuestionario práctico: Creación de componentes reutilizables en Blazor
- Funciones avanzadas de los componentes
- Técnicas de optimización del rendimiento
- Personalización del comportamiento de los componentes
- Mejora de los componentes de Blazor con técnicas avanzadas
- Diseño de componentes reutilizables mediante funciones avanzadas de Blazor
- Laboratorio guiado: Diseño de componentes reutilizables con funciones avanzadas de Blazor
- ¡Pruébalo tú! Diseño de componentes reutilizables con funciones avanzadas de Blazor
- ¡Pruébalo tú! Diseño de componentes reutilizables con funciones avanzadas de Blazor
- Cuestionario práctico: Mejora de los componentes de Blazor con técnicas avanzadas
- Cuestionario graduado: Componentes y ciclo de vida de Blazor
- Conclusiones: Componentes y ciclo de vida de Blazor
UNIDAD 19 - Enlazamiento de datos, gestión de eventos y navegación · 38 leccionesBlazor para el desarrollo de front-end - UNIDAD 19 - Enlazamiento de datos, gestión de eventos y navegación
UNIDAD 19 - Enlazamiento de datos, gestión de eventos y navegación · 38 lecciones
Blazor para el desarrollo de front-end - UNIDAD 19 - Enlazamiento de datos, gestión de eventos y navegación
- Introducción: Enlazamiento de datos, gestión de eventos y navegación
- Enlazamiento de datos
- Tipos de Enlazamiento de datos en Blazor
- Aplicaciones prácticas del Enlazamiento de datos
- Enlazamiento de datos en Blazor
- Cuestionario práctico: Enlazamiento de datos en Blazor
- Manejo de eventos
- Gestión de eventos de usuario
- Gestión de eventos de usuario
- Uso de eventos de devolución de llamada
- Uso de eventos de devolución de llamada
- Cuestionario práctico: Dominio del Manejo de Eventos en Aplicaciones Blazor
- Enrutamiento en Blazor
- Implantación de la navegación
- Implantación de la navegación
- Técnicas avanzadas de enrutamiento
- Navegando por Aplicaciones Blazor: Técnicas de enrutamiento y navegación
- Implementación del Enlazamiento de datos, manejo de eventos y navegación en una aplicación Blazor
- Laboratorio guiado: Implementación del Enlazamiento de datos, manejo de eventos y navegación en una aplicación Blazor
- ¡Pruébalo! Implementación del Enlazamiento de datos, manejo de eventos y navegación en una aplicación Blazor
- ¡Pruébalo tú! Implementación del Enlazamiento de datos, manejo de eventos y navegación en una aplicación Blazor - Clave de respuestas
- Cuestionario práctico: Navegando por Aplicaciones Blazor: Técnicas de Enrutamiento y Navegación
- Gestión estatal
- Técnicas de gestión del Estado
- Buenas prácticas para la gestión estatal
- Gestión de estados en aplicaciones Blazor
- Cuestionario práctico: Gestión del Estado en Aplicaciones Blazor
- Formas de construcción en Blazor
- Validación de formularios
- Validación de formularios
- Buenas prácticas para la gestión de formularios
- Implantación de la gestión de estados y la gestión/validación de formularios
- Laboratorio guiado: Implementación de la gestión de estados y la gestión/validación de formularios
- ¡Pruébelo usted! Implementación de la gestión de estados y el manejo/validación de formularios
- ¡Pruébalo tú! Implementación de la gestión de estados y gestión/validación de formularios - Clave de respuestas
- Cuestionario práctico: Mejores prácticas para el manejo y validación de formularios en Blazor
- Cuestionario graduado: Enlazamiento de datos, manejo de eventos y navegación
- Conclusiones: Enlazamiento de datos, gestión de eventos y navegación
UNIDAD 20 - Renderizado en el servidor y en el cliente · 37 leccionesBlazor para el desarrollo de front-end - UNIDAD 20 - Renderizado en el servidor y en el cliente
UNIDAD 20 - Renderizado en el servidor y en el cliente · 37 lecciones
Blazor para el desarrollo de front-end - UNIDAD 20 - Renderizado en el servidor y en el cliente
- Introducción: Renderizado del lado del servidor y del lado del cliente
- Renderizado en Blazor
- Renderizado del lado del servidor en Blazor
- Renderizado del lado del cliente en Blazor
- Introducción al renderizado de modelos en Blazor
- Práctica: Introducción a la renderización de modelos en Blazor
- Cómo funciona Blazor en el servidor
- Casos de uso de Blazor en el servidor
- Casos de uso de Blazor del lado del servidor
- Implementación de aplicaciones Blazor del lado del servidor
- Laboratorio guiado: Implementación de aplicaciones Blazor del lado del servidor
- ¡Pruébalo! Implementación de aplicaciones Blazor del lado del servidor
- ¡Pruébelo usted! Implementación de aplicaciones Blazor del lado del servidor - Clave de respuestas
- Cuestionario práctico: Casos de uso de Blazor del lado del servidor
- Cómo funciona Blazor del lado del cliente (Blazor WebAssembly)
- Ventajas de Blazor del lado del cliente
- Casos de uso de Blazor del lado del cliente
- Casos de uso de Blazor del lado del cliente
- Cuestionario práctico: Casos de uso de Client-Side Blazor
- Renderizado híbrido
- Aplicación del renderizado híbrido
- Aplicación del renderizado híbrido
- Ventajas y retos del renderizado híbrido
- Práctica: Renderizado híbrido en aplicaciones Blazor
- Factores de rendimiento en Blazor
- Técnicas de optimización
- Técnicas de optimización
- Control y análisis del rendimiento
- Control y análisis del rendimiento
- Mejora del rendimiento de las aplicaciones Blazor
- Implementación del renderizado híbrido y análisis del rendimiento de las aplicaciones Blazor
- Laboratorio guiado: Implementación del renderizado híbrido y análisis del rendimiento de aplicaciones Blazor
- ¡Pruébalo! Implementación del renderizado híbrido y análisis del rendimiento de aplicaciones Blazor
- ¡Pruébalo! Implementación del renderizado híbrido y análisis del rendimiento de aplicaciones Blazor
- Cuestionario práctico: Optimización del Rendimiento en Aplicaciones Blazor
- Cuestionario graduado: Renderizado del lado del servidor y del lado del cliente
- Conclusiones: Renderizado del lado del servidor y del lado del cliente
UNIDAD 21 - Uso de Microsoft Copilot para el desarrollo de Blazor · 17 leccionesBlazor para el desarrollo de front-end - UNIDAD 21 - Uso de Microsoft Copilot para el desarrollo de Blazor
UNIDAD 21 - Uso de Microsoft Copilot para el desarrollo de Blazor · 17 lecciones
Blazor para el desarrollo de front-end - UNIDAD 21 - Uso de Microsoft Copilot para el desarrollo de Blazor
- Introducción: Uso de Microsoft Copilot para el desarrollo de Blazor
- El papel de Copilot en el desarrollo de Blazor
- Ventajas de utilizar Microsoft Copilot
- Configuración de Copilot para el desarrollo de Blazor
- Escribir componentes Blazor con Copilot
- Personalizar las sugerencias de Copilot
- Actividad 1: Uso de Microsoft Copilot para generar código Blazor
- Identificación de problemas de rendimiento con Copilot
- Optimización del código
- Control continuo del rendimiento
- Actividad 2: Uso de Microsoft Copilot para depuración y optimización
- Planificación de un proyecto Blazor con Copilot
- Creación de componentes Blazor con Copilot
- Probar y perfeccionar el proyecto
- Actividad 3: Desarrollar un proyecto Blazor completo con Microsoft Copilot
- Envíe su proyecto
- Conclusión del curso
UNIDAD 22 - Principios de diseño IU/UX · 48 leccionesPrincipios de diseño IU/UX - UNIDAD 22 - Principios de diseño IU/UX
UNIDAD 22 - Principios de diseño IU/UX · 48 lecciones
Principios de diseño IU/UX - UNIDAD 22 - Principios de diseño IU/UX
- Introducción al curso
- Introducción del instructor
- Programa del curso
- El qué del curso
- Completar los Laboratorios Guiados
- Completar los Laboratorios Guiados
- Herramientas de Microsoft para el desarrollo de front-end
- Presentación de la herramienta de IA: Microsoft Copilot
- Cómo tener éxito en este programa
- Introducción al proyecto
- Introducción a los principios de IU/UX
- ¿Qué es el diseño UI/UX?
- La relación entre UI y UX
- La importancia del diseño UI/UX
- Conceptos de diseño IU/UX
- Cuestionario práctico: Conceptos de diseño IU/UX
- Equilibrio y contraste
- Alineación y proximidad
- Jerarquía y repetición
- Principios esenciales del diseño de IU/UX
- Actividad: CSS en Ingeniería Front-End
- Actividad: CSS en Ingeniería Front-End - Clave de respuestas
- Cuestionario práctico: Principios esenciales del diseño UI/UX
- Necesidades de los usuarios en el desarrollo de front-end
- Creación y uso de Persona de usuario
- Diseño para la usabilidad
- Actividad: Crear una Persona de usuario
- Actividad: Crear una Persona de usuario - Clave de respuestas
- Principios de diseño centrado en el usuario para ingenieros de front-end
- Cuestionario práctico: Principios de diseño centrado en el usuario para ingenieros de front-end
- Accesibilidad en IU/UX
- Directrices de accesibilidad para ingenieros de front-end
- Técnicas prácticas de accesibilidad
- Directrices de accesibilidad para ingenieros de front-end
- Técnicas prácticas de accesibilidad
- Mejora de la accesibilidad de una página web existente con CSS y HTML
- Laboratorio guiado: Mejora de la accesibilidad de una página web existente con CSS y HTML
- ¡Pruébelo usted! Mejora de la accesibilidad de una página web existente con CSS y HTML
- ¡Pruébelo usted! Mejora de la accesibilidad de una página web existente con CSS y HTML - Clave de respuestas
- Cuestionario práctico: Buenas prácticas de accesibilidad para ingenieros de front-end
- Design thinking para ingenieros de front-end
- Etapas del proceso de design thinking
- Aplicar el design thinking a los retos reales del front-end
- Aplicación del design thinking al desarrollo de front-end
- Actividad: Afrontar los retos de IU/UX
- Cuestionario práctico: Aplicación del design thinking en el desarrollo de front-end
- Cuestionario graduado: Principios de diseño IU/UX
- Conclusiones: Principios del diseño IU/UX
UNIDAD 23 - Uso de herramientas de diseño como Figma o Adobe XD para maquetas · 32 leccionesPrincipios de diseño IU/UX - UNIDAD 23 - Uso de herramientas de diseño como Figma o Adobe XD para maquetas
UNIDAD 23 - Uso de herramientas de diseño como Figma o Adobe XD para maquetas · 32 lecciones
Principios de diseño IU/UX - UNIDAD 23 - Uso de herramientas de diseño como Figma o Adobe XD para maquetas
- Introducción al uso de herramientas de diseño como Figma o Adobe XD para maquetas
- Creación de prototipos
- Principios del diseño de interacciones
- Creación de prototipos para el desarrollo de front-end
- Creación de prototipos y principios de diseño de interacciones para ingenieros de front-end
- Cuestionario práctico: Prototipos y principios de diseño de interacciones para ingenieros de front-end
- Introducción a las herramientas de diseño
- Características principales de Figma y Adobe XD
- Uso de herramientas de diseño para el desarrollo
- Aprovechamiento de las herramientas de diseño para el desarrollo de IU/UX
- Actividad: Uso de Microsoft Copilot para generar fragmentos de código de IU/UX
- Actividad: Uso de Microsoft Copilot para generar fragmentos de código de IU/UX - Clave de respuestas
- Cuestionario práctico: Aprovechamiento de las herramientas de diseño para el desarrollo de IU/UX
- La función de los wireframes en el diseño
- Herramientas y técnicas para crear wireframes
- Buenas prácticas en wireframing
- Creación de wireframes eficaces para el diseño de IU/UX
- Actividad: Creación de un wireframe
- Cuestionario práctico: Creación de wireframes eficaces para el diseño de IU/UX
- FROM Wireframes to High-Fidelity Mockups (De los wireframes a las maquetas de alta fidelidad)
- Elementos clave de las maquetas de alta fidelidad
- Herramientas para crear maquetas de alta fidelidad
- Diseño de maquetas de alta fidelidad para una representación realista de la IU
- Actividad: Maqueta de alta fidelidad
- Cuestionario práctico: Diseño de maquetas de alta fidelidad para una representación realista de la IU
- La importancia de la colaboración en el diseño
- Herramientas de colaboración y retroalimentación
- Buenas prácticas para el diseño colaborativo
- Colaborar y compartir eficazmente los diseños de IU/UX
- Cuestionario práctico: Colaborar y compartir eficazmente diseños de IU/UX
- Cuestionario graduado: Uso de herramientas de diseño como Figma o Adobe XD para maquetas
- Conclusión: Uso de herramientas de diseño como Figma o Adobe XD para maquetas
UNIDAD 24 - Implementación del diseño adaptable mediante CSS · 38 leccionesPrincipios de diseño IU/UX - UNIDAD 24 - Implementación del diseño adaptable mediante CSS
UNIDAD 24 - Implementación del diseño adaptable mediante CSS · 38 lecciones
Principios de diseño IU/UX - UNIDAD 24 - Implementación del diseño adaptable mediante CSS
- Introducción: Implementación del Diseño adaptativo mediante CSS
- Diseño adaptativo
- Describa las principales ventajas de aplicar el Diseño adaptativo
- Diferencias entre el diseño adaptativo y el adaptativo
- Principios del diseño adaptativo
- Cuestionario práctico: Principios del diseño adaptativo
- Consultas de medios
- Casos de uso común de las consultas multimedia
- Buenas prácticas para redactar consultas de medios
- Dominio de Media Queries para un diseño adaptativo
- Creación de una página web adaptable con Media Queries
- Laboratorio guiado: Creación de una página web adaptable con Media Queries
- ¡Pruébalo! Creación de una página web adaptable con Media Queries
- ¡Pruébalo tú! Creación de una página web adaptable con Media Queries - Clave de respuestas
- Cuestionario práctico: Dominio de Media Queries para Diseño adaptativo
- Uso de Flexbox para el Diseño adaptativo
- Uso de Flexbox para el Diseño adaptativo
- Uso de la Cuadrícula CSS para el Diseño adaptativo
- Uso de la Cuadrícula CSS para el Diseño adaptativo
- Combinación de Flexbox y Grid para diseños complejos
- Creación de diseños adaptables con Flexbox y Grid
- Laboratorio guiado: Creación de diseños adaptables con Flexbox y Grid
- ¡Pruébalo! Creación de diseños adaptables con Flexbox y Grid
- ¡Pruébalo! Building Responsive Layouts with Flexbox and Grid - Clave de respuestas
- Cuestionario práctico: Técnicas para crear diseños adaptables
- ¿Qué es el diseño Mobile-First?
- Ventajas del diseño Mobile-First
- Poner en práctica el diseño Mobile-First
- Principios del diseño Mobile-First
- Cuestionario práctico: Principios del diseño Mobile-First
- Herramientas para probar el Diseño adaptativo
- Prácticas recomendadas para las pruebas responsivas
- Documentar y abordar los problemas de respuesta
- Comprobación y validación de diseños adaptativos
- Actividad: Probar diseños adaptables
- Cuestionario práctico: Comprobación y validación de diseños adaptativos
- Cuestionario graduado: Implementación del diseño adaptativo mediante CSS
- Conclusión: Implementación del diseño adaptativo mediante CSS
UNIDAD 25 - Uso de Microsoft Copilot para generar CSS y sugerencias de diseño · 18 leccionesPrincipios de diseño IU/UX - UNIDAD 25 - Uso de Microsoft Copilot para generar CSS y sugerencias de diseño
UNIDAD 25 - Uso de Microsoft Copilot para generar CSS y sugerencias de diseño · 18 lecciones
Principios de diseño IU/UX - UNIDAD 25 - Uso de Microsoft Copilot para generar CSS y sugerencias de diseño
- Introducción: Uso de Microsoft Copilot para generar CSS y sugerencias de diseño
- Introducción al uso de Copilot para CSS
- Generación de técnicas CSS avanzadas con Copilot
- Optimización del código CSS existente
- Actividad: Escribir y mejorar CSS con Microsoft Copilot
- Diseño adaptativo con Copilot
- Implementación de las sugerencias de Diseño adaptativo de Copilot
- Evaluación de las mejoras del Diseño adaptativo
- Actividad: Generar sugerencias de diseño adaptativo con Microsoft Copilot
- Mejorar la interacción de los usuarios con Copilot
- Mejora de la estética visual con Copilot
- Incorporar los comentarios para optimizar la IU/UX
- Actividad: Mejora del diseño IU/UX con Microsoft Copilot
- Integración de Copilot en el flujo de trabajo diario
- Uso de Copilot para la Gestión de proyectos
- Finalización de un proyecto de diseño con Copilot
- Envíe su proyecto
- Conclusión del curso: Principios de IU/UX
UNIDAD 26 - Vulnerabilidades comunes (por ejemplo, inyección SQL, XSS, CSRF) · 49 leccionesSeguridad de las aplicaciones web - UNIDAD 26 - Vulnerabilidades comunes (por ejemplo, inyección SQL, XSS, CSRF)
UNIDAD 26 - Vulnerabilidades comunes (por ejemplo, inyección SQL, XSS, CSRF) · 49 lecciones
Seguridad de las aplicaciones web - UNIDAD 26 - Vulnerabilidades comunes (por ejemplo, inyección SQL, XSS, CSRF)
- Introducción al curso: Seguridad de las aplicaciones web
- Introducción del instructor
- Programa del curso: Seguridad de aplicaciones web
- El qué del curso
- Completar los Laboratorios Guiados
- Completar los Laboratorios Guiados
- Herramientas de Microsoft para el desarrollo de front-end
- Presentación de la herramienta de IA: Microsoft Copilot
- Cómo tener éxito en este programa
- Introducción al proyecto Capstone
- Introducción: Vulnerabilidades comunes
- Identificación de vulnerabilidades web comunes
- Impacto práctico de las vulnerabilidades
- Comparación de vulnerabilidades
- Actividad: Tabla comparativa de vulnerabilidades
- Actividad: Tabla comparativa de vulnerabilidades - Clave de respuestas
- Descripción general de las vulnerabilidades más comunes de las aplicaciones web
- Descripción general de las vulnerabilidades web más comunes
- Práctica: Introducción a las vulnerabilidades de las aplicaciones Web
- Cómo funciona la inyección SQL
- Mitigación de la inyección SQL
- Implementación de la mitigación de inyecciones SQL
- Actividad: Práctica de mitigación de inyecciones SQL
- Actividad: Práctica de mitigación de inyecciones SQL - Clave de respuestas
- Mitigación de la inyección SQL: Estrategias prácticas
- Cuestionario práctico: Inyección SQL
- Cómo funciona el XSS
- Mitigación de vulnerabilidades XSS
- Explotación y mitigación de XSS en acción
- Actividad: Prevención de XSS en una aplicación de ejemplo
- Actividad: Prevención de XSS en una aplicación de ejemplo - Clave de respuestas
- Mitigación de XSS: Validación y codificación de entradas
- Cuestionario práctico: Cross-Site Scripting (XSS)
- Cómo funciona el CSRF
- Mitigación de CSRF
- Demostración de la explotación y mitigación de CSRF
- Actividad: Implementación de la Prevención CSRF en una Aplicación Web
- Actividad: Implementación de la prevención de CSRF en una aplicación web - Clave de respuestas
- Cuestionario práctico: Falsificación de petición en sitios cruzados (CSRF)
- Caso práctico de inyección SQL
- Estudio de caso sobre la inyección XXS
- Estudio de caso CSRF
- Análisis y mitigación de vulnerabilidades web
- Laboratorio guiado: Análisis y mitigación de vulnerabilidades web
- ¡Pruébelo usted! Análisis y mitigación de vulnerabilidades web
- ¡Pruébalo tú! Análisis y mitigación de vulnerabilidades Web - Clave de respuestas
- Cuestionario práctico: Mitigación de Vulnerabilidades Web
- Cuestionario graduado: Vulnerabilidades comunes (por ejemplo, inyección de SQL, XSS, CSRF)
- Conclusión: Vulnerabilidades comunes (por ejemplo, inyección SQL, XSS, CSRF)
UNIDAD 27 - Prácticas de codificación segura y validación de entradas · 41 leccionesSeguridad de las aplicaciones web - UNIDAD 27 - Prácticas de codificación segura y validación de entradas
UNIDAD 27 - Prácticas de codificación segura y validación de entradas · 41 lecciones
Seguridad de las aplicaciones web - UNIDAD 27 - Prácticas de codificación segura y validación de entradas
- Introducción: Prácticas de codificación segura y validación de entradas
- Visión general de los principios de la codificación segura
- Ciclo de vida del desarrollo seguro (SDL)
- Fundamentos de la codificación segura: Principios clave y SDL
- Cuestionario práctico: Principios de codificación segura
- Tipos de validación de entradas
- Validación de entradas en el código
- Implementación de la validación de entradas en una aplicación web - Vídeo de laboratorio guiado
- Laboratorio guiado: Implementación de la validación de entradas en una aplicación Web
- ¡Pruébelo usted! Implementación de la validación de entradas en una aplicación web
- ¡Pruébelo usted! Implementación de la validación de entrada en una aplicación web - Clave de respuestas
- Técnicas prácticas de validación de entradas para aplicaciones web seguras
- Práctica: Implementación de la validación de entradas
- Técnicas de codificación
- Aplicación de técnicas de codificación en el código
- Prácticas de higienización
- Codificación y desinfección en una aplicación web - Vídeo de laboratorio guiado
- Laboratorio guiado: Codificación y desinfección en una aplicación web
- ¡Pruébelo usted! Codificación y desinfección en una aplicación web
- ¡Pruébalo tú! Codificación y sanitización en una aplicación web - Clave de respuestas
- Hoja de trucos de codificación y desinfección
- Cuestionario práctico: Técnicas de codificación y saneamiento
- Técnicas de autenticación
- Técnicas de autenticación Claves de acceso
- Técnicas de autorización - Implementación del control de acceso basado en roles (RBAC)
- Implementación de autenticación y autorización en una aplicación web - Vídeo de laboratorio guiado
- Laboratorio guiado: Implementación de autenticación y autorización en una aplicación web
- ¡Pruébelo usted! Implementación de autenticación y autorización en una aplicación web
- ¡Pruébelo usted! Implementación de autenticación y autorización en una aplicación web - Clave de respuestas
- Mejores prácticas de autenticación y autorización
- Cuestionario práctico: Implementación de autenticación y autorización seguras
- Técnicas de cifrado para el almacenamiento seguro de datos
- Transmisión segura con protocolos TLS/SSL
- Almacenamiento y transmisión seguros de datos en una aplicación web - Vídeo de laboratorio guiado
- Laboratorio guiado: Almacenamiento y transmisión seguros de datos en una aplicación web
- ¡Pruébelo usted! Almacenamiento y transmisión seguros de datos en una aplicación web
- ¡Pruébalo tú! Almacenamiento y transmisión seguros de datos en una aplicación web - Clave de respuestas
- Guía de referencia sobre cifrado y transmisión segura
- Cuestionario práctico: Técnicas seguras de almacenamiento y transmisión de datos
- Cuestionario graduado: Prácticas de codificación segura y Validación de entrada
- Conclusiones: Prácticas de codificación seguras y validación de entradas
UNIDAD 28 - Uso de Microsoft Copilot para identificar y solucionar problemas de seguridad · 35 leccionesSeguridad de las aplicaciones web - UNIDAD 28 - Uso de Microsoft Copilot para identificar y solucionar problemas de seguridad
UNIDAD 28 - Uso de Microsoft Copilot para identificar y solucionar problemas de seguridad · 35 lecciones
Seguridad de las aplicaciones web - UNIDAD 28 - Uso de Microsoft Copilot para identificar y solucionar problemas de seguridad
- Descripción general de la detección de vulnerabilidades de seguridad
- Uso de Copilot para detectar vulnerabilidades
- Actividad: Detección de vulnerabilidades con Microsoft Copilot
- Actividad: Detección de vulnerabilidades mediante Microsoft Copilot - Clave de respuestas
- ¡Pruébelo usted! Detección de vulnerabilidades con Microsoft Copilot
- ¡Pruébelo usted! Detección de vulnerabilidades con Microsoft Copilot - Clave de respuestas
- Cuestionario de práctica: Identificación de vulnerabilidades de seguridad con Microsoft Copilot
- Comprender las recomendaciones de Copilot
- Aplicación de correcciones con Copilot
- Actividad: Corrección de vulnerabilidades con Microsoft Copilot
- Actividad: Corrección de vulnerabilidades con Microsoft Copilot - Clave de respuestas
- ¡Pruébelo usted! Solución de vulnerabilidades con Microsoft Copilot
- ¡Pruébelo usted! Solución de vulnerabilidades con Microsoft Copilot - Clave de respuestas
- Cuestionario práctico: Solución de problemas de seguridad con Microsoft Copilot
- Recomendaciones de Copilot sobre codificación segura
- Actividad: Aplicación de prácticas de codificación seguras con Copilot
- Actividad: Aplicación de prácticas de codificación seguras con Copilot - Clave de respuestas
- Pruébelo usted Aplicación de prácticas de codificación seguras con Copilot
- ¡Pruébelo usted! Aplicación de prácticas de codificación seguras con Copilot - Clave de respuestas
- Prácticas de codificación seguras con Copilot
- Cuestionario práctico: Aplicación de prácticas de codificación segura mediante Copilot
- Panorama general de los análisis globales de seguridad
- Realizar una revisión de seguridad con Copilot
- Actividad: Realización de una revisión exhaustiva de la seguridad mediante Copilot
- Actividad: Realización de una revisión exhaustiva de la seguridad mediante Copilot - Clave de respuestas
- Pruébelo usted Revisión exhaustiva de la seguridad con Copilot
- ¡Pruébelo usted! Realización de una revisión exhaustiva de la seguridad con Copilot - Clave de respuestas
- Examen práctico: Revisión completa de seguridad con Microsoft Copilot
- Comprender los límites de las recomendaciones de seguridad de la IA
- Comparación de las recomendaciones de la IA con las revisiones manuales
- Actividad: Crear un informe de evaluación de la seguridad
- Actividad: Crear un informe de evaluación de la seguridad - Clave de respuestas
- Cuestionario práctico: Evaluación de las prácticas de seguridad basadas en la IA
- Cuestionario graduado: Uso de Microsoft Copilot para identificar y solucionar problemas de seguridad
- Conclusión: Uso de Microsoft Copilot para identificar y solucionar problemas de seguridad
UNIDAD 29 - Capstone · 18 leccionesSeguridad de las aplicaciones web - UNIDAD 29 - Capstone
UNIDAD 29 - Capstone · 18 lecciones
Seguridad de las aplicaciones web - UNIDAD 29 - Capstone
- Instrucciones: Capstone Parte 1
- Diálogo con el entrenador
- Actividad: Capstone Parte 1
- Instrucciones: Capstone Parte 2
- Preparación para el Capstone Parte 2
- Actividad: Capstone Parte 2
- Instrucciones: Capstone Parte 3
- Preparación para el Capstone Parte 3
- Actividad: Capstone Parte 3
- Instrucciones: Capstone Parte 4
- Preparación para el Capstone Parte 4
- Actividad: Capstone Parte 4
- Instrucciones: Capstone Parte 5
- Preparación para el Capstone Parte 5
- Actividad: Capstone Parte 5
- Presentación de revisiones por pares
- Conclusión del curso: Seguridad de las aplicaciones web
- Conclusión del programa: Certificado profesional de desarrollador de frontend de Microsoft
Al terminar
Lo que harás al terminar
Podrás desarrollar y mejorar interfaces web, desde su diseño hasta la incorporación de funciones interactivas y prácticas de seguridad. Esta preparación puede ayudarte a iniciar una trayectoria en desarrollo front-end.
Perfil
¿Para quién es este curso?
Está dirigido a quienes quieren comenzar en el desarrollo front-end y aprender a construir aplicaciones web con tecnologías y herramientas actuales. No se requiere experiencia previa.
Principiante; no se requiere experiencia
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
29 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
210 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 · 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 Microsoft.
- 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.
- 29 unidades · 1002 lecciones · 213 h
- 12 meses de acceso
- 210 cuestionarios de evaluación
- Certificado SEP incluido (sin costo), emitido por la SEP (Gob. del Estado de México) con folio verificable
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 Microsoft; 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.
