Crear páginas web
De no saber nada a publicar tu propia web: estructura con HTML, diseño con CSS y las primeras interacciones con JavaScript.
Si nunca has programado y quieres ver resultados desde el primer día. Es la ruta más visual.
-
Etapa 1 La estructura: HTML
El esqueleto de cualquier página: textos, enlaces, imágenes, tablas y formularios.
23 lecciones
- ¿Qué es HTML? 4 min
- Estructura básica 8 min
- Etiquetas y atributos 4 min
- Atributos globales 9 min
- El head y metadatos 4 min
- Títulos y párrafos 4 min
- Bloque y en línea 3 min
- Enlaces 9 min
- Rutas 3 min
- Imágenes 3 min
- Imágenes responsive 8 min
- Audio, vídeo e iframes 3 min
- Listas 7 min
- Tablas 8 min
- Formularios 4 min
- Validar formularios 9 min
- HTML semántico 9 min
- details y dialog 8 min
- SVG y canvas 9 min
- Accesibilidad 10 min
- Caracteres especiales 3 min
- Buenas prácticas 4 min
- Proyecto: tu web 11 min
-
Etapa 2 El diseño: CSS
Colores, tipografía, cajas, Flexbox, Grid y diseño adaptable al móvil. Terminas maquetando una landing page.
22 lecciones
- ¿Qué es CSS? 4 min
- Selectores 6 min
- Cascada y herencia 5 min
- Unidades 4 min
- Colores y fondos 12 min
- Bordes y sombras 11 min
- Tipografía 11 min
- Fuentes web 11 min
- Modelo de caja 4 min
- display y overflow 3 min
- Posicionamiento 4 min
- Flexbox 12 min
- Grid 9 min
- Responsive 11 min
- Imágenes en CSS 10 min
- Listas y tablas 10 min
- Formularios 10 min
- Variables CSS 9 min
- Animaciones 3 min
- CSS moderno 11 min
- Organizar el CSS 11 min
- Proyecto: landing 10 min
-
Etapa 3 La interacción: JavaScript básico
Lo justo de JavaScript para que tu web responda: botones, formularios, guardar datos y pedir información a otras webs.
18 lecciones
- ¿Qué es JavaScript? 5 min
- Sintaxis 4 min
- Variables 10 min
- Tipos de datos 4 min
- Operadores 3 min
- if, else y switch 3 min
- Bucles 10 min
- Funciones 4 min
- Cadenas 4 min
- Arrays 4 min
- Métodos de arrays 11 min
- Objetos 10 min
- El DOM 6 min
- Modificar el DOM 4 min
- Eventos 5 min
- Formularios 5 min
- localStorage 4 min
- fetch y async/await 6 min
Cuando termines
Sigue con la ruta Desarrollo web full stack con JavaScript: javaScript de principio a fin: el lenguaje a fondo, el navegador, Node.js, Express, una API REST y la base de datos con SQL.