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 —-
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 —-
ACLARACIÓN: En los capitulos de YouTube verán que hay algunas clases unidas, y esto se debe al límite de YouTube (permite solo 100 capitulos de video), por lo que tuve que unir los 13 capitulos que excedian el limite a otros capitulos. No obstante, no afecta de ninguna forma el contenido del curso.
Espero que disfruten esto que tanto tiempo me costó hacer, todo 100% gratis, como siempre.
Unite a nuestra comunidad, donde dejamos ofertas de trabajo, hay networking entre desarrolladores y tenemos reuniones grupales todas las semanas!!
Link: https://emprendeprogramando.com/sala-ep
*********** Seguime en INSTAGRAM *************
https://instagram.com/soydalto/
***** CANAL DE EMPRENDIMIENTOS ******
Dalto Emprende: https://goo.gl/c8xn2F
****** Y Si tenes TWITTER ******
Tweets by SoyDalto
***** HOSTING RECOMENDADO *****
https://www.hostg.xyz/SH6cZ
***** DONACIONES *****
PayPal: https://paypal.me/soydalto
Otra forma: Hacete miembro del canal (dando click en “unirse”)
