🎬 Multimedia
Una imagen y un video para que no todo sea texto.
El Directorio de Tecnologías Web — guía sencilla para principiantes 😄
Es como el esqueleto de la página. Sin HTML, no hay nada.
El W3C publica el primer borrador de HTML5. Aún no era oficial del todo.
El 27 de octubre de 2014 se convierte en estándar. Ya todos los navegadores deben usarlo.
Con CSS3 y JS forman la base de la web moderna. Puedes hacer apps sin instalar nada.
| Cosa | HTML 4 (1999) | HTML 5 (2014) |
|---|---|---|
| Videos y música | ❌ Necesitabas Flash | ✅ <video> y <audio> |
| Organización | Solo <div> para todo | ✅ <header>, <nav>, <footer> |
| Formularios | Solo texto y contraseña | ✅ Email, fecha, número… |
| Guardar datos | Solo cookies | ✅ localStorage |
📚 Fuente: Wikipedia — HTML5
CSS hace que todo se vea bonito: colores, fuentes, espaciado.
El W3C publica CSS nivel 1. Por fin se separa lo que dice de cómo se ve.
CSS3 se convierte en más de 50 módulos. Así es más fácil de organizar.
CSS Grid (2017) junto con Flexbox (2009) cambian para siempre cómo se hacen layouts.
| Cosa | CSS 2.1 | CSS 3 |
|---|---|---|
| Animaciones | ❌ No existían | ✅ Transiciones y keyframes |
| Layouts | Solo float (engorroso) | ✅ Flexbox y Grid |
| Responsive | ❌ Sin media queries | ✅ Se adapta al móvil |
| Bordes | Solo rectos | ✅ Redondeados, sombras, gradientes |
📚 Fuente: Wikipedia — CSS
JS hace que las cosas pasen: botones, animaciones, contenido que cambia.
Brendan Eich lo crea en Netscape en 10 días. Primero se llamaba Mocha.
Se crea el estándar oficial (ES1) para que todos los navegadores se pongan de acuerdo.
Llegaron clases, módulos y arrow functions. JS se volvió mucho más potente.
| Cosa | ES5 (2009) | ES6 (2015) |
|---|---|---|
| Variables | var (confuso) | ✅ let y const |
| Clases | Solo prototipos | ✅ class — mucho más claro |
| Funciones | function() {} | ✅ () => {} (arrow functions) |
| Módulos | Todo en un archivo | ✅ import / export |
📚 Fuente: Wikipedia — JavaScript
Una imagen y un video para que no todo sea texto.
