Curso 06 · Laboratorio práctico

Laboratorio de Proyectos Junior.

El estudiante elige un proyecto y lo construye paso a paso: menú digital, mini tienda, juego de preguntas o portafolio web. Incluye guía por etapas, editor HTML/CSS/JS, vista previa, consola de pruebas y avance guardado.

Entrar al laboratorio Ver ruta de construcción

12-18años sugeridos

4proyectos base

HTML/CSS/JSconsola y vista previa

Curso activoEl alumno construye un proyecto real guiado

Propósito del laboratorio

Pasar de ejercicios aislados a un proyecto completo.

Este curso funciona como un taller de integración. El estudiante toma lo aprendido en lógica, JavaScript y desarrollo web para construir una evidencia concreta, probarla, corregirla y presentarla como proyecto final.

Elegir

proyecto = "menú digital"

El alumno selecciona una ruta de acuerdo con su interés.

Construir

HTML + CSS + JavaScript

Se trabaja estructura, diseño, interacción y pruebas.

Probar

console.log("funciona")

La consola ayuda a revisar datos, errores y comportamiento.

Ruta de construcción

Ocho etapas para construir un proyecto real.

Cada etapa guía al estudiante con tareas concretas, código base, pruebas y recomendaciones para mejorar su proyecto.

Elección del proyecto

Objetivo y público. El alumno define qué va a construir y para quién.

Inicio

Mapa funcional

Características. Se definen secciones, datos y acciones principales.

Planeación

Estructura HTML

Base del proyecto. Secciones, tarjetas, botones y contenido inicial.

HTML

Diseño con CSS

Estilo visual. Colores, tarjetas, espacios, responsive y jerarquía.

CSS

Datos y componentes

Contenido dinámico. Arreglos, objetos y elementos reutilizables.

Datos

Interactividad

Eventos. Botones, filtros, respuestas, carrito o navegación.

JavaScript

Pruebas y depuración

Consola. Revisar errores, imprimir datos y comprobar resultados.

Testing

Entrega final

Presentación. Mejorar detalles, descargar archivo y generar constancia.

Proyecto final

Aula laboratorio

Elige, construye, prueba y presenta tu proyecto.

Selecciona una ruta de proyecto, avanza por las etapas y usa la consola para comprobar ideas, variables, arreglos, funciones y mensajes de depuración.

Evidencia final

Un proyecto completo listo para presentar.

Al finalizar, el estudiante tendrá un prototipo funcional en HTML, CSS y JavaScript: puede ser un menú digital, una mini tienda, un juego de preguntas o un portafolio web. Además, podrá descargar su archivo y explicar qué problema resolvió, qué partes tiene y cómo lo probó.

Continuar en el laboratorio Solicitar clase muestra