Curso de HTML y CSS desde CERO (Completo)

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

*********** Seguime en INSTAGRAM *************

***** CANAL DE EMPRENDIMIENTOS ******

****** Y Si tenes TWITTER ******

***** HOSTING RECOMENDADO *****

***** DONACIONES *****
Otra forma: Hacete miembro del canal (dando click en "unirse")

[lucassanchez]

AHORRATE HORAS DE APRENDIZAJE!!!

1. Míralo a velocidad x1.
2. Míralo de principio a fin.
3. No te saltees nada.
4. Prestar atención (invertir tiempo de calidad)
5. Hacer los ejercicios mientras vas viendo el video.

Gracias Dalto por semejante esfuerzo.

El conocimiento es libre.

Saludos.

[jonajqda]

Gracias a ti este Lunes empiezo mi primera chamba en IT quiero dejar este comentario como testimonio de que si se puede, y que lo logré gracias a tus cursos increibles. Soy testimonio fiel de que si se puede, no importa a que edad empieces, no importa lo que hayas estudiado, este canal es oro puro.

[larrybardales]

Estoy empezando este curso 24/06/2024 sin saber nada de programacion volvere a comentar sobre como esto cambio todo en mi vida suerte a todos los que ven este curso

[diegoandressalcedoromero]

Hola, soy backend y estoy profundizando en HTML Y CSS, en la parte del video 6:26:12, Dalto habla sobre los valores que el servidor recibe, esto se aplica a todos los inputs, selects, checkbox entre otros, una forma de ver lo que se envía al servidor es en las herramientas de desarrollo en la sección de networks, haciendo clic en enviar y viendo el payload( carga útil) que se envía al servidor, tips por si alguno le quiere echar un vistazo.

[yaninadomine]

Dalto... 24 horas de curso, te fuiste al chori!

No te merecemos genio! Sos demasiado groso! ❤

[louismysteriesiiii]

Dia 1/2: He visto todo HTML y CSS básico; siento que he aplicado algunos conceptos en mi web pero en el proceso he olvidado otros al no ponerlos en practica, por lo que hare un nuevo proyecto donde aplique todas los temas no domino por ahora y en cuanto termine seguire con la parte avanzada.
Dia 3/4: He realizado todos los ejercicios planteados en la parte básica; he interiorizado mejor lo conceptos y aprendido mucho mas, a pesar de ser mas lento el proceso, he de decir que me siento mucho mas preparado para afrontar la siguiente fase; HTML y CSS avanzado.
Dia 5/6: He aprendido y puesto en practica todo lo relacionado a HTML avanzado.
----5 Días de Descanso (Presidente Votaciones)----
Dia 7/8: He terminado de estudiar y practicar CSS intermedio, muy útil el método EMMET, ahora me preparo para entrar a uno de los temas que mas esperaba: Flex Box.
Dia 9/10: Doy por finalizada la sección de Flex Box, para adentrarme en Responsive Design, aunque aprendí sus cimientos por ahora no le veo una utilidad demencial, vamos a ver que cosas añade Dalto para complicar las cosas y hacer los diseños mas dinámicos e interactivos.
---2 Días de Descanso---
Dia 11/12: Vamos subiendo de nivel, he terminado la sección de Resposive Design y debo decir que es la mejor parte que llevo hasta ahora porque el Holy Gray mezcla un poco de todo lo que hemos visto, además todos los Queries (media, features & container) dan un plus de compatibilidad y adaptación a dispositivos móviles, me emociona saber que mas podre aprender en el curso.
Dia 13/14/15: He estudiado y realizado todos los ejercicios planteados en la sección de GRID; encontré un fallo en el apartado de creando una pagina WEB, cuando tienes la pagina en una resolución inferior a 600px, si le das al menú desplegable y le das al primer enlace (About), te dirige al lugar pero en una capa inferior, por lo que no se puede leer el contenido a no ser que quites el menú desplegable.
---1 Día de Descanso---
Dia 16/17: He estudiado y puesto en practica todo lo relacionado a Animaciones, me pareció una sección interesante aunque dudo que haga uso de estas habilidades para mi desarrollo web, tal vez para cosas muy puntuales como el logo.
Dia 17: Me dispongo a empezar el apartado de Web Hostin.

[agustinolbinsky]

Es increible el PEDAZO de curso que creo Dalto. Comence con la programacion en 2022 con un curso que pague y no me enseñaron un monton de cosas como lo de la metodologia de BEM, que si bien no es 100% necesario, son pequeñas cosas que suman y hacen que tengamos muchos mas conocimientos. Ahora mismo estoy estudiando una tecnicatura en programacion y exactamente lo mismo. Realmente un lujo el pedazo de curso que se partio el tito dalto.

[eledi]

LLevo casi 5 horas del curso y he entendido más que en todas las clases de mi universidad !! Grande Dalto!

[avf]

En la seccion avanzada 21:32:45 - Min-content, Max-content y Fit-content Tienen que buscarlo de tarea el no lo explica, ya que ahí arranca con color-mix, y luego en la sección de 21:39:19 - Función Color Mix empieza con clip-path, les digo porque al final del curso en los proyectos se usa, cosa que no copie en mis anotaciones revisando me di cuenta de esto y si es util, por aca les dejo el dato, muchas gracias Dalto.

[imaginacion]

Busqué HTML y CSS lo encontré y entiendo a la perfección a este ser de luz 😊✨💫 mil gracias

[mauriciosartori]

Voy por 4 horas y 20 min. Voy tomando nota de todo. Excelente, Dalto! Sos un genio.

[Ss-zyrt]

No es cosa de todos los dias que me recomiende youtube un video sobre un curso de HTML que dura todo un dia y que todavia no llegue al millón. FASCINANTE 🤯

[Kenjylex]

¿Te pensas que voy a verme 24 horas de un curso de HTML y CSS? pues estas en lo correcto

[juanfelipe]

Amigo eres el mejor, soy ingeniero en sistemas y hace rato que no estoy familiarizado con esta rama y gracias a usted he pedido volver actualizarme ya que lo necesito, en la mayoría de empresas me exigen que sea programador web, mil bendiciones, mil gracias.... saludos desde medellín Colombia.

[JuanHernández-ki]

Muchas gracias Dalto por tu tiempo, dedicación y vocación, vi las 24 horas de curso y aprendí mucho, gracias totales.

[maxicaballero]

El Youtuber programador más grande de todos, en pocas palabras; SOS UN CRACK.

[veronicaforchi]

Hola Dalton. Quiero decirte que tengo 55 años, que siempre amé la programación de hecho estudié en mi junventud unos años de la licenciatura pero mi vida rumbeó hacia otro lado. Ahora jubilada y buscando poner en actividad mis neuronas (jajajja) apareciste en mis búsquedas de retomar esta actividad. Debo decirte que sos UN MAESTRO. Sos lo que quería, una persona que enseñe sin interrupciones de preguntas que no son de mi inquietud y con una oratoria rápida y clara. Te deseo el mayor de los éxitos. Espero continuar. Saludos!

[EnglishwithIsela-eczm]

Me comprometo a terminar el curso, apenas llevo 3 horas de video y me ha encantado. Dejo mi comentario aquí para acordarme de seguir constante ❤

[erick_vt]

Entre a Youtube con la idea de buscar un tutorial... y me aparecio el mejor en RECOMENDADOS!!!
Gracias por el valioso contenido.

[PedroFernandez-hbpb]

Justo tenía 1 día entero libre para este curso.¡Gracias!