Curso 04 · Desarrollo web

Desarrollo Web Junior.

Crea páginas web con HTML, CSS y JavaScript, desde una landing page sencilla hasta un portafolio personal. El curso está pensado para que el estudiante construya, pruebe y mejore una página real paso a paso.

Entrar al aula Ver módulos

12-17años sugeridos

8módulos

WebHTML, CSS y JS

Curso activoLanding page, responsive y portafolio

Propósito del curso

Pasar del código aislado a una página web completa.

Este curso integra estructura, diseño e interacción. El estudiante aprende a construir secciones con HTML, darles estilo con CSS, adaptar la página a celular y agregar pequeñas acciones con JavaScript.

HTML

<section>Contenido</section>

Organiza la información y las secciones de la página.

CSS

.card { padding: 20px; }

Define colores, espacios, tarjetas y diseño responsive.

JavaScript

boton.addEventListener("click", iniciar);

Agrega interacción y cambios visibles en pantalla.

Programa del curso

Módulos propios de Desarrollo Web Junior.

Cada módulo tiene concepto, ejemplo, reto práctico y avance registrado dentro del aula.

Estructura HTML

Documento base. Partes principales de una página web.

HTML inicial

Contenido semántico

Secciones y textos. Títulos, párrafos, botones y estructura clara.

Contenido

CSS y selectores

Diseño visual. Clases, colores, espacios y tarjetas.

Estilos

Modelo de caja

Tarjetas. Padding, margin, border y composición visual.

Layout básico

Flexbox

Alineación. Filas, columnas, separación y acomodo de elementos.

Diseño

Responsive

Celular y escritorio. Media queries y adaptación de pantalla.

Adaptación

Interacción con JS

Botones. DOM, eventos y cambios visibles en pantalla.

Interacción

Portafolio final

Proyecto. Landing page o portafolio personal con HTML, CSS y JS.

Evidencia final

Aula del curso

Construye una página web paso a paso.

El estudiante avanza por lecciones, resuelve ejercicios, acumula puntos, guarda progreso y genera una constancia al completar el curso.

Evidencia final

Proyecto: landing page o portafolio personal.

Al finalizar, el estudiante construye una página con encabezado, secciones, tarjetas de proyecto, diseño responsive y una interacción sencilla con JavaScript. Esta página puede evolucionar después a su primer portafolio digital.

Continuar en el aula Solicitar clase muestra