haha! valeu demais, Ághata! A ideia é justamente condensar a informação em vídeos pequenos pra que a pessoa consiga aprender mais em menos tempo. É claro que algumas coisas ficam de fora do vídeo (inclusive a minha respiração 😅), mas a ideia é ensinar 80% do conteúdo em 20% do tempo. Os outros 20% de conteúdo, a pessoa pode decidir se vale a pena ou não pesquisar, dependendo da situação. Obrigado pelo comentário e elogio!
Exatamente! Assusta de início, mas você acaba aprendendo a 'interpretar' essas classes visualmente. Hoje em dia, depois de muito uso, eu leio as classes do tailwind do mesmo jeito que eu leio instruções css.
Obrigado pelo comentário! É tudo questão de perspectiva. Eu estou super feliz de ter mais de 600 subs só com 4 vídeos publicados! O problema é que eu não gosto de ficar enchendo linguiça com vídeo sem valor só pra subir no algoritmo. Os vídeos que eu publiquei são o stack que eu uso hoje em dia (Remix, Prisma, Tailwind e Typescript).
caraca amigo, bem que você poderia voltar fazer esse conteudo, muito informativo e bom, até entrei pra ver se teria videos de outras linguagens, mas bem, sucesso e muito obrigado.
Nunca tive contato com Tailwind e somente com este vídeo consegue compreender de forma simples e prática como funciona, muito boa a explicação, parabéns!
Muito claro e objetivo. De fato aprendi muito nesses 13:37. Obrigado por compartilhar. Acabei de me inscrever no seu canal e assim que puder vou assistir os outros vídeos dessa série. Se possível, mais conteúdo sobre tailwindcss. Valeu
Meu amigo, que incrível!! eu já estava ficnado desanimado pois não consegui aprender esse tal de tailwind, de forma alguma. e com teu video, pude conseguir entender o conceito.!!, muito grato
Valeu pelo comentário! O Tailwind CSS tem essa primeira impressão mesmo. Demorou pra 'clicar' na minha mente os benefícios etc. Agora o problema vai ser usar qualquer outra solução 😅
SENSACIONAL! Ajudou demais, em menos de 14min eu que ja tinha conhecimento de css, consigo começar um projeto com tailwind e sair do outro lado. Valeu demais Luis
Valeu, Davi! Esse era justamente o o objetivo desses vídeos curtos e diretos ao ponto. Tem muita coisa avançada ainda pra você aprender com a documentação e mais experiência com o framework, mas com esse conteúdo que passei vc consegue pegar o básico pra sair criando suas interfaces com qualidade!
Obrigado Luís salvou a vida de um estudante de programação, que em 13:37 pude assimiliar, aprender e entender o que levaria umas semanas, salvou demais, Deus te abençoe sempre.
Para textos Cor: text-red-200 Tamanho: text-base, text-xl, ... ------------------------------------- Espaçamentos padding: p- (paddingleft: ml-, paddingright: mr-, ....) margin: m- (marginleft: ml-, marginright: mr-, ....) width: w- height: h- ------------------------------------ Pseudo Classe hover A div ficará vermelha ao passar o cursor ------------------------------------ Responsividade Tablet: md (md:bg-red-500) Celular: sm (sm:bg-green-500) ------------------------------------ Flex box flex: display flex flex-col: alinhar em coluna flex-row: alinhar em linha gap-4: gap de 4px ------------------------------------ Grid grid: Ativa o grid grid-cols-2: Adiciona 2 colunas col-span-2: Elemento irá ocupar 2 colunas ------------------------------------ Transições e Efeitos O elemento irá crescer de tamanho ao passar o mouse com uma transição ------------------------------------ Para configuração de cores e Espaçamentos tailwindcss.com/docs/configuration ------------------------------------ DENADA
Show de bola, David. Que bom que consegui elucidar alguns pontos 😅 O resto é prática. Com o tempo, você vai memorizando as classes mais utilizadas e nem precisa mais olhar a documentação!
Mto bom! Simples e direto ao ponto! Ontem eu passei a noite quebrando a cabeça pra implementar o tailwind num projeto pessoal, consegui mas não estava entendendo como usar. Valeu!
Obrigado pelo comentário, Daniel! Segue com o Tailwind que é sucesso. No começo, vai ser um pouco chato você ter que ficar alternando entre o seu editor de código e a documentação a todo momento (eu passei por isso). Em 1 ou 2 semanas você já vai ter decorado uns 80% do que usa no dia-a-dia e o processo fica muito melhor.
Cara, vc é brabo dms!!!! Deu um show na explicação. Entendi enquanto tomava banho. Parabéns!!! Mais um escrito e sino balançando na espera do próximo vídeo! Parabéns
Muito obrigado por esse resumão, no momento não pretendo estudar Tailwind, por estar focando em outras tecnologias, mas me deu uma ótima visão geral sobre como ele funciona.
@@luisrudge também sou desses. Gosto de ir direto ao ponto. O que acho ruim dos vídeos de programação é a pessoa escrever o código durante a aula. É mais produtivo já vir com o código escrito e apenas explicá-lo. Segue adiante que será sucesso!
Valeu pelo comentário! Não tem vergonha nenhuma. A gente usa o que funciona pra gente. Quando outra coisa começa a funcionar melhor, a gente troca 😅 Não tem como sair do Bootstrap direto pro Tailwind CSS sem antes pensar em como fazer com os componentes, já que o Tailwind não tem nenhum componente. É um processo que precisa bastante pesquisa mesmo!
@@luisrudge Amigo. Você precisa voltar a fazer esses vídeos! Sua abordagem é excepcional. Direta e reta sem ficar cozinhando o galo, rsrsrs. Se estiver colhendo pedidos, meu voto vai pra Astro com Htmx 🤗
Muito foda, parabéns. De fato tem uns 90% de tudo que precisa no dia a dia para lhe dar com tailwind, já saí do vídeo arregaçando no tailwind e só precisei de uma coisa que não tinha no vídeo. Parabéns.
o que não aprendi em um curso de 8h, aprendi agora em 13:37
haha! valeu demais, Ághata! A ideia é justamente condensar a informação em vídeos pequenos pra que a pessoa consiga aprender mais em menos tempo. É claro que algumas coisas ficam de fora do vídeo (inclusive a minha respiração 😅), mas a ideia é ensinar 80% do conteúdo em 20% do tempo. Os outros 20% de conteúdo, a pessoa pode decidir se vale a pena ou não pesquisar, dependendo da situação.
Obrigado pelo comentário e elogio!
Vc pode ter aprendido algo em 8 horas, mas aquele resumão ajuda muito a fixar.
esse cara é fera, tem curso irmão?
Excelente! Tailwind assusta pelo tamanho das infos em uma linha, mas com uma explicação dessa o bicho de sete cabeças vira um gatinho hahahaha
Exatamente! Assusta de início, mas você acaba aprendendo a 'interpretar' essas classes visualmente. Hoje em dia, depois de muito uso, eu leio as classes do tailwind do mesmo jeito que eu leio instruções css.
Os mais eficientes minutos gastos pra aprender Tailwind. Obrigado. Top!
Parabéns man, estou sem palavras com a qualidade da sua didática!!
Obrigado demais pelo comentário!
Vídeo fantástico, muito explicativo, ensinou em 13:37 o que cursos levam horas.
Como que esse canal não tem mais reconhecimento? Aprendi demais nesses 13 minutos, muito obrigado!
Obrigado pelo comentário! É tudo questão de perspectiva. Eu estou super feliz de ter mais de 600 subs só com 4 vídeos publicados! O problema é que eu não gosto de ficar enchendo linguiça com vídeo sem valor só pra subir no algoritmo. Os vídeos que eu publiquei são o stack que eu uso hoje em dia (Remix, Prisma, Tailwind e Typescript).
Cara por favor faça mais vídeo, esse foi o melhor que já vi na vida, um sobre react, ou sei lá
Excelente vídeo!!! Me ajudou muito!
conteúdo bom demais! muito obrigado man :D
Rapaz... Esse cara é bão, hein 😅. Parabéns
Valeu pelo comentário, Saulo!
caraca amigo, bem que você poderia voltar fazer esse conteudo, muito informativo e bom, até entrei pra ver se teria videos de outras linguagens, mas bem, sucesso e muito obrigado.
Fantástico amei
Que aula espetacular, ta de parabéns professor
Que didática boa! Ótimo conteúdo!
Didática incrível!
Nunca tive contato com Tailwind e somente com este vídeo consegue compreender de forma simples e prática como funciona, muito boa a explicação, parabéns!
Obrigado pelo comentário e bons estudos!
Seu vídeo ficou incrível! Me deu muita vontade de começar a usar o Tailwind
Eu usava o styled-components, mas tailwind foi a melhor coisa q ja usei
Boa, Eduardo. Aqui, estou no mesmo barco. Se eu puder decidir o que usar daqui pra frente, vai ser Tailwind CSS com certeza.
Video maravilhoso, obrigado pelos ensinamentos.
Queria curtir duas vezes, mas não tem jeito. Video curto e muito bom.
Que didática fantástica.... Obrigado por compartilhar teu conhecimento.
Obrigado pelo comentário!
Mais didático que isso impossível. Parabéns bro.
mds! melhor explicação, os outros enrolam e não falam nada. Parabens Luís agr senti mais vontade de testar o tailwind pareceu muito fácil agr
Valeu, Victor! Essa foi a ideia mesmo. Tentar simplificar ao máximo pras pessoas entenderem o suficiente pra explorar o Tailwind CSS sozinhas.
Sou dev flutter e não conhecia o canal, tava curioso e cai aqui e mt boa a didática parabéns.
Tá de parabéns, Luis! Vídeo muito bom, e extremamente didático! Ajudou muito!
mt bom, eu nao sabia que dava para mudar a tonalidade com cores personalizadas! mt legal!
Que bom que gostou! Dá pra fazer quaaaase tudo com Tailwind padrão. Se criar um plugin customizado, daí vc consegue fazer tudo tudo 😅
Conteudo aplicado direto, no ponto, sem rodeios. Parabens!
Excelente video!
Valeu, Raffael!
MUITO BOM!!!!!!
Obrigado pelo vídeo amigo.
Oh loko parceiro, que aula!
Ótimo conteúdo! já sabia mexer com tailwind e mesmo assim em 13 minutos ainda consegui absorver mais conhecimentos
Obrigado pelo comentário, Pedro!
Conteúdo excelente! Parabéns!
Obrigado pelo comentário!
Show !
Muito simplificado , parabéns pelo conteúdo.
Espetacular 👏👏👏
perfeito 🎉 objetivo e ágil
Valeu, Rodrigo!
13 minutos incrivelmente bem utilizados, valeu mais que algumas horas de curso 😅
Que show!!! Parabéns!!!!
Valeu, Rafael!
Muito claro e objetivo. De fato aprendi muito nesses 13:37. Obrigado por compartilhar. Acabei de me inscrever no seu canal e assim que puder vou assistir os outros vídeos dessa série. Se possível, mais conteúdo sobre tailwindcss. Valeu
Valeu, Marcelo! O que você gostaria de ver sobre tailwind? Criação de componentes? Técnicas avançadas?
@@luisrudge isso mesmo. Tenho uma base, mas apanho em iniciar um layout do zero, principalmente uso do flex e grid. Obrigado
video excelente. Parabéns!
Meu amigo, que incrível!! eu já estava ficnado desanimado pois não consegui aprender esse tal de tailwind, de forma alguma. e com teu video, pude conseguir entender o conceito.!!, muito grato
Valeu pelo comentário! O Tailwind CSS tem essa primeira impressão mesmo. Demorou pra 'clicar' na minha mente os benefícios etc. Agora o problema vai ser usar qualquer outra solução 😅
Tudo que eu precisava. Parabéns pelo vídeo. Sensacional
Valeu pelo comentário, Thiago!
Parabéns, Luis, pela capacidade de sintetização. Direto ao ponto.
Obrigado pelo comentário!
Por mais vídeos assim, diretos ao ponto, sem a síndrome da celebridade.
SENSACIONAL! Ajudou demais, em menos de 14min eu que ja tinha conhecimento de css, consigo começar um projeto com tailwind e sair do outro lado. Valeu demais Luis
Valeu, Davi! Esse era justamente o o objetivo desses vídeos curtos e diretos ao ponto. Tem muita coisa avançada ainda pra você aprender com a documentação e mais experiência com o framework, mas com esse conteúdo que passei vc consegue pegar o básico pra sair criando suas interfaces com qualidade!
Obrigado Luís salvou a vida de um estudante de programação, que em 13:37 pude assimiliar, aprender e entender o que levaria umas semanas, salvou demais, Deus te abençoe sempre.
Valeu, Bruno! Muito bom ler comentários assim! Bons estudos 🎉
@@luisrudge obrigado professor!
Sensacional. Obrigado pelo vídeo, ajudou bastante
Muito bom. Tem vídeos aí de 1h q n ensina metade do que foi ensinado nesse. Parabéns!
Para textos
Cor: text-red-200
Tamanho: text-base, text-xl, ...
-------------------------------------
Espaçamentos
padding: p- (paddingleft: ml-, paddingright: mr-, ....)
margin: m- (marginleft: ml-, marginright: mr-, ....)
width: w-
height: h-
------------------------------------
Pseudo Classe hover
A div ficará vermelha ao passar o cursor
------------------------------------
Responsividade
Tablet: md (md:bg-red-500)
Celular: sm (sm:bg-green-500)
------------------------------------
Flex box
flex: display flex
flex-col: alinhar em coluna
flex-row: alinhar em linha
gap-4: gap de 4px
------------------------------------
Grid
grid: Ativa o grid
grid-cols-2: Adiciona 2 colunas
col-span-2: Elemento irá ocupar 2 colunas
------------------------------------
Transições e Efeitos
O elemento irá crescer de tamanho ao passar o mouse com uma transição
------------------------------------
Para configuração de cores e Espaçamentos
tailwindcss.com/docs/configuration
------------------------------------
DENADA
Video incrível! Super didático! Obrigada!
Obrigado pelo comentário, Kimberly!
Como eu não conhecia esse canal antes? Vídeo incrível! Exatamente o que eu precisava. Muito obrigada! Por favor, continue postando vídeos!!!!!
Obrigado pelo comentário, Tayná!
Direto ao ponto, com clareza e qualidade! Por mais vídeos assim! Obrigado pelo material mestre!
Valeu pelo comentário, Yuri! Essa é a ideia mesmo: sem enrolação. Que bom que curtiu!
Excelente vídeo! Muito obrigado e parabéns!
Obrigado pelo comentário, George!
Que canal incrivel! Mais um inscrito
Parabéns pelo vídeo, em pouco tempo trouxe mais conteúdo que muitos vídeos longos. Parabéns novamente.
Valeu, Adriano!
Shooowww demais. Didática maravilhosa. Parabéns por explicar tão bem. 🎉🎉🎉🎉🎉🎉
Valeu demais pelo comentário!
Olha, eu estava meio indeciso em como estilizar um projetivo que estou fazendo, mas esse vídeo me convenceu hehehhehehe
Valeu pelo comentário, Danilo! Boa sorte no projeto!
Excelente aula!!
Bom demais, parabéns!
Valeu Luís!!! Foi uma ótima introdução
Legal, Hugo! Que bom que curtiu. Obrigado pelo comentário.
Video perfeito e muito bem explicado, graças a vc consegui usar legal o talwind
Valeu pelo comentário! Crédito seu que conseguiu absorver o conteúdo 🎉
só uma palavra, sensacional
parabéns, sua didática é ótima, aprendi muito em tão pouco tempo.
Valeu pelo comentário!
Mano, muito obrigado!!1 Peguei um projeto de React com Tailwind e Vite e tava PERDIDASSO. Essa extensão ai tbm foi MUITO útil
Show de bola, David. Que bom que consegui elucidar alguns pontos 😅 O resto é prática. Com o tempo, você vai memorizando as classes mais utilizadas e nem precisa mais olhar a documentação!
Oi amigo, aprendi muito, parabéns pela didática!
Valeu, Conrado!
Que aula! Parabéns pelo conteúdo.
Valeu pelo comentário!
Ganhaste um novo seguidor.
Maravilha, Osvaldo! Obrigado por seguir! Já tá usando Tailwind CSS em produção?
Excelente material!
Cara!!! gratidão....
Muito obrigado, clareou as ideias.
Gostei to ate seguindo o canal agora, eu sabia que era muito parecido com o bootstrap mais é muito mais flexível
Mto bom! Simples e direto ao ponto! Ontem eu passei a noite quebrando a cabeça pra implementar o tailwind num projeto pessoal, consegui mas não estava entendendo como usar. Valeu!
Obrigado pelo comentário, Daniel! Segue com o Tailwind que é sucesso. No começo, vai ser um pouco chato você ter que ficar alternando entre o seu editor de código e a documentação a todo momento (eu passei por isso). Em 1 ou 2 semanas você já vai ter decorado uns 80% do que usa no dia-a-dia e o processo fica muito melhor.
Já ganhou uma inscrita! Parabéns, vídeo excelente.
A qualidade dos seus vídeos é impressionante. Continue assim!
Valeu, Andrew!
Cara, vc é brabo dms!!!! Deu um show na explicação. Entendi enquanto tomava banho. Parabéns!!! Mais um escrito e sino balançando na espera do próximo vídeo! Parabéns
Valeu pelo comentário!
Migrando do Bootstrap, excelente explicação, valeu!!
Excelente vídeo mesmo. Grato amigo
Obrigado pelo comentário!
Parabéns, vídeo sensacional!
Valeu, Matheus!
Excelente
Muito obrigado por esse resumão, no momento não pretendo estudar Tailwind, por estar focando em outras tecnologias, mas me deu uma ótima visão geral sobre como ele funciona.
Valeu, Bruno! Essa é a ideia mesmo. Conhecer o básico e daí decidir se vale a pena ou não ir mais a fundo. Boa sorte nos estudos!
que aulão
Sensacional! Vídeo curto, direto e bem didático. Parabéns, Luís!
Valeu, Bruno! Eu gosto de aprender assim, então achei que seria uma boa tentar ensinar assim tb 😅
@@luisrudge também sou desses. Gosto de ir direto ao ponto. O que acho ruim dos vídeos de programação é a pessoa escrever o código durante a aula. É mais produtivo já vir com o código escrito e apenas explicá-lo. Segue adiante que será sucesso!
Que top, estou aprendendo a programar, você poderia fazer isso com outras tecnologias ?
html, css , bootstrap entre outras ?
muito bom!
Valeu, Gabriel!
Maravilhoso, vou precisar dessa beleza para usar no Rails
Obrigado pelo comentário!
Muito bom! Obrigado por compartilhar com a gente esse conhecimento, direto e reto na explicação kkk assim que é bom
Direto e reto é como eu gosto de aprender também! Sem firulas kkkk
Explicação muito boa, show demais!
Valeu, Diogo! Que bom que gostou!
Arrepiou! Parabéns!!
Parabéns pelo vídeo!
Obrigado pelo comentário!
Rápido, claro e objetivo. Seu canal merece muito mais reconhecimento, parabéns e obrigado pela qualidade do conteúdo.
Valeu, Luiz! O seu comentário, assim como os outros, mostra que a galera está curtindo essas explicações sem enrolação!
Nossa. Que vídeo tutorial!!. Top demais. Agora fiquei com vergonha de ficar usando Bootstrap por tanto tempo 😢
Valeu pelo comentário! Não tem vergonha nenhuma. A gente usa o que funciona pra gente. Quando outra coisa começa a funcionar melhor, a gente troca 😅 Não tem como sair do Bootstrap direto pro Tailwind CSS sem antes pensar em como fazer com os componentes, já que o Tailwind não tem nenhum componente. É um processo que precisa bastante pesquisa mesmo!
@@luisrudge Amigo. Você precisa voltar a fazer esses vídeos! Sua abordagem é excepcional. Direta e reta sem ficar cozinhando o galo, rsrsrs. Se estiver colhendo pedidos, meu voto vai pra Astro com Htmx 🤗
@@BrandevTech Sem cozinhar o galo eu nunca ouvi hahah. Valeu pelo comentário!
Incrível a dinamica dos vídeos desse canal!!
Valeu, Tarcisio!
Excelente video! Parabéns pelo conteúdo.. Explicativo ao EXTREMO!
Valeu, Kelvin!
muito bomm!
Muito foda, parabéns. De fato tem uns 90% de tudo que precisa no dia a dia para lhe dar com tailwind, já saí do vídeo arregaçando no tailwind e só precisei de uma coisa que não tinha no vídeo. Parabéns.
Valeu, João! O que não tinha no vídeo que você precisou procurar?
@@luisrudge gradientes.
massa demais, fico um pouco assim do código ficar mais “poluído” mas vou tentar começar a usar
Show, parabéns. Me ajudou muito! Valeu
Eu te amo
Muita calma nessa hora 🤣 que bom que curtiu!
Muito bom o conteúdo do vídeo. Acabei de me inscrever no seu canal.
Valeu, Saulo!
Parabens pela didatica, fera demais.
Valeu, Lucas!
Excelente! Obrigado!
Valeu, Ferraz!