El curso más completo y didáctico de HTML y CSS llegó a internet.
TEMARIO:
00:00 - Introducción
02:35 - Entendiendo la WEB
13:38 - Entendiendo HTML y CSS
26:10 - Editor de código
--- HTML BÁSICO ---
[Link] - Estructura de una etiqueta
[Link] - Estructura de una página WEB
[Link] - Parrafos y encabezados
[Link] - Listas
[Link] - Enlaces (Básico)
[Link] - Imagenes y Rutas
[Link] - Formularios
--- CSS BÁSICO ---
[Link] - Introducción a CSS
[Link] - Selectores (Básico)
[Link] - Propiedades de texto y fuente
[Link] - Tipografías externas
[Link] - Modelo de caja (box model)
[Link] - Relleno y Margen (margin y padding)
[Link] - Bordes
[Link] - Tamaño de caja (box sizing)
[Link] - Colores
[Link] - Unidades
[Link] - Fondos, Gradientes y Sombras
[Link] - Ejercicio práctico
--- HTML AVANZADO ---
[Link] - Metatags, Comentarios e Iconos
[Link] - Textarea y Labels
[Link] - Select, Datalist y Option
[Link] - Fieldset y Legend
[Link] - Details y Summary
[Link] - Enlaces (Avanzado)
[Link] - Tablas
[Link] - Audio y Video
[Link] - Lazy Loading
[Link] - HTML Obsoleto
[Link] - HTML Semántico
[Link] - Accesibilidad WEB
--- CSS INTERMEDIO ---
[Link] - Selectores (Avanzado)
[Link] - Herencia, Cascada y Especificidad
[Link] - Pseudoclases
[Link] - Pseudoelementos
[Link] - Metodología BEM
[Link] - Display
[Link] - Posición Relativa y Absoluta
[Link] - Ventanas Modal
[Link] - Posicion Fixed y Sticky
[Link] - Transiciones
[Link] - Desbordamiento (overflow)
[Link] - Control de flujo del texto
[Link] - Object fit y Object position
[Link] - Contorno (outline)
[Link] - Emmet (material re-usado)
--- CSS FLEXBOX ---
[Link] - Introducción a Flexbox
[Link] - Flex Direction, Flex Wrap y Flex Flow
[Link] - Alineación en los ejes
[Link] - Order
[Link] - Flex Básis, Shrink y Grow
[Link] - Align Self
[Link] - Layout con Flexbox
--- RESPONSIVE DESIGN ---
[Link] - Bloques y Multimedia flexible
[Link] - Atributos SRCSET y SIZES
[Link] - Picture, Source y Media
[Link] - Media Queries
[Link] - Ejercicio "Holy Grail" con Flexbox
[Link] - Mobile First
[Link] - Feature Queries
[Link] - Container Queries
--- CSS GRID ---
[Link] - Introducción a Grid
[Link] - Creando un Grid
[Link] - Unidades "auto" y "fr"
[Link] - Repeat y Minmax
[Link] - Grid implícito y explícito
[Link] - Grid dinámico (y responsive)
[Link] - Grid column y Grid row
[Link] - Grid flow: Dense
[Link] - Grid areas
[Link] - Alineacion con grid
[Link] - Subgrid
[Link] - Creando una página WEB
--- ANIMACIONES ---
[Link] - Transiciones (Repaso)
[Link] - Animaciones
[Link] - Botones Animados y Efecto Typewriter
[Link] - Animaciones basadas en Scroll
[Link] - Rango de animaciones
[Link] - Integrando animaciones en una WEB
[Link] - Animaciones, cumpliendo la promesa
--- WEB HOSTING ---
[Link] - Introducción al WEB HOSTING
[Link] - Subir tu WEB a INTERNET
---- SECCIÓN AVANZADA ----
[Link] - Filter y Backdrop Filter
[Link] - Transform
[Link] - Min, Max y Clamp
[Link] - Variables (custom properties)
[Link] - Función Calc
[Link] - Propiedades del Scroll
[Link] - Initial Letter
[Link] - Unidades del Viewport (Large, Small y Dynámic)
[Link] - Min-content, Max-content y Fit-content
[Link] - Función Color Mix
---- PROYECTOS FINALES ----
[Link] - Sidebar Menu & Chatbox (proyecto 1 y 2)
[Link] - Flip Card & One-Page View (proyecto 3 y 4)
[Link] - Menú Acordeón (proyecto 5)
