TU PRIMER SITIO WEB CON TAILWIND CSS - CURSO COMPLETO

[@mauriciobarrios9824]

2024 revisando el tutorial e implementando con Laravel, gracias por compartir. Suerte!

[@vanessahernandezserrano2115]

Me encanto, un excelente tutorial... yo lo hice con laravel+node+tailwind+vite y me salio el mismo resultado solo que cambian algunos comandos en la consola pero todo perfecto. Excelente tutorial!

[@fredisnardobeniteztorres369]

Buenas noches profe, gracias por sus conocimientos. DIOS lo bendiga.

[@zemkproducer1145]

Pocas veces comento videos,pero esta vez es imposible no hacerlo,muchisimas gracias por explicar con tanta claridad y paciencia,me ayudo un monton a introducirme y añadir Tailwind a mis proyectos. Lo pude implementar con Astro y Nodejs utilizando tu video + documentacion.

[@El_Grando_Smokio_]

Soy una mierda en el css y entendí a la perfección

[@SergioHernandez-lb1hs]

Gracias Hno.excelente tutorial!!! explicaciones y aplicaciones muy claras

[@rafaeltorres4122]

Excelente curso, muchas gracias. Cada palabra de la explicación son claras y muy fácil de retener. Nunca pensé que escribir estilos con tailwind fuera divertido cuando uno está comenzando a entender css. Saludos ;)

[@andresespinoza3159]

Que buen curso, me sirvió para implementarlo a React con Vite

[@federicoluisperez2965]

Excelente!! Mas tutoriales de Tailwind. gracias

[@daprion2226]

Que buen tutorial! Lo tenía guardado el video para cuando iniciara a aprender Tailwind pudiese entender mejor todo. Excelente Muchas Gracias!

[@TheinfinityLight]

Termine el tutorial y el resultado fue el mismo, muchas gracias por compartir el conocimiento.

[@marvinbrenes3558]

Muy buen video, vi varios tutoriales y tenia problemas usando el @apply para generar clases y siguiendo esta instalación se solucionó. Muchas Gracias

[@yubervasquez]

muhcas gracias doctor, muy bueno al compartir tu experiencia

[@samuelaponte2687]

Gran tutorial bro

[@danielalejandrorodriguezgo653]

Excelente curso! me dio dificultad las versiones pero todo resuelto al final

[@bajolukas]

perfecto - gran aporte felicitaciones, lo voy a poner en mis videos destacados

[@mariopenaranda574]

Cara encontré bien explicado video, Muchas gracias por compartir el conocimiento

[@angelgil3250]

Buen día, porque cuando ejecuta el comando npm run build:css y muestra la hoja de estilos, le aparecen todos esos estilos, y cuando agrega estilos al html, no ejecuta nada y estos se reflejan en el navegador sin estar ejecutando npm run build:css ? gracias

[@psol1001]

Excelente curso amigo, me encanto, ahora a practicar 👍

[@yubervasquez]

Muchas gracias, puse con las devtools simulando un celular y se descuadra, no se ve bien, pero en modo ordenador se ve bien, saludos

[@brayanestebanmarincalderon9785]

A los que no les corre automaticamente despues de actualizar a la nueva versión de Tailwind agregen en el build:css --watch debe que queda así "build:css":"postcss ./src/tailwind.css -o ./public/css/main.css --watch", Like para que quede destacado UwU

[@Luis-rc4wq]

No me funciona, debe estar en el build:css y en el build?

[@marlonyela4069]

Muchas gracias !!, excelente tutorial

[@JulianRiverplate14]

Una duda, actualmente en 2023, es necesario descargar la dependencia win-node-env o las nuevas versiones de node ya permiten realizar esto sin necesidad de descargarlo con npm?

[@johnortiz7216]

excente curso, pero no me funciona bien , sigue los pasoso parde instalacion , pero cuando cambio text o bg etc no me actualiza el vavegador , solo cuando pongo npm run build:css...estoy utilizando macbook m1. gracias

[@salomonj.t8237]

una consulta brother y gracias por el cursito esa imagen que utilizaste tu las diseñaste para hacer ese efecto rojo

[@josechirino5168]

Excelente video. Wow con el tema negro se lea bastante bien el codigo, voy a probarlo a ver que tal me funciona

[@kennyfisher779]

Despues del primer Section todo el codigo que pongo debajo no me sale en el navegador y corro el build Css y tambien tengo iniciado el dev coriendo y aun asi no me carga las imagenes que van en el segundo section despues de los botones

[@denismauriciogauron2215]

Me encanto, lo termine completo al proyecto

[@brandonfelipemerloloza2173]

13:08 todos los cambios que realizas no me esta mostrando en mi navegador porque??que debo revisar??

[@juandavidzapatalopez3225]

Tienes que tener en cuenta la estructura de TailWind que estas utilizando, en el caso que sea la misma del video, debes ejecutar el comando para tener "permisos de edición" (Por llamarlo de alguna manera) en TailWind. Para esto debes de ejecutar un comando en el terminal, el cuál es "npm run dev" Eso le dirá a TailWind que estás haciendo modificaciones en el archivo, el cuál te permitirá realizar ediciones.

[@maurog7529]

Marcos buen día, estuve haciendo el curso gratuito de tailwind en udemy, que veo es este mismo. Resulta que todo bien hasta que empiezo el video 26, donde se ponen las imágenes responsive. La imagen de color rojo no me funciona como background y por ende la imagen de mario como gatito tampoco se ve. Que puede ser el error? Ahhh y te agradezco mucho por compartir tu conocimiento.

[@alexlozano2452]

Excelente tutorial

[@egan36]

Tu curso me ayudo a entender algunas cosillas, gracias! PD: Nunca mas vuelvo a usar esta cagada xd

[@developerjr8669]

Cuál theme estás usando para el tutorial de tailwindCSS, Marcos?

[@coco412]

Muchas gracias amigo eres un grande

[@samueldazadaza]

Profe, buen video👍

[@miguelmondragon1366]

Puedo desarrollar en html y luego convertir en wordpress mi theme, tambien si puedo usar mis clases y sass con otro archivo mio css? Y hacer override los divs ke ya tienen clase de tailwind

[@juandavidzapatalopez3225]

Muy buen video, se entiende demasiado el uso de TailWind, sigue así!

[@Deus-lo-Vuilt]

Buen video , ojalá pudieras subir mas de Tailwind

[@berlinjuan]

Hola , la extension tailwing intellisense no me toma en visual studio code , es decir no me aparece el autocompletado ni siquiera siguiendo los pasos que vos haces en este video . que puede ser ?

[@joellarreategui5421]

Hola muchas gracias por el tutorial.. pero tengo una consulta cuando agg el build:css en el json no me ejecuta en el main.css me podrias ayudar con ese tema.. de ante mano millon gracias.

[@christianlozano7974]

Una pregunta, de repente no me deja ver los cambios cuando cambio o agrego algunas clases??

[@4strodev]

Muy buen video como introducción a tailwind. Sigue así 💪

[@flaviocesarsolorzano6061]

Tengo un error en consola que la propiedad 'theme' of undefined cuando ejecuto en el npm run dev

[@marloncode]

Buenas noches amigo.. veo a detalle tu video pero me sale que no reconoce cuando ejecuto la primera linea que crea eel JSON ... me sale no reconoce.. estoy trabajando en windows

[@TizianoMontenegro07]

Tengo un problema que cuando ejecuto el npm run build:css lo que hace es copiarme lo que hay dentro del tailwind.css y pegarlo dentro del nuevo archivo main.css AYUDAAA. Buen video.

[@manolocastano5902]

Excelente Video

[@S4MBENTZ]

tremendo tutorial

[@grgeek9083]

Para profundizarnos en este framework tengo que saber de antemano CSS

[@idelbrandonunez6406]

Hola buen video me sale este error al hacer npm run build:css "postcss" no se reconoce como un comando interno o externo, programa o archivo por lotes ejecutable.

[@sergiosandoval3821]

intenta en la consola con npm run build:css

[@sergiosandoval3821]

y agregar antes las dependencias npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

[@hernang.naguibin6904]

mismo problema, no se que hacer

[@hernang.naguibin6904]

@@sergiosandoval3821 no me soluciono el problema

[@diana101210]

@@hernang.naguibin6904 supiste como? estoy haciendo y no me funciona y trate de guiarme desde la pagina oficial y no doy con el chiste

[@sAbbath_]

Cómo se llama el tema de vscode que usas ?

[@eduardocollazos8702]

como haces la flecha?

[@ggmm7463]

pregunta, solo se puede usar instalando, no es como bootstrap? de bajar los archivos y hacer la referencia ?

[@vidamrr]

Así es, no es posible bajar archivos porque justo la característica de Bootstrap es solo generar los estilos que estás usando. Bootstrap funciona diferente al dejarte todos los estilos los uses o no, lo cual en la práctica no es óptimo

[@fabriiiicioxD]

Hola, mi main.css solo tiene 520 lineas mientras que el yuto tiene miles de ellas, que hago para arreglar eso? D:

[@vidamrr]

Quizá es porque no estoy generando el archivo optimizado y tú si. Tailwind va a generar el CSS solo con los estilos que uses, por eso entre menos líneas se puede decir que es mejor

[@karinabelenescobar951]

Buenas :) estoy siguiendo el paso a paso para configurar todo hasta ahora super claro. Me surgió la duda cuando aplicas el primer estilo al hola mundo, ya que no aplicaba nada en mi hoja lo solucione agregando la carpeta public entiendo que es un paso que ya debes tener configurado en tu pc y por eso no lo agregaste pero si me podrías indicar como dejar una carpeta public como global te agradecería.

[@vidamrr]

En el archivo de configuración de Tailwind definimos el parámetro de purge para que detecte los cambios kzbin.info/www/bejne/jJO8dqesjdeip6c

[@MiguelLeonFer]

@@vidamrr Hola Karina. Por favor, como resolviste lo de JIT? Gracias

[@matiasromera330]

excelente

[@rodolfoaravena9231]

cual es el theme?

[@nikoarg7190]

Tengo un problema no se como,manipular la consola, así que. Que recomiendas para empezar a hacelo

[@vidamrr]

empieza por lo básico, es decir, aprende a usar los comandos por default que tienes que usar en tus aplicaciones web, dominar la consola es un mundo por si solo, enfócate en lo que estás trabajando actualmente para aprender solo esa parte como un inicio

[@maurysur81]

Hola Profe, me salta error cuando instalo el "npm run env" tengo windows 10. Me podría dar una mano con eso? Gracias. Excelente Video

[@partucero2000]

npx tailwindcss init -p, "instala tanto el tailwind.config.js como el postcss.config.js", despes.. configura los dos archivos: - tailwind.config.js y postcss.config.js: crea una carpeta src/ y guarda el index.html y un archivo main.css ally - main.css: @tailwind base; @tailwind components; @tailwind utilities; despues... npx tailwindcss -i ./src/main.css -o ./dist/styles.css --watch y listo!

[@EmanuelViez]

Hola, ¿sabrás por qué me dio este error > ? Gracias.

[@markuswater]

Hola, tambien me pasa por eso no pude utilizar las clases arbitrarias :(

[@JoanCermeno]

me sale un error en la instalacion prefixer ERR! code ENOSELF ERR! Refusing to install package with name "tailwindcss" under a package ERR! also called "tailwindcss". Did you name your project the same ERR! as the dependency you're installing?

[@vidamrr]

Ponle a tu carpeta otro nombre

[@albertmunoz8402]

Hola, muy buen tutorial, el único problema es que uso Windows, y no pude realiza el proceso de JIT, me lanzaba error :( por tal razón tampoco podía usar las propiedades arbitrarias, podrías ayudarme con esa cuestión del JIT? Gracias. Grande

[@vidamrr]

Que error te sale Albert?

[@karinabelenescobar951]

Hola Albert, yo tambien tuve un problema con el JIT pero googleando un poco lo resolvi este era mi error "> tailwind_project@1.0.0 build:css > postcss ./src/tailwind.css -o ./public/css/main.css TypeError: Cannot read properties of undefined (reading 'theme')"

[@andrestello5679]

@@karinabelenescobar951 como lo solucionaste?

[@marcelnunez1658]

No entendí lo de ENV, no se que es, me explicas? muy buen video

[@vidamrr]

Env son variables de entorno, se usan en programación para tener configuraciones que en tiempo de ejecución una aplicación lee pero que no están directamente en tu código, Tailwind usa para Windows unas variables de entorno, por eso digo que tienes que instalar un módulo para que Tailwind las pueda leer

[@andrestello5679]

Por alfuna razon que no entiendo, al generar o darle run al scrip build:css no me esta creando ni componentes ni utilidades, tambien hay que decir que el purgea hoy en dia no funciona igual y que dark pide "media" en lugar de false, de resto todo normal en la instalacion, pero es muy raro porque no me cargan ni componentes ni utilidades

[@orlandorivero8067]

tienes que llamarlo cada vez asi npm run build:css

[@nicolasamaya5499]

solo falto como hacer el bundle del proyecto para produccion

[@eljhones18]

Vengo de Carlitos Cuesta