PLAN DE TRABAJO PRIMER Y SEGUNDO PERIODO
Estructura General por Semana:
·
Introducción (10-15 min): Breve
repaso de la semana anterior y presentación del tema de la semana.
·
Teoría (20-25 min): Explicación
concisa del concepto, con ejemplos claros y sencillos.
·
Práctica (20-25 min):
Ejercicios guiados para practicar el concepto. Se trabajará individualmente o
en parejas.
·
Cierre (5-10 min): Resumen de
lo aprendido y anticipación de la siguiente clase.
Plan de Clases Detallado:
Bloque 1: Introducción al Mundo Web
(Semanas 1-4)
Semana 1: ¿Qué es la Web?
Semana 2: Primeros Pasos con HTML -
Traer resuelto pagina html con el "hola mundo"
Semana 3: Más Etiquetas HTML -
Investigar que son etiquetas semanticas y para que sirven
Semana 4: Proyecto
1 - Mi Presentación Web
Práctica:
Cada estudiante crea una página web sencilla para presentarse.
Debe incluir un texto de sus aficiones, es
decir, que le gusta hacer (hoby / pasatienpo),
una foto personal, una
descripción de sus cualidades, y enlaces a sus redes sociales
(si las tienen), o en su
defecto link a por lo menos 3 redes sociales.
Bloque 2: Estilo con CSS (Semanas
5-9)
Semana 5: Introducción a CSS
Semana 6: Propiedades CSS Básicas
Semana 7: Modelo de Caja (Box Model)
Semana 8: Posicionamiento con CSS
Semana 9: Proyecto
2 - Galería de Imágenes
Práctica:
Crear una página web con una galería de imágenes. Debe usar CSS para maquetar
la galería
y hacerla visualmente atractiva.
Bloque 3: Interactividad con
JavaScript (Semanas 10-16)
Semana 10: Introducción a JavaScript
Semana 11: Operadores y Condicionales
Semana 12: Bucles
Semana 13: Funciones
Semana 14: Manipulación del DOM
Semana 15: Eventos
Semana 16: Proyecto
3 - Calculadora Sencilla
Práctica:
Crear una calculadora básica con HTML, CSS y JavaScript. La calculadora deberá
realizar
operaciones básicas como suma,
resta, multiplicación y división.
Bloque 4: Profundización y Proyectos
Finales (Semanas 17-20)
Semana 17: Formularios HTML
Semana 18: Validación de Formularios con
JavaScript
Semana 19: Proyecto 4 - Página Web
Personalizable
Práctica: Los estudiantes diseñan una página web
con al menos 3 secciones en donde deben mostrar
una experiencia o habilidad,
pueden usar un formulario, elementos de navegacion y estilos en general.
Semana 20: Presentación de Proyectos
Finales y Repaso
Práctica: Cada estudiante presenta su proyecto
final al resto del grupo. Se realiza una sesión de preguntas
y respuestas.
Herramientas y Recursos:
• Editor
de Código Online: CodePen, JSFiddle, StackBlitz.
• Recursos
de Aprendizaje: W3Schools, MDN Web Docs.
• Imágenes
Gratis: Unsplash, Pixabay.
• Plantillas
CSS: Bootstrap (opcional, para una introducción a frameworks).
No hay comentarios:
Publicar un comentario