Todo HTML5 y CSS3, de novato a experto

Todo HTML5 y CSS3, de novato a experto – impartido por Francisco Javier Arce Anguiano
Descubre el curso gratuito de HTML5 y CSS3 que Udemy ha actualizado en julio 2026. Esta formación cubre desde los fundamentos de etiquetas y reglas de estilo hasta animaciones avanzadas con Canvas y SVG, pasando por aplicaciones offline y mapas de Google. Ideal para quienes buscan un tutorial práctico, una certificación de desarrollo web o simplemente aprender HTML5 y CSS3 online sin coste.

What You'll Learn

• Build fully responsive web pages using modern HTML5 semantic tags.
• Master CSS3 layout techniques, including Flexbox and Grid, for fluid designs.
• Learn how to embed video and audio without third‑party plugins, enhancing user experience.
• Understand HTML5 form attributes and pseudo‑classes to create accessible input controls.
• Create interactive graphics and games with the Canvas API and scalable vector graphics (SVG).
• Implement offline web applications using Service Workers and the LocalStorage API.
• Apply Google Maps integration through the Geolocation API for location‑aware sites.
• Analyze CSS3 animation properties to produce smooth, hardware‑accelerated effects.

Con estos objetivos, el alumno termina el programa capaz de diseñar y programar sitios web modernos que cumplen con los estándares actuales y ofrecen experiencias ricas en cualquier dispositivo.

Course Details

• Instructor: Francisco Javier Arce Anguiano
• Rating: 4.6 stars (based on student reviews)
• Language: Español (es‑LA)
• Last updated: July 2026
• Certificate: Yes, upon completion
• Includes: Lifetime access, downloadable video files, PDF notes for most sections

El curso se entrega como contenido bajo demanda, lo que permite avanzar a tu propio ritmo. Cada lección incluye ejemplos prácticos y ejercicios resueltos que refuerzan la teoría presentada.

What This Course Covers

Módulo 1 – Fundamentos de HTML5

• Etiquetas estructurales y su impacto en SEO.
• Uso de atributos globales y semánticos.
• Creación de documentos accesibles y compatibles con todos los navegadores.
• Prácticas recomendadas para la organización del código fuente.

Módulo 2 – Estilos con CSS3

• Selectores avanzados y pseudo‑clases.
• Modelos de caja, Flexbox y Grid para diseños responsivos.
• Variables CSS y funciones de cálculo.
• Implementación de transiciones y transformaciones básicas.

Módulo 3 – Multimedia y Formularios

• Inserción de video y audio mediante etiquetas <video> y <audio>.
• Nuevos atributos de formularios HTML5, como required, pattern y placeholder.
• Validación de datos del lado del cliente sin JavaScript adicional.
• Uso de datalist y output para interfaces interactivas.

Módulo 4 – Canvas y SVG

• Dibujar formas dinámicas con la API Canvas.
• Animaciones cuadro a cuadro y control de eventos.
• Creación de gráficos vectoriales con SVG y manipulación mediante CSS.
• Desarrollo de pequeños juegos como ejemplo práctico.

Módulo 5 – Aplicaciones Offline y Almacenamiento

• Configuración de Service Workers para caché y funcionamiento sin conexión.
• Gestión de datos locales con la API localStorage.
• Construcción de un mini‑sistema CRUD (alta, baja, cambio) para un catálogo de libros.
• Estrategias de sincronización de datos cuando la conexión se restablece.

Módulo 6 – Geolocalización y Mapas

• Obtención de la posición del usuario mediante la API Geolocation.
• Integración de Google Maps en páginas HTML5.
• Personalización de marcadores y capas de información.
• Uso de eventos de mapa para crear experiencias interactivas.

Estos módulos combinan teoría y práctica, garantizando que el estudiante pueda aplicar cada concepto en proyectos reales desde el primer día.

Who Should Take This Course

• Desarrolladores web que buscan actualizar sus habilidades a HTML5 y CSS3.
• Diseñadores front‑end que desean dominar técnicas de layout y animación modernas.
• Programadores con conocimientos básicos de JavaScript que quieren