Módulo gratuito
Desarrollo web front-end
Aprende desarrollo web front-end practicando: HTML, CSS, flexbox, grid, JavaScript, eventos y formularios, en un laboratorio con vista previa.
Las lecciones
Cada lección se lee completa y gratis. Crea una cuenta gratuita para ejecutar sus comandos en un laboratorio y hacer sus cuestionarios y tareas.
1 · Laboratorio de contenedores
Estructura de una página con HTML
Puedo estructurar una página con HTML que tenga sentido.
Leer la lección2 · Laboratorio de contenedores
Qué regla CSS gana: la cascada
Puedo predecir qué regla CSS gana cuando dos reglas afectan al mismo elemento.
Leer la lección3 · Laboratorio de contenedores
El modelo de caja, flexbox y grid
Puedo maquetar una página con el modelo de caja, flexbox y grid.
Leer la lección4 · Laboratorio de contenedores
Cambiar una página con JavaScript
Puedo cambiar una página con JavaScript eligiendo un elemento y modificando su texto o sus clases.
Leer la lección5 · Laboratorio de contenedores
Eventos y validación de formularios
Puedo reaccionar a un clic y comprobar los datos de un formulario con JavaScript.
Leer la lección6 · Laboratorio de contenedores
Cómo revisar una página web antes de publicarla
Puedo revisar una página y decir qué falla en su estructura y qué pesa.
Leer la lección
Con un laboratorio real
Cada lección de este módulo se practica en un laboratorio que se inicia solo para ti. Los laboratorios que usa:
¿Enseñas a una clase? Asigna este módulo a tus alumnos con guía del profesor, tareas con corrección automática y un laboratorio para cada alumno.