Тёмный

Aprende Tailwind CSS - Curso Completo 

freeCodeCamp Español
Подписаться 246 тыс.
Просмотров 31 тыс.
50% 1

En este curso aprenderás Tailwind CSS paso a paso y crearás 3 proyectos paso a paso. Tailwind es un framework CSS con clases predefinidas que puedes combinar y personalizar para crear sitios web modernos y adaptables muy rápidamente.
Con Tailwind CSS, puedes asignar clases CSS a tus elementos HTML directamente en el archivo HTML y ver cómo los estilos predefinidos se aplican inmediatamente.
Nota: el último proyecto del curso fue creado con CSS y fue incluido como un proyecto adicional para ayudarte a practicar tus habilidades.
✍️ Curso creado por: David Ruiz
- RU-vid: ‪@CodingTube‬
- Twitter: / codingtube
- Sitio web: www.codingtube.dev/
- GitHub: github.com/Davichobits
- LinkedIn: / davidirc
⭐ Contenido ⭐
⌨️ (00:00:00) Introducción
⌨️ (00:04:17) Instalación
⌨️ (00:18:42) Colores
⌨️ (00:35:37) Medidas
⌨️ (00:43:42) Estados
⌨️ (00:51:56) Pseudoclases
⌨️ (01:00:17) Diseño responsivo
⌨️ (01:12:55) Flexbox
⌨️ (01:19:50) Grid
⌨️ (01:25:09) Dark Mode
⌨️ (01:29:16) Proyecto 1 - Panel de Notificaciones
⌨️ (03:14:50) Proyecto 2 - Dashboard
⌨️ (07:01:04) Proyecto 3 - Landing Page
🔧 Proyectos en Frontend Mentor:
- Proyecto 1: www.frontendmentor.io/challen...
- Proyecto 2: www.frontendmentor.io/challen...
- Proyecto 3: www.frontendmentor.io/challen...
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita: www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: ru-vid.com...

Опубликовано:

 

19 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 78   
@CodingTube
@CodingTube 3 месяца назад
Feliz y agradecido por la oportunidad de aportar a la comunidad. Espero que el curso les sea de ayuda y aprendan mucho
@leandrochumbita9425
@leandrochumbita9425 3 месяца назад
Ya era hora de que andes por la comunidad de FCC.
@samudeveloperfull
@samudeveloperfull 3 месяца назад
muy buen curso profe que bueno que le dieron el espacio para compartir su conocimiento
@mr.fabian8471
@mr.fabian8471 3 месяца назад
Uno de los mejores profes de youtube !
@ferxas4560
@ferxas4560 3 месяца назад
Qué bueno saber que estuviste por aquí, felicitaciones colega :)
@josefarias3525
@josefarias3525 2 месяца назад
Muy buen curso profesor, aprendi muchisimo!!
@eliasr.c.4794
@eliasr.c.4794 3 месяца назад
3 proyectos solo 1 con tailwind , de todas maneras gracias por la primera parte :)
@cappuccinotiramisu2594
@cappuccinotiramisu2594 3 месяца назад
Que bueno verte por aquí!😁 Estás a full, react y tailwind!
@Juan-ep7vp
@Juan-ep7vp 3 месяца назад
El curso menos esperado pero que más necesitaba, gracias!!!
@tomthomson738
@tomthomson738 3 месяца назад
Vamos a ver este curso
@rubemdossantos
@rubemdossantos 26 дней назад
2:41:48 En el primer proyecto (siendo sincero, entiendo mejor CSS3 en su estado PURO, y eso que vine de usar bastante Bootstrap), solucioné el caso de la clase "picture" con adicionar una sola línea: margin-left: auto; sin la necesidad de usar position. Espero esto no represente problema alguno, al seguir avanzando el diseño. Buen tutorial de CSS, por cierto. 👍
@AngelaMariaEspitiaGomez
@AngelaMariaEspitiaGomez 3 месяца назад
Excelente super actualizado
@joaov86
@joaov86 3 месяца назад
Oro puro, gracias por compartir sus conocimientos, bendiciones.
@abcd321vvv
@abcd321vvv 3 месяца назад
excelente curso de Tailwind, no entendi por que en el primer proyecto lo hace con CSS nativo no se supone que el curso es Tailwind ?
@maykelcintron
@maykelcintron 3 месяца назад
Justo lo que necesitaba. Excelente curso
@Moonsu2313
@Moonsu2313 3 месяца назад
Lo esperaba con ansias gracias
@navanavita2401
@navanavita2401 3 месяца назад
Amo que el Couch David este ahi!! ame!!!!!
@elmersolis7301
@elmersolis7301 3 месяца назад
wow aun no lo puedo creer muchas gracias
@jesushernanbs.as.4983
@jesushernanbs.as.4983 3 месяца назад
Excelente curso y excelente programador. 👌
@alejandromtb
@alejandromtb 3 месяца назад
Excellent. Casualmente estaba estudiando Tailwind con vite
@DiegoRodriguez-yt9vl
@DiegoRodriguez-yt9vl Месяц назад
La primera parte del curso está increíble, felicidades por el canal y gracias.
@devdev2088
@devdev2088 3 месяца назад
ufff!!!!! la información valiosisima ❤ gracias
@lobobogard9236
@lobobogard9236 3 месяца назад
esperaba este curso completo de tailwind css
@diegoargumedo6955
@diegoargumedo6955 Месяц назад
Este curso muy bueno Gracias,
@stevenquihuire3523
@stevenquihuire3523 2 месяца назад
Gracias a ustedes aprendi los fundamentos ahora practicare mucho para ser muy bueno en tailwind
@shaquillemontero2898
@shaquillemontero2898 3 месяца назад
Y yo que justamente estaba por aprender Tailwind, muchas gracias
@enrique27yt
@enrique27yt 3 месяца назад
OMGGG voy a llorar !! GRACIASSSSS :')
@JessieYipman
@JessieYipman 3 месяца назад
11 horas, ok jaja. Muchas gracias ❤
@tiuqanaul8573
@tiuqanaul8573 3 месяца назад
Lei 11 minutos y eran 11 horas, gracias por el curso. 😊😊
@lautato15
@lautato15 2 месяца назад
Buenas solo un curso esta hecho con Tailwind Css el resto esta con CSS Vanila, pero el contenido que explica esta muy bien hecho... gracias
@giovannyvanegas88
@giovannyvanegas88 3 месяца назад
Agradecido con este nuevo curso. Gracias gente bonita de Freecodecamp 🤙
@Deus-lo-Vuilt
@Deus-lo-Vuilt 3 месяца назад
Que gusto verte aqui @CodingTube 👩‍🚀🚀
@leandromartinez001
@leandromartinez001 3 месяца назад
Este canal es oro puro! Gracias.
@kevingonzalocruzmartinez8429
@kevingonzalocruzmartinez8429 3 месяца назад
Dios que feliocidad, aqui se va ir mi fin de semana JAJAJAJA Gracias por el curso y la explicación uwu
@jorgevalbuena4502
@jorgevalbuena4502 3 месяца назад
Genial
@robertowalsh5707
@robertowalsh5707 3 месяца назад
Hola, linda profesora.
@codingjhames
@codingjhames 3 месяца назад
ave marìa, por fin
@GonzaloGuevaraFreire
@GonzaloGuevaraFreire 3 месяца назад
No me da la vida para 11 horas jeje muy bueno. Para cuándo termine tailwind ya estará en otra versión
@Rodrigo-nx4fg
@Rodrigo-nx4fg 3 месяца назад
🤣🤣
@amauryreyesbetances3639
@amauryreyesbetances3639 3 месяца назад
Esto va a ser epico papus.
@gustavojuantorena
@gustavojuantorena 3 месяца назад
🙌
@Alfredo_Junco
@Alfredo_Junco 3 месяца назад
Muchas gracias por todo lo que comparten a la comunidad, es de mucha ayuda 👏
@aporodagon7663
@aporodagon7663 3 месяца назад
Muy bueno el curso, bien explicado. Lo único que me llamó la atención es que sólo uno de los proyectos está hecho con Tailwind, pensé que eran los 3.
@arturobaduna3911
@arturobaduna3911 Месяц назад
cual de los 3 usa tailwing?
@aporodagon7663
@aporodagon7663 Месяц назад
@@arturobaduna3911 El proyecto 2. El 1 y el 3 están en CSS común y silvestre
@patricior7300
@patricior7300 3 месяца назад
Estefiiii ! ❤ ¿Qué opinas de Flutter? ¿Nos harías un curso de Flutter? Vale la pena invertir tiempo en aprender Flutter? Muchas gracias!
@user.kazecode
@user.kazecode 2 месяца назад
06:01:41 El problema con la fuente en esta parte en mi caso fue porque la url o src en el @font-face estaba mal, debido a que se cambiaba un caracter en la redirección. Simplemente cambien el nombre del archivo de la fuente y actualizan la redirección con el nuevo nombre.
@arielalexco2764
@arielalexco2764 20 дней назад
Terminal npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch genera el archivo ... vacio. ¿Qué se hace?
@santiagofigueredo5432
@santiagofigueredo5432 11 дней назад
Cómo puedo hacer para instalar Tailwind a un proyecto ya hecho en Django?
@juantorres9139
@juantorres9139 3 месяца назад
hola a todos, yo estoy aprendiendo sobre fronted ya he visto html,css y javascript(este ultimo todavia no lo capto XD) se ya lo basico, creen que deberia aprender de una vez tailwind o tengo que ser mas intermedio en css, digo porque si ya no se utiliza para eso me voy directamente con lo actual no? cualquier consejo gracias de antemano
@luiscarlosrueda
@luiscarlosrueda 3 месяца назад
Debes tener buenas bases de css primero antes de tailwind. Es como si quisieras aprender a multiplicar sin saber sumar. Va a ser mas dificil.
@juantorres9139
@juantorres9139 3 месяца назад
@@luiscarlosrueda bueno está bien seguiré practicando
@roda_error404
@roda_error404 3 месяца назад
Cómo sé si los conocimientos que tengo en CSS son suficientes para empezar a aprender Tailwind?
@TheBryanRedz
@TheBryanRedz 18 дней назад
En el primer proyecto no usa Tailwind 🙄, pero bueno me sirvio para yo si hacerlo con Tailwind y ganar conocimiento.
@arturobaduna3911
@arturobaduna3911 Месяц назад
por que el primer proyecto,no se los otros no usa talwing?
@ariel-digitalmedia822
@ariel-digitalmedia822 3 месяца назад
Excelente video Profe, una consulta, yo veo que a vos cuando cambias de color se te aplica automáticamente guardando, pero en mi caso NO, cada que cambio el color no me aplica, y si o si debo ejecutar en la terminal esto npx tailwindcss -i ./src/input.css -o ./src/output.css --watch , para que me funcione. AYUDA PORFA.
@ariel-digitalmedia822
@ariel-digitalmedia822 3 месяца назад
Holaaaaaa ayudaaa
@DatazoIA
@DatazoIA 3 месяца назад
@@ariel-digitalmedia822 debe ser por el complemento Live Server, lo tenes instalado? el lo esta corriendo
@ariel-digitalmedia822
@ariel-digitalmedia822 3 месяца назад
Hola@@DatazoIA , Sii tengo la extensión de Live Server. mediante eso ejecuto mi pag. lo desinstalo?
@DatazoIA
@DatazoIA 3 месяца назад
​@@ariel-digitalmedia822 debería reflejar los cambios en automático
@dylanprimera7000
@dylanprimera7000 Месяц назад
Debería ser congruente con el curso que se está dictando, 3 proyectos y solo uno fue hecho con Tailwind.
@aliberspilberg1
@aliberspilberg1 2 месяца назад
Con Django no lo hacen? Que fastidio react y typescript
@jaimerehbein
@jaimerehbein 3 месяца назад
@jhormansnp7535
@jhormansnp7535 3 месяца назад
Amo a esa chica que me ha ensenado taaanto, si me lees algun dia TE AMOOOOOO...
@Rodrigo-nx4fg
@Rodrigo-nx4fg 3 месяца назад
11 horas 😣
@dgmartinz44
@dgmartinz44 3 месяца назад
Pero Tailwind es de pago no?
@cristhian-oo7cz
@cristhian-oo7cz 3 месяца назад
no
@Adormir123
@Adormir123 2 месяца назад
alv 11 hrs
@cristhian-oo7cz
@cristhian-oo7cz 3 месяца назад
no es hate ni nada ,pero pense que se haria en tailwind pero se uso en su mayoria css puro xd
@aporodagon7663
@aporodagon7663 3 месяца назад
Lo mismo digo, sólo el proyecto 2 está hecho con Tailwind, los otros con CSS común y silvestre.
@lepirex
@lepirex 3 месяца назад
Si, realmente es una intro a Tailwind en su presentación y tan solo el segundo proyecto. 😢
@Moonsu2313
@Moonsu2313 3 месяца назад
Gracias por ahorrarme horas me pase al proyecto 2 😅
@user-pu5yc4zu8j
@user-pu5yc4zu8j Месяц назад
Porque el desafio es en css si es un curso de tailwind ? no me subscribo por eso.
@tognolibsas
@tognolibsas 3 месяца назад
12 horas para escribir estilos como clases lol, completo si es que es completo-
@dinartux
@dinartux 2 месяца назад
Muy bien contenido
@dubal2675
@dubal2675 2 месяца назад
Excelente trabajo
@nicomedina884
@nicomedina884 3 месяца назад
Genial
Далее
Aprende JavaScript - Curso Completo desde Cero
9:15:21
Просмотров 1,6 млн
Final muy increíble 😱
00:46
Просмотров 6 млн
How would you react?😅
00:31
Просмотров 1,4 млн
Crea una Página Web Responsive con HTML y CSS
1:24:20
Просмотров 15 тыс.
Aprende conceptos antes que código
14:02
Просмотров 158 тыс.
Por qué no uso "Tailwind CSS" en mi código
17:48
Просмотров 37 тыс.
Final muy increíble 😱
00:46
Просмотров 6 млн