SeminarioTecnología y desarrollo de software
Desarrollo web con HTML, CSS y JavaScript
El seminario Desarrollo web con HTML, CSS y JavaScript proporciona al estudiante las bases para construir sitios web responsivos, accesibles e interactivos con HTML5 semántico, CSS moderno y JavaScript, verificados con DevTools, Lighthouse y WCAG 2.2, y publicados en internet con Git, GitHub y GitHub Pages.
A quién va dirigido
Personas sin experiencia en desarrollo o con bases de lógica de programación que quieran crear páginas y aplicaciones web.
Objetivos
✓Comprender la estructura de un documento HTML semántico, sus formularios, multimedia y metadatos para buscadores.
✓Analizar la especificidad, el modelo de caja y los sistemas de maquetación de CSS para resolver diseños responsivos.
✓Aplicar JavaScript para manipular el DOM, gestionar eventos, consumir API con fetch y guardar datos en localStorage.
✓Diseñar y publicar un sitio web de varias páginas con Git, GitHub y GitHub Pages siguiendo el enfoque mobile-first.
✓Valorar la accesibilidad y el rendimiento como criterios de calidad, verificados con Lighthouse y WCAG 2.2.
Plan de estudios por sesión
1
HTML semánticoEstructura del documento y etiquetas semánticas · Formularios, validación nativa y etiquetas accesibles
2
Contenido y metadatosImágenes, multimedia y atributos alt · Metadatos y SEO básico
3
CSS modernoSelectores, especificidad y modelo de caja · Flexbox y CSS Grid
4
Diseño responsivoConsultas de medios y diseño mobile-first · Variables CSS y tipografía web
5
JavaScript en el navegadorVariables, funciones, arreglos y objetos · Manipulación del DOM y eventos
6
Asincronía y datosPromesas, async/await y fetch · Almacenamiento con localStorage
7
Herramientas y publicaciónGit, GitHub y publicación en GitHub Pages · DevTools, Lighthouse y verificación de accesibilidad con WCAG 2.2
8
Presentación del proyecto finalSitio responsivo con formulario validado y datos de una API pública · Verificación de accesibilidad en Lighthouse y sustentación
Evaluación
Inicial30%Maquetación de una página con etiquetas semánticas, formulario con validación nativa e imágenes con atributos alt.
Intermedio30%Taller de diseño responsivo con Flexbox, Grid y consultas de medios, y ejercicios de DOM y eventos en JavaScript.
Final40%Sitio web responsivo de varias páginas con formulario validado, datos de una API pública y puntaje de accesibilidad verificado en Lighthouse.
Proyecto final
Sitio web responsivo de varias páginas con formulario validado, contenido dinámico obtenido de una API pública y puntaje de accesibilidad verificado en Lighthouse.