Curso práctico de Frontend Web

Inversion publicada

Precios referenciales en PEN. Confirma vacantes, etapa vigente y forma de pago por WhatsApp.

Temario por sesion

Sesion 1: HTML semántico

Estructura del documento.

• Estructura del documento.
• Etiquetas semánticas.
• Textos, enlaces, imágenes y listas.
• Tablas y formularios básicos.
• Accesibilidad elemental: alt, label y jerarquía.
• Práctica: estructura de landing page.
• Producto parcial: evidencia práctica correspondiente a esta sesión o semana.
• Verificación: lista breve de criterios para confirmar que el ejercicio fue resuelto correctamente.

Practica: Práctica: estructura de landing page.

Resultado: Producto parcial: evidencia práctica correspondiente a esta sesión o semana.

Sesion 2: CSS y diseño

Selectores, cascada y especificidad.

• Selectores, cascada y especificidad.
• Colores, tipografía y unidades.
• Modelo de caja.
• Flexbox.
• Grid introductorio.
• Práctica: maquetación visual.
• Producto parcial: evidencia práctica correspondiente a esta sesión o semana.
• Verificación: lista breve de criterios para confirmar que el ejercicio fue resuelto correctamente.

Practica: Práctica: maquetación visual.

Resultado: Producto parcial: evidencia práctica correspondiente a esta sesión o semana.

Sesion 3: Responsive y componentes

Media queries.

• Media queries.
• Diseño mobile-first.
• Variables CSS.
• Botones, tarjetas y navegación.
• Estados hover y focus.
• Práctica: adaptación móvil.
• Producto parcial: evidencia práctica correspondiente a esta sesión o semana.
• Verificación: lista breve de criterios para confirmar que el ejercicio fue resuelto correctamente.

Practica: Práctica: adaptación móvil.

Resultado: Producto parcial: evidencia práctica correspondiente a esta sesión o semana.

Sesion 4: JavaScript y publicación

Variables, funciones y condicionales.

• Variables, funciones y condicionales.
• Selección del DOM.
• Eventos click y submit.
• Validación visual básica.
• Organización de archivos.
• Publicación inicial en GitHub Pages.
• Producto parcial: evidencia práctica correspondiente a esta sesión o semana.
• Verificación: lista breve de criterios para confirmar que el ejercicio fue resuelto correctamente.

Practica: Práctica guiada de la sesión.

Resultado: Producto parcial: evidencia práctica correspondiente a esta sesión o semana.

Resultados de aprendizaje

• Reconocer y explicar los conceptos esenciales del programa.
• Ejecutar procedimientos con orden, trazabilidad y criterio técnico.
• Resolver ejercicios de dificultad progresiva.
• Detectar errores frecuentes y proponer correcciones.
• Documentar el trabajo mediante archivos, capturas, tablas o reportes.
• Presentar el proyecto final y justificar las decisiones adoptadas.

Proyecto final

Landing page o sitio web básico responsive, con secciones, navegación, formulario visual e interacción JavaScript.

Entregables

• Archivos de práctica desarrollados durante las sesiones.
• Guía o cuaderno de ejercicios.
• Proyecto final completo.
• Evidencias de resultados y breve memoria técnica o académica.
• Lista personal de errores frecuentes y acciones de mejora.

Herramientas

• HTML5
• CSS3
• JavaScript
• VS Code
• GitHub Pages introductorio
• Estructurar contenido semántico con HTML.
• Aplicar estilos, tipografía, colores y modelo de caja.
• Construir diseños con Flexbox y Grid.
• Implementar diseño responsive.
• Usar JavaScript para variables, eventos y manipulación básica del DOM.
• Publicar una landing page estática.

Metodologia

• Clases en vivo con demostración en pantalla.
• Explicación de fundamentos antes de ejecutar procedimientos.
• Ejercicios progresivos: guiados, semiguiados y autónomos.
• Casos adaptados al perfil del grupo.
• Retroalimentación durante el desarrollo del proyecto.
• Grabaciones disponibles según las condiciones comerciales de la edición.
• Material descargable y lista de verificación final.

Requisitos

• Manejo básico de computadora y archivos.
• Instalar VS Code y un navegador moderno.
• No se requiere programación previa.

Certificacion

Certificado físico y firmado