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

Подписаться 45 тыс.

Просмотров 5 тыс.

50% 1

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

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

23 май 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 19

@Matias-cy6ve 2 месяца назад

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 2 месяца назад

Muito boa a explicação

@rsoaresctb 2 месяца назад

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 2 месяца назад

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

@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 2 месяца назад

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 2 месяца назад

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 2 месяца назад

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 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 2 месяца назад

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

@raphaeleliass 2 месяца назад

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 2 месяца назад

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

@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 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 2 месяца назад

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

@marceloroldrin 2 месяца назад

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 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 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.