Tailwind CSS: Fundamentos

Aprenda a criar um site moderno com o TailwindCSS passo a passo e com exemplos.

Aprenda a criar um site moderno com o TailwindCSS passo a passo e com exemplos. Você aprenderá o que é o Tailwind CSS, o framework CSS que está mudando a forma como trabalhamos com CSS. Você descobrirá e experimentará o que o torna diferente dos outros. Este curso economizará o trabalho de estudar e pesquisar, e você aprenderá os fundamentos desde o início para poder criar qualquer site que você propuser. Aprenda a usar o Tailwind CSS neste curso abrangente. Adapte a página a diferentes tamanhos de tela (design responsivo). Aplique estados CSS. Projete um modo escuro. Reutilize seus estilos (princípio de não repetição). Aprenda a instalar e usar plugins. Como projeto do curso, você construirá uma página de destino para um site semelhante ao Netflix usando classes de utilidade do Tailwind CSS. Você irá melhorá-la e completá-la passo a passo. Resumo do curso: Você verá todas as maneiras de instalar e configurar o Tailwind CSS, incluindo maneiras de criar protótipos rápidos. Você configurará o Visual Studio Code e eu mostrarei os plugins que uso para trabalhar confortavelmente. Você instalará o Tailwind CSS e suas dependências, deixando tudo pronto para começar a trabalhar. Você construirá uma página de destino semelhante ao Netflix otimizada para dispositivos móveis. Você adaptará a página a diferentes tamanhos de tela, também conhecido como design responsivo. Você adicionará estados CSS, como quando passar o mouse sobre um botão. Você saberá como configurar sua página com um modo escuro automático. Para evitar repetição de código, você aprenderá a criar classes personalizadas que poderá reutilizar. Você também dominará os plugins oficiais do Tailwind CSS: Tipografia: para estilizar textos (por exemplo, aqueles provenientes de um banco de dados). Formulários: para moldar formulários. Line-Clamp: para limitar textos e alcançar boa harmonia visual (agora incluído por padrão). Além disso, após cada módulo de lições, você fará um teste de conhecimento para verificar se não perdeu nada importante. Você tem acesso ao repositório onde publico o código-fonte das páginas. Com este curso, você terá uma base sólida para construir qualquer página que você propuser, com lições claras e práticas. Se você ainda não decidiu, pode assistir a algumas lições gratuitamente. E é claro, se tiver alguma dúvida, pode perguntar na seção de perguntas e respostas, onde eu as responderei. Nos vemos lá dentro!

O que você aprenderá

- Instalar e configurar o ambiente ideal para trabalhar com o Tailwind CSS. - Construir uma página do zero, seguindo os últimos padrões de desenvolvimento web. - Adaptar a página a diferentes tamanhos de tela (design responsivo). - Aplicar estados CSS. - Implementar um modo escuro automático. - Reutilizar classes (princípio de não repetição). - Usar os plugins oficiais do criador do Tailwind CSS.