Curso de HTML y CSS desde CERO (Completo)

 

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 ---

35:02 - Estructura de una etiqueta

45:48 - Estructura de una página WEB

51:58 - Párrafos y encabezados

1:00:09 - Listas

1:10:45 - Enlaces (Básico)

1:26:09 - Imágenes y Rutas

1:41:40 - Formularios

--- CSS BÁSICO ---

1:56:45 - Introducción a CSS

2:08:24 - Selectores (Básico)

2:18:04 - Propiedades de texto y fuente

2:44:56 - Tipografías externas

2:55:25 - Modelo de caja (box model)

3:07:04 - Relleno y Margen (margin y padding)

3:37:57 - Bordes

3:53:43 - Tamaño de caja (box sizing)

4:02:09 - Colores

4:25:16 - Unidades

4:50:29 - Fondos, Gradientes y Sombras

5:31:15 - Ejercicio práctico

--- HTML AVANZADO ---

5:38:02 - Metatags, Comentarios e Iconos

5:57:18 - Textarea y Labels

6:24:18 - Select, Datalist y Option

6:33:02 - Fieldset y Legend

6:44:35 - Details y Summary

6:51:34 - Enlaces (Avanzado)

7:04:12 - Tablas

7:22:25 - Audio y Video

7:34:10 - Lazy Loading

7:39:37 - HTML Obsoleto

7:49:10 - HTML Semántico

7:57:42 - Accesibilidad WEB

--- CSS INTERMEDIO ---

8:19:58 - Selectores (Avanzado)

8:36:14 - Herencia, Cascada y Especificidad

9:04:51 - Pseudoclases

9:30:38 - Pseudoelementos

9:37:51 - Metodología BEM

9:49:33 - Display

10:03:21 - Posición Relativa y Absoluta

10:26:36 - Ventanas Modal

10:35:20 - Posición Fixed y Sticky

10:43:28 - Transiciones

10:56:53 - Desbordamiento (overflow)

11:01:49 - Control de flujo del texto

11:11:54 - Object fit y Object position

11:16:34 - Contorno (outline)

11:25:13 - Emmet (material re-usado)

--- CSS FLEXBOX ---

11:43:11 - Introducción a Flexbox

11:56:29 - Flex Direction, Flex Wrap y Flex Flow

12:17:33 - Alineación en los ejes

12:34:59 - Order

12:41:37 - Flex Básis, Shrink y Grow

12:59:10 - Align Self

13:02:42 - Layout con Flexbox

--- RESPONSIVE DESIGN ---

13:35:25 - Bloques y Multimedia flexible

13:56:07 - Atributos SRCSET y SIZES

14:10:17 - Picture, Source y Media

14:21:18 - Media Queries

14:29:57 - Ejercicio "Holy Grail" con Flexbox

14:48:36 - Mobile First

14:55:08 - Feature Queries

14:59:01 - Container Queries

--- CSS GRID ---

15:05:11 - Introducción a Grid

15:12:50 - Creando un Grid

15:24:54 - Unidades "auto" y "fr"

15:34:24 - Repeat y Minmax

15:42:18 - Grid implícito y explícito

15:53:34 - Grid dinámico (y responsive)

16:04:54 - Grid column y Grid row

16:14:52 - Grid flow: Dense

16:19:34 - Grid areas

16:35:06 - Alineacion con grid

16:53:28 - Subgrid

17:02:14 - Creando una página WEB

--- ANIMACIONES ---

18:02:13 - Transiciones (Repaso)

18:13:13 - Animaciones

18:29:19 - Botones Animados y Efecto Typewriter

18:52:42 - Animaciones basadas en Scroll

19:07:35 - Rango de animaciones

19:17:33 - Integrando animaciones en una WEB

19:29:14 - Animaciones, cumpliendo la promesa

--- WEB HOSTING ---

19:31:07 - Introducción al WEB HOSTING

19:57:59 - Subir tu WEB a INTERNET

---- SECCIÓN AVANZADA ----

20:09:16 - Filter y Backdrop Filter

20:29:30 - Transform

20:40:54 - Min, Max y Clamp

20:54:26 - Variables (custom properties)

21:05:50 - Función Calc

21:14:58 - Propiedades del Scroll

21:22:31 - Initial Letter

21:27:28 - Unidades del Viewport (Large, Small y Dynámic)

21:32:45 - Min-content, Max-content y Fit-content

21:39:19 - Función Color Mix

---- PROYECTOS FINALES ----

21:49:41 - Sidebar Menu & Chatbox (proyecto 1 y 2)

22:43:47 - Flip Card & One-Page View (proyecto 3 y 4)

23:21:42 - Menú Acordeón (proyecto 5)

---- COMO SEGUIR ----

23:42:39 - Como seguir aprendiendo

--- FIN ---

Publicar un comentario

Artículo Anterior Artículo Siguiente