Tudo que você precisa saber de CSS antes de usar Tailwind

ASSINE A PLATAFORMA COMPLETA DA ROCKETSEAT POR 5 ANOS COM ATÉ 74% DE DESCONTO: rseat.in/nyaSfioZG
TailwindCSS é algo que está em destaque no ecossistema do desenvolvimento front-end, o Diegão mesmo é um cara que tem falado muito bem dele e do quão nativo esse projeto está ficando com as novas versões.
Mas pra quem tá começando, talvez não seja ideal pular direto pra essa ferramenta na hora de encarar a estilização. Até porque existem muitas coisas pra dominar no CSS puro antes de partir pra um facilitador.
Eu te explico melhor o motivo disso tudo aqui nesse video. Bora conferir.
Mais conteúdo?
↪ maykbrito.dev

Пікірлер: 19

  • @Matias-cy6ve
    @Matias-cy6ve2 ай бұрын

    Até para quem sabe CSS já é meio chato pois mts vezes a gente se acostuma com o CSS normal e quando vamos para o Tailwind, é como se todo o CSS estivesse na cabeça só q vc trava pois precisa saber os nomes das classes e sempre tem q ficar consultando a doc, mas nada q algumas horas n resolvam esse problema. Depois de ter uma boa base do Tailwind, realmente é notável uma velocidade na construção do estilo de uma página.

  • @FredBCavalheiro
    @FredBCavalheiro2 ай бұрын

    Muito boa a explicação

  • @rsoaresctb
    @rsoaresctb2 ай бұрын

    Tailwind abre um mundo de possibilidades, permite produtividade, eficiencia e qualidade. Aliado a vue ou react os componentes se tornam outros. Criei uma lib de componentes e uso ela em todos meus projetos, não uso quase nada de terceiros.

  • @maykbrito

    @maykbrito

    2 ай бұрын

    Opa!! É open source? Compartilha com a gente 💜

  • @rsoaresctb

    @rsoaresctb

    2 ай бұрын

    @@maykbrito Maykão, esse projeto ainda é closed source 😞, fiz ele com Vue3(na pegada do quasar, primefaces e etc...), e o backend fiz no laravel(criei meu proprio inertiajs usando axios), um dia se Deus me permitir quero compartilhar ele com a comunidade e ver ele se tornar algo grande como quasar, afinal, modéstia à parte, o meu funciona melhor 😁

  • @fernandocosta3307
    @fernandocosta33072 ай бұрын

    Ainda bem que não desisti do tailwindcss. Mas falo uma coisa, se o dev não tiver uma boa base de "css normal", vai sofrer muuuuito com tailwindcss, pode até desistir, achando que o problema é o tailwind.

  • @murilodllx
    @murilodllx2 ай бұрын

    Estou estudando front fazem 7 semanas. Em um curso que comprei a pessoa usa tailwind. Quando comecei a usar, eu achei muito estranho e falei comigo mesmo "Porque usar essa bosta?". Depois de alguns dias usando, eu achei incrível e muito prático, óbvio que o meu css é básico. Fiz algumas landing pages em css puro, mas preciso aprimorar muito para dominar. Inclusive, desenvolvi um projeto utilizando react, e optei por usar o css modules por "treinar" mais o css simples, antes de utilizar tailwind de fato.

  • @fict3205
    @fict32052 ай бұрын

    Maykao, estou com um certo domínio já com o tailwind, mas ainda não consegui aprender a fazer design responsivo no tailwind, pode fazer uma vídeo-aula a respeito? Ajudaria muito!! Eu e muitos outros acredito!

  • @VVVVVVVVVVVVVVVVVVVVVVVVVZ

    @VVVVVVVVVVVVVVVVVVVVVVVVVZ

    2 ай бұрын

    tailwind é mobile first, pra tu fazer responsividade nele primeiro tu tem que fazer o css para o mobile e depois ir adicionando o sm md lg para ele alterar com o aumento de tela

  • @diegolimatavaresursini6359
    @diegolimatavaresursini63592 ай бұрын

    vídeo do pai maikão, do óbvio e simplesmente o mesmo. sucesso.

  • @raphaeleliass
    @raphaeleliass2 ай бұрын

    Comigo foi ao contrário, consegui entender muito mais do css puro através do tailwind... Tailwind foi um divisor de águas pra mim e aliado ao react fica melhor ainda.

  • @maykbrito

    @maykbrito

    2 ай бұрын

    Opaa!! Legal saber disso! Mas você aprendeu primeiro CSS mesmo, certo? Ou aprendeu primeiro Tailwind para depois estudar o CSS ?

  • @raphaeleliass

    @raphaeleliass

    2 ай бұрын

    @MaykBrito Salve, Mayk!! Primeiro aprendi o básico do CSS (bem básico mesmo). Só fui pegar a manha de flexbox, grid, positions, animations e transform com o Tailwind... E, para fixar bem, eu peguei todos os meus projetos e refiz com o Tailwind. O que eu levava 3 dias para fazer, refiz em 1. Seus vídeos e os do Diego serviram como referência pra mim.

  • @vitvitvitvitvitvitvitvit

    @vitvitvitvitvitvitvitvit

    2 ай бұрын

    ​@@raphaeleliassacontecia isso com o bootstrap também. A galera sabia fazer uns grids top por lá, mas via css normal não. Porém, o tailwind é preciso ter uma base no css melhor, porque a classe é mínima (representa somente um único atributo no css). Diferentemente do bootstrap, não tem uma classe que já deixa o botão/input todo estilizado, você precisa setar vários atributos: background, text-color, border-radium, font-size, font-weight... mas se tu tá conseguindo aprender de boa, então dale

  • @fabriciosantuchi6424
    @fabriciosantuchi64242 ай бұрын

    não acho tailwind dificil acho que ele polui muito o html mais é costume ne klkkkk

  • @marceloroldrin
    @marceloroldrin2 ай бұрын

    Na moral... Eu ainda não estou convencido com o argumento de que o Bootstrap vai te travar na criatividade. Tem tantos temas com base no Bootstrap... Eu, particularmente, não uso o tailwind. Nada contra tbm 😅

  • @fernandocosta3307

    @fernandocosta3307

    2 ай бұрын

    O que eu acho ruim no bootstrap é que as aplicações ficam com a mesma cara. Se a pessoa conhecer o bootstrap, na hora que ela olhar pro site ela vai saber que foi usado bootstrap. Isso me incomoda bastante.

  • @marceloroldrin

    @marceloroldrin

    2 ай бұрын

    @@fernandocosta3307 Mas isso é uma vantagem. Se você quer um padrão e não quer ter trabalho, use Bootstrap. E você pode personalizar do seu gosto, claro. Porém, em todos os casos, eu concordo com o vídeo de que você precisa saber CSS.

Келесі