No video
Aprenda em
Рет қаралды 35,641
Жыл бұрынAprenda em 13:37 - conteúdo prático e direto ao ponto, respeitando o seu tempo!
Boas-vindas à série "Aprenda em 13:37"! Aqui, você encontrará vídeos curtos e concisos sobre desenvolvimento de software, com conteúdo prático e direto ao ponto. Não perca a chance de melhorar suas habilidades e se destacar na área. Assista agora e comece a aprender em 13:37!
O Tailwind CSS é uma ferramenta poderosa para desenvolvedores que desejam criar interfaces de usuário de alta qualidade de forma mais rápida e eficiente.
Ao invés de criar classes CSS personalizadas para cada elemento, o Tailwind CSS fornece uma variedade de classes pré-definidas que podem ser facilmente combinadas para criar designs complexos. Além disso, o Tailwind CSS é altamente customizável, permitindo que você crie seu próprio conjunto de classes CSS para se adequar ao seu projeto específico.
Se você gostou, não se esqueça de compartilhar com outras pessoas e se inscrever no canal.
Sua opinião é importante, então deixe um comentário e me conta o que achou.
Até o próximo vídeo!
00:19 Introdução: O que é o Tailwind CSS?
00:45 Conhecendo o play.tailwindcss.com
01:04 Estilizando elementos com css tradicional
01:55: Elementos: Estilizando textos
02:43: Elementos: Cor de fundo
03:04: Elementos: Espaçamentos e tamanhos
04:13: Elementos: Pseudo-classes
04:47: Elementos: Responsividade
05:15: Layouts: Flexbox
06:28: Layouts: Grid
07:30: Efeitos: Transições
08:08: Customização: Cores
09:35: Customização: Tamanhos
10:40: Instalação: Instalando no seu projeto
12:58: Instalação: Tailwind CSS IntelliSense
- Extensão pro VSCode: marketplace.vi...
- Plugin para ordenar as classes no html: github.com/tai...
#tailwindcss
#css
#webdevelopment
#frontend
Que tal me seguir no twitter? / luisrudge
@agathamagnus3439 Жыл бұрын
o que não aprendi em um curso de 8h, aprendi agora em 13:37
@luisrudge Жыл бұрын
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!
@mutv70 Жыл бұрын
Vc pode ter aprendido algo em 8 horas, mas aquele resumão ajuda muito a fixar.
@alexm8035 4 күн бұрын
Que didática fantástica.... Obrigado por compartilhar teu conhecimento.
@luisrudge 3 күн бұрын
Obrigado pelo comentário!
@brunoliveiraab115 16 күн бұрын
Excelente! Muito Obrigado!
@victorhonda8827 Жыл бұрын
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
@luisrudge Жыл бұрын
Valeu, Victor! Essa foi a ideia mesmo. Tentar simplificar ao máximo pras pessoas entenderem o suficiente pra explorar o Tailwind CSS sozinhas.
@donhigorini Жыл бұрын
Como que esse canal não tem mais reconhecimento? Aprendi demais nesses 13 minutos, muito obrigado!
@luisrudge Жыл бұрын
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).
@agenteplays1 29 күн бұрын
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.
@JoaoVitor-hf9em 2 күн бұрын
Pica demaisss!!
@edu_amr Жыл бұрын
Eu usava o styled-components, mas tailwind foi a melhor coisa q ja usei
@luisrudge Жыл бұрын
Boa, Eduardo. Aqui, estou no mesmo barco. Se eu puder decidir o que usar daqui pra frente, vai ser Tailwind CSS com certeza.
@dvpatrick1203 14 күн бұрын
Top, trás um vídeo do chadcn, iria ser um gancho p esse video tbm
@pnhx95 Ай бұрын
Mais didático que isso impossível. Parabéns bro.
@pedroandriotti5640 2 ай бұрын
Ótimo conteúdo! já sabia mexer com tailwind e mesmo assim em 13 minutos ainda consegui absorver mais conhecimentos
@luisrudge 2 ай бұрын
Obrigado pelo comentário, Pedro!
@michaelbittencourt138 Ай бұрын
muito bomm!
@saulo_foot 11 ай бұрын
Rapaz... Esse cara é bão, hein 😅. Parabéns
@luisrudge 11 ай бұрын
Valeu pelo comentário, Saulo!
@vasconcelosdev 2 ай бұрын
Sou dev flutter e não conhecia o canal, tava curioso e cai aqui e mt boa a didática parabéns.
@cassiogp Ай бұрын
Muito bom! Obrigado!
@autogere 9 ай бұрын
Conteudo aplicado direto, no ponto, sem rodeios. Parabens!
@pc_jean 3 ай бұрын
Muito bom o video, fala da "diferença" entre MongoDB e mysql e como usá-los?
@raffaelrameh14 9 ай бұрын
Excelente video!
@luisrudge 9 ай бұрын
Valeu, Raffael!
@KimberlySoulef 7 ай бұрын
Video incrível! Super didático! Obrigada!
@luisrudge 7 ай бұрын
Obrigado pelo comentário, Kimberly!
@GeorgeBentes 7 ай бұрын
Excelente vídeo! Muito obrigado e parabéns!
@luisrudge 7 ай бұрын
Obrigado pelo comentário, George!
@kairocosta6469 2 ай бұрын
Gostei to ate seguindo o canal agora, eu sabia que era muito parecido com o bootstrap mais é muito mais flexível
@gabrielscarvalhoo 3 ай бұрын
video excelente. Parabéns!
@wessleysilva7812 2 ай бұрын
Tá de parabéns, Luis! Vídeo muito bom, e extremamente didático! Ajudou muito!
@vicfrmbrzl 4 ай бұрын
Seu vídeo ficou incrível! Me deu muita vontade de começar a usar o Tailwind
@ssergiomaia 3 ай бұрын
Muito bom. Tem vídeos aí de 1h q n ensina metade do que foi ensinado nesse. Parabéns!
@lWhiplashl Жыл бұрын
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
@luisrudge Жыл бұрын
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.
@williansantos746 2 ай бұрын
MUITO BOM!!!!!! Obrigado pelo vídeo amigo.
@YuriCordeiro Жыл бұрын
Direto ao ponto, com clareza e qualidade! Por mais vídeos assim! Obrigado pelo material mestre!
@luisrudge Жыл бұрын
Valeu pelo comentário, Yuri! Essa é a ideia mesmo: sem enrolação. Que bom que curtiu!
@andresalomaoca 7 ай бұрын
Shooowww demais. Didática maravilhosa. Parabéns por explicar tão bem. 🎉🎉🎉🎉🎉🎉
@luisrudge 7 ай бұрын
Valeu demais pelo comentário!
@ThiagoLeatherArtisan Ай бұрын
Tudo que eu precisava. Parabéns pelo vídeo. Sensacional
@luisrudge Ай бұрын
Valeu pelo comentário, Thiago!
@tonsantos Жыл бұрын
parabéns, sua didática é ótima, aprendi muito em tão pouco tempo.
@luisrudge Жыл бұрын
Valeu pelo comentário!
@romuloneedy Жыл бұрын
Excelente vídeo mesmo. Grato amigo
@luisrudge Жыл бұрын
Obrigado pelo comentário!
@klebercoelho 3 ай бұрын
que aula em, parabens!
@rodrigobarss 7 ай бұрын
perfeito 🎉 objetivo e ágil
@luisrudge 7 ай бұрын
Valeu, Rodrigo!
@matheusrotta1589 Жыл бұрын
Parabéns, vídeo sensacional!
@luisrudge Жыл бұрын
Valeu, Matheus!
@marcelorafael23 9 ай бұрын
Espetacular 👏👏👏
@osvaldocariege2926 Жыл бұрын
Ganhaste um novo seguidor.
@luisrudge Жыл бұрын
Maravilha, Osvaldo! Obrigado por seguir! Já tá usando Tailwind CSS em produção?
@davimarra2146 9 ай бұрын
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
@luisrudge 9 ай бұрын
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!
@luucaasvaz Жыл бұрын
excelente vídeo, valeu!
@luisrudge Жыл бұрын
Valeu pelo comentário e apoio, Lucas!
@beerredesigner 7 ай бұрын
Parabéns, Luis, pela capacidade de sintetização. Direto ao ponto.
@luisrudge 7 ай бұрын
Obrigado pelo comentário!
@khyquer 8 ай бұрын
Excelente, obrigado1
@carlosqueiroz3243 4 ай бұрын
Queria curtir duas vezes, mas não tem jeito. Video curto e muito bom.
@_GhostDev Ай бұрын
Por mais vídeos assim, diretos ao ponto, sem a síndrome da celebridade.
@adrianocouto9412 9 ай бұрын
Parabéns pelo vídeo, em pouco tempo trouxe mais conteúdo que muitos vídeos longos. Parabéns novamente.
@luisrudge 9 ай бұрын
Valeu, Adriano!
@diovanimatos1438 8 ай бұрын
só uma palavra, sensacional
@leandroslopes2395 Жыл бұрын
Sensacional!!!
@luisrudge Жыл бұрын
Valeu, Leandro!
@bsantozs 9 ай бұрын
Bom demais, parabéns!
@vicfrmbrzl Жыл бұрын
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 Жыл бұрын
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!
@brunosantos3674 6 ай бұрын
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.
@luisrudge 6 ай бұрын
Valeu, Bruno! Muito bom ler comentários assim! Bons estudos 🎉
@brunosantos3674 6 ай бұрын
@@luisrudge obrigado professor!
@daniloaraujosilva658 7 ай бұрын
Olha, eu estava meio indeciso em como estilizar um projetivo que estou fazendo, mas esse vídeo me convenceu hehehhehehe
@luisrudge 7 ай бұрын
Valeu pelo comentário, Danilo! Boa sorte no projeto!
@kelvinargolo2717 Жыл бұрын
Excelente video! Parabéns pelo conteúdo.. Explicativo ao EXTREMO!
@luisrudge Жыл бұрын
Valeu, Kelvin!
@newandersondasilvasouza7394 4 ай бұрын
Show ! Muito simplificado , parabéns pelo conteúdo.
@EmersonCarvalho13 6 ай бұрын
Top, gostei muito!!
@luisrudge 5 ай бұрын
Valeu, Emerson!
@gawanferreira4234 6 ай бұрын
Muito bom
@haroldojunior9910 4 ай бұрын
Oh loko parceiro, que aula!
@nataliaartigasQ 2 ай бұрын
Conteúdo excelente! Parabéns!
@luisrudge 2 ай бұрын
Obrigado pelo comentário!
@lestevesl Жыл бұрын
Rápido, claro e objetivo. Seu canal merece muito mais reconhecimento, parabéns e obrigado pela qualidade do conteúdo.
@luisrudge Жыл бұрын
Valeu, Luiz! O seu comentário, assim como os outros, mostra que a galera está curtindo essas explicações sem enrolação!
@davidoratoria 2 ай бұрын
Que canal incrivel! Mais um inscrito
@cristyanhenrich5427 6 ай бұрын
excelente!
@Rafaelpld Жыл бұрын
Que show!!! Parabéns!!!!
@luisrudge Жыл бұрын
Valeu, Rafael!
@LeonardoBPG 8 ай бұрын
Excelente material!
@ThalysXavier Жыл бұрын
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
@luisrudge Жыл бұрын
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 😅
@user-el9rw9ib1f Жыл бұрын
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
@luisrudge Жыл бұрын
Valeu pelo comentário!
@bytaynavenancio 5 ай бұрын
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!!!!!
@luisrudge 5 ай бұрын
Obrigado pelo comentário, Tayná!
@hildeandantas1166 3 ай бұрын
Video perfeito e muito bem explicado, graças a vc consegui usar legal o talwind
@luisrudge 3 ай бұрын
Valeu pelo comentário! Crédito seu que conseguiu absorver o conteúdo 🎉
@TioJobs Жыл бұрын
Parabéns pelo vídeo! top d+! ❤
@luisrudge Жыл бұрын
Valeu pelo comentário!
@saulomedeiros4643 10 ай бұрын
Muito bom o conteúdo do vídeo. Acabei de me inscrever no seu canal.
@luisrudge 10 ай бұрын
Valeu, Saulo!
@pauloricardomaltaleal3558 Жыл бұрын
Otimo video!!
@luisrudge Жыл бұрын
Valeu pelo comentário, Paulo!
@celiocarcalto Жыл бұрын
muito bom...ganhou um inscrito
@luisrudge Жыл бұрын
Valeu demais, Célio!
@rique0601 2 ай бұрын
Excelente aula!!
@hugosimoes6332 Жыл бұрын
Valeu Luís!!! Foi uma ótima introdução
@luisrudge Жыл бұрын
Legal, Hugo! Que bom que curtiu. Obrigado pelo comentário.
@PedroHenriquedosSantos 11 ай бұрын
Muito obrigado, clareou as ideias.
@davidrocha4767 3 ай бұрын
Mano, muito obrigado!!1 Peguei um projeto de React com Tailwind e Vite e tava PERDIDASSO. Essa extensão ai tbm foi MUITO útil
@luisrudge 3 ай бұрын
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!
@gustavovoltolini9456 10 ай бұрын
Que aula! Parabéns pelo conteúdo.
@luisrudge 10 ай бұрын
Valeu pelo comentário!
@rarozodev 8 ай бұрын
Aqui vi valor, Parabéns
@samirdourado Жыл бұрын
Muito bom seu conteudo e sua didática, melhor explicação impossível !
@luisrudge Жыл бұрын
Valeu demais pelo comentário, Samir!
@lucasdias1348 Жыл бұрын
achei muito top sua didática, pois vai direto ao ponto eu não havia assistido nada sobre o Tailwind mas desenvolvo com bootstrap, consegui absorver muita coisa. Obrigado!
@luisrudge Жыл бұрын
Valeu pelo comentário, Lucas!
@diogomanzoli Жыл бұрын
Explicação muito boa, show demais!
@luisrudge Жыл бұрын
Valeu, Diogo! Que bom que gostou!
@monstru2457 Жыл бұрын
Que delícia de conteúdo meu amigo. Muito obrigado por disponibilizar!
@luisrudge Жыл бұрын
Valeu pelo comentário!
@BrValorantStats Жыл бұрын
Great
@jaguara1 11 ай бұрын
Migrando do Bootstrap, excelente explicação, valeu!!
@marcelogomes6922 6 ай бұрын
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
@luisrudge 6 ай бұрын
Valeu, Marcelo! O que você gostaria de ver sobre tailwind? Criação de componentes? Técnicas avançadas?
@marcelogomes6922 6 ай бұрын
@@luisrudge isso mesmo. Tenho uma base, mas apanho em iniciar um layout do zero, principalmente uso do flex e grid. Obrigado
@bugman10 Жыл бұрын
muito bom
@luisrudge Жыл бұрын
Valeu pelo comentário, bugman!
@lucasminzoni8344 Жыл бұрын
Parabens pela didatica, fera demais.
@luisrudge Жыл бұрын
Valeu, Lucas!
@claudioromanosp 6 ай бұрын
Obrigado, me ajudou muito
@luisrudge 6 ай бұрын
Que bom, Claudio! Começou a usar no trabalho ou tá querendo aprender mais?
@claudioromanosp 6 ай бұрын
@@luisrudge no trabalho
@osvaldocariege2926 Жыл бұрын
Cara!!! gratidão....
@gabrielmenezes7755 5 ай бұрын
Muito bom! Obrigado por compartilhar com a gente esse conhecimento, direto e reto na explicação kkk assim que é bom
@luisrudge 5 ай бұрын
Direto e reto é como eu gosto de aprender também! Sem firulas kkkk
@oismaelash Жыл бұрын
Muito bomm!
@luisrudge Жыл бұрын
Valeu, Ismael!
@Lucas_Cavallcante 23 күн бұрын
você tem curso? caramba que explicação sensacional!! s
@luisrudge 22 күн бұрын
Obrigado pelo comentário! Tenho alguns cursos gravados e distribuídos pela Platzi. platzi.com.br/profes/luisrudge/ são um pouco antigos, porém os assuntos ainda estão bem atuais. Nos cursos, eu consigo ir muito mais a fundo em todos esses assuntos!
@marcoznto Жыл бұрын
Obrigado!
@luisrudge Жыл бұрын
Valeu pelo comentário!
@andrewribeiro6430 11 ай бұрын
A qualidade dos seus vídeos é impressionante. Continue assim!
@luisrudge 11 ай бұрын
Valeu, Andrew!
@fabiobarboza7 Жыл бұрын
Mano, parabéns! Crash top.
@luisrudge Жыл бұрын
Valeu, Fábio!
@heltonjohn07 Жыл бұрын
Incrível!! Conteúdo de excelente qualidade! Parabéns.
@luisrudge Жыл бұрын
Valeu, Helton! Tem mais outros dois vídeos no canal, rapidinhos que nem esse, pra você dar uma olhada 👀
@LEVIUTIMA 3 ай бұрын
que aulão
@valkthegreat8948 Жыл бұрын
Maravilhoso, vou precisar dessa beleza para usar no Rails
@luisrudge Жыл бұрын
Obrigado pelo comentário!
@BrandevTech 6 ай бұрын
Nossa. Que vídeo tutorial!!. Top demais. Agora fiquei com vergonha de ficar usando Bootstrap por tanto tempo 😢
@luisrudge 6 ай бұрын
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!
@BrandevTech 6 ай бұрын
@@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 🤗
@luisrudge 6 ай бұрын
@@BrandevTech Sem cozinhar o galo eu nunca ouvi hahah. Valeu pelo comentário!
@nelsinhoz1 11 ай бұрын
Que simplicidade na explicação, achei sensacional! Que Deus te abençoe irmão 🙌👏
@luisrudge 11 ай бұрын
Valeu pelo comentário, Nelson!
@tariknavarro87 4 ай бұрын
Parabéns pelo vídeo!
@luisrudge 4 ай бұрын
Obrigado pelo comentário!
@Gabweb95 6 ай бұрын
muito bom!
@luisrudge 6 ай бұрын
Valeu, Gabriel!
@ConradoSaud Жыл бұрын
Oi amigo, aprendi muito, parabéns pela didática!
@luisrudge Жыл бұрын
Valeu, Conrado!
Fireship
Рет қаралды 1,3 МЛН
Declan
Рет қаралды 7 М.
Lukas | Web Development & Design
Рет қаралды 138 М.
Lukas | Web Development & Design
Рет қаралды 121 М.
Web Dev Simplified
Рет қаралды 98 М.