Contenido del curso
Introducción
El desarrollo web se basa en la comunicación entre un cliente y un servidor para entregar contenidos. Crearás páginas estáticas estructuradas con HTML y estilizadas con CSS para que sean visualmente atractivas. Gracias al diseño adaptativo, tus proyectos funcionarán perfectamente en cualquier tipo de dispositivo o pantalla. Todo esto se desarrollará en Visual Studio Code, aprovechando extensiones como Live Server para agilizar el trabajo.
Presentación curso Desarrollo Web Estática: HTML5 y CSS3 con VS Code
04:08Introducción HTML5, CSS3 – Editores de texto vs IDEs
06:33
Visual Studio Code
El desarrollo profesional se debate entre la ligereza de editores como VS Code y la potencia integrada de los IDEs como JetBrains. Aunque VS Code es el estándar por su flexibilidad y ecosistema de extensiones, su arquitectura basada en Electron carece de un "sandbox", lo que genera riesgos reales de seguridad y filtración de datos. Para 2026, la IA generará más del 40% del código, integrándose como un socio estratégico en herramientas que priorizan la seguridad por diseño. Como artesanos digitales, debemos auditar nuestras extensiones y elegir la herramienta según el equilibrio entre rendimiento, infraestructura y confianza.
Código fuente de una página web… ¿como lo creamos?
06:56Editores de texto vs IDEs
10:13Visual Studio Code – parte I
07:18Visual Studio Code – parte II
14:36Resumen Módulo I – Visual Studio Code
Práctica Visual Studio Code
12:29Podcast Visual Studio Code vs IDEs
Cuestionario Módulo I – IDEs y VS Code
HTML5
HTML5 se centra en la semántica, utilizando etiquetas específicas (como <main>, <nav> o <h1>) para que navegadores, buscadores (SEO) y tecnologías de asistencia comprendan el rol de cada contenido. El documento se organiza jerárquicamente como un árbol (DOM), donde los elementos actúan como "cajas dentro de cajas" con relaciones de padre e hijo. Se prioriza la accesibilidad universal, implementando atributos como alt en imágenes y etiquetas <label> en formularios para eliminar barreras a personas con discapacidad. Finalmente, se destaca la separación de responsabilidades, donde HTML define "qué" es el contenido y CSS se encarga de "cómo" se ve.
HTML5 – Introducción
08:05HTML5 – Accesibilidad
04:42HTML5 – Estructura parte I
04:12HTML5 – Estructura parte II
04:45HTML5 – Estructura parte III
05:08HTML5 – Elementos
11:02HTML5 – Listas
07:52HTML5 – Formularios
11:27HTML5 – Tablas
08:52Resumen Módulo 2 – HTML5
Práctica HTML5
40:26Podcast Módulo HTML5
Cuestionario Módulo II – HTML5
CSS3
CSS3 organiza la web como un sistema de cajas rectangulares (Box Model) cuyas dimensiones y flujo se controlan mediante propiedades como display y box-sizing: border-box. La maquetación moderna utiliza Flexbox para alineaciones unidimensionales y CSS Grid para estructuras bidimensionales complejas, permitiendo diseños precisos y robustos. Mediante Media Queries y la estrategia Mobile First, las interfaces se adaptan dinámicamente a cualquier dispositivo, priorizando siempre la eficiencia y la accesibilidad. El ecosistema se profesionaliza con metodologías como BEM, preprocesadores como SASS y técnicas de optimización (minificación y compresión) que garantizan una carga ultra rápida.
CSS3 – Introducción parte I
CSS3 – Introducción parte II
05:15CSS3 – Unidades y Responsive Design
12:55CSS3 – Optimización
12:56CSS3 – Frameworks
11:41Resumen Módulo 3 – CSS3
Práctica CSS3
47:27Podcast Módulo CSS3
Cuestionario Módulo III – CSS3
Curso con certificado
Agregue este certificado a su currículum para demostrar sus habilidades y aumentar sus posibilidades.
