Saltar al contenido
paginas-web.md · devschool

Quiero hacer páginas web

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.

63 lecciones en 3 etapas · unas 18 horas de estudio

63 lecciones

▶ Empezar la ruta

  1. Etapa 1 La estructura: HTML

    El esqueleto de cualquier página: textos, enlaces, imágenes, tablas y formularios.

    23 lecciones

    1. ¿Qué es HTML? 4 min
    2. Estructura básica 8 min
    3. Etiquetas y atributos 4 min
    4. Atributos globales 9 min
    5. El head y metadatos 4 min
    6. Títulos y párrafos 4 min
    7. Bloque y en línea 3 min
    8. Enlaces 9 min
    9. Rutas 3 min
    10. Imágenes 3 min
    11. Imágenes responsive 8 min
    12. Audio, vídeo e iframes 3 min
    13. Listas 7 min
    14. Tablas 8 min
    15. Formularios 4 min
    16. Validar formularios 9 min
    17. HTML semántico 9 min
    18. details y dialog 8 min
    19. SVG y canvas 9 min
    20. Accesibilidad 10 min
    21. Caracteres especiales 3 min
    22. Buenas prácticas 4 min
    23. Proyecto: tu web 11 min
  2. 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

    1. ¿Qué es CSS? 4 min
    2. Selectores 6 min
    3. Cascada y herencia 5 min
    4. Unidades 4 min
    5. Colores y fondos 12 min
    6. Bordes y sombras 11 min
    7. Tipografía 11 min
    8. Fuentes web 11 min
    9. Modelo de caja 4 min
    10. display y overflow 3 min
    11. Posicionamiento 4 min
    12. Flexbox 12 min
    13. Grid 9 min
    14. Responsive 11 min
    15. Imágenes en CSS 10 min
    16. Listas y tablas 10 min
    17. Formularios 10 min
    18. Variables CSS 9 min
    19. Animaciones 3 min
    20. CSS moderno 11 min
    21. Organizar el CSS 11 min
    22. Proyecto: landing 10 min
  3. 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

    1. ¿Qué es JavaScript? 5 min
    2. Sintaxis 4 min
    3. Variables 10 min
    4. Tipos de datos 4 min
    5. Operadores 3 min
    6. if, else y switch 3 min
    7. Bucles 10 min
    8. Funciones 4 min
    9. Cadenas 4 min
    10. Arrays 4 min
    11. Métodos de arrays 11 min
    12. Objetos 10 min
    13. El DOM 6 min
    14. Modificar el DOM 4 min
    15. Eventos 5 min
    16. Formularios 5 min
    17. localStorage 4 min
    18. 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.