Programación y Tecnología

Curso De Tailwind CSS Gratuito - Tailwind na prática com projetos

Tailwind CSS é um framework CSS que permite construir qualquer design de forma muito rápida. O seu grande beneficio é trazer padrões e estruturas prontas, de forma que após a sua rápida configuração inicial, você já vai poder se concentrar em construir o código. Ao contrário de outros frameworks, como o SASS, o Tailwind CSS oferece padrões e estruturas prontas desde o início. Isso significa que, após a rápida configuração inicial, sua equipe pode imediatamente começar a construir um código consistente e bem documentado. Como o Tailwind CSS já traz tudo configurado, basta que a equipe de desenvolvimento conheça e utilize os padrões do framework, para que o código seja construido da melhor forma possível. O Tailwind CSS é baseado na utilização de classes CSS utilitárias, que são responsáveis por adicionar os estilos no layout, a sintaxe é semelhante à sintaxe de escrever CSS Inline. A diferença do Tailwind para frameworks como o Bootstrap, é que o Tailwind apenas traz as classes utilitárias, ele não traz componenentes prontos como botões, menus e afins. ▶️ O que você vai aprender neste curso gratuito de Tailwind CSS: 1. 🔧 Instalação e configuração do Tailwind CSS 2. 🌈 Personalização do framework, por exemplo, com cores e fontes customizadas 3. 🖌️ Construção de um layout completo a partir do Figma 4. ♻️ Criação de componentes reutilizáveis com Tailwind CSS 5. 🚀 E muito mais Utilizaremos o ReactJS como framework JavaScript neste curso, mas as habilidades que você adquire aqui podem ser aplicadas em outros frameworks, como Vue.JS e Angular. O Tailwind CSS segue a metodologia Mobile First, onde o desenvolvimento é realizado pensando primeiro em dispositivos móveis como Smartphones e Tablets, para depois adaptar esse layout para dispositivos com resoluções maiores como Notebooks e Computadores. Essa metodologia Mobile First foi criada visto que a maioria dos acessos à páginas web são realizados através de dispositivos móveis, não faria sentido seguir o método tradicional Desktop First para desenvolver as páginas e sim em se preocupar com a maioria dos usuários que acessam a internet por dispositivos móveis. O Tailwind CSS é amplamente utilizado no mercado de tecnologia, dominar essa tecnologia vai te deixar mais preparado para alcançar a tão desejada vaga.

Código Ao Ponto
2h 14m
12 lecciones
principiante4.4(5 valoraciones)
Curso De Tailwind CSS Gratuito - Tailwind na prática com projetos
Empezar curso gratis

No requiere registro

Lo que aprenderás

  • Estructurar páginas web semánticas con HTML5
  • Aplicar estilos profesionales con CSS3 y diseño responsive
  • Crear layouts modernos con Flexbox y CSS Grid
  • Implementar animaciones y transiciones CSS
  • Construir sitios web completos y adaptables a cualquier dispositivo

Descripción del curso

Tailwind CSS é um framework CSS que permite construir qualquer design de forma muito rápida. O seu grande beneficio é trazer padrões e estruturas prontas, de forma que após a sua rápida configuração inicial, você já vai poder se concentrar em construir o código. Ao contrário de outros frameworks, como o SASS, o Tailwind CSS oferece padrões e estruturas prontas desde o início. Isso significa que, após a rápida configuração inicial, sua equipe pode imediatamente começar a construir um código consistente e bem documentado. Como o Tailwind CSS já traz tudo configurado, basta que a equipe de desenvolvimento conheça e utilize os padrões do framework, para que o código seja construido da melhor forma possível. O Tailwind CSS é baseado na utilização de classes CSS utilitárias, que são responsáveis por adicionar os estilos no layout, a sintaxe é semelhante à sintaxe de escrever CSS Inline. A diferença do Tailwind para frameworks como o Bootstrap, é que o Tailwind apenas traz as classes utilitárias, ele não traz componenentes prontos como botões, menus e afins. ▶️ O que você vai aprender neste curso gratuito de Tailwind CSS: 1. 🔧 Instalação e configuração do Tailwind CSS 2. 🌈 Personalização do framework, por exemplo, com cores e fontes customizadas 3. 🖌️ Construção de um layout completo a partir do Figma 4. ♻️ Criação de componentes reutilizáveis com Tailwind CSS 5. 🚀 E muito mais Utilizaremos o ReactJS como framework JavaScript neste curso, mas as habilidades que você adquire aqui podem ser aplicadas em outros frameworks, como Vue.JS e Angular. O Tailwind CSS segue a metodologia Mobile First, onde o desenvolvimento é realizado pensando primeiro em dispositivos móveis como Smartphones e Tablets, para depois adaptar esse layout para dispositivos com resoluções maiores como Notebooks e Computadores. Essa metodologia Mobile First foi criada visto que a maioria dos acessos à páginas web são realizados através de dispositivos móveis, não faria sentido seguir o método tradicional Desktop First para desenvolver as páginas e sim em se preocupar com a maioria dos usuários que acessam a internet por dispositivos móveis. O Tailwind CSS é amplamente utilizado no mercado de tecnologia, dominar essa tecnologia vai te deixar mais preparado para alcançar a tão desejada vaga.

Contenido del curso (12 lecciones)

Valoraciones del curso

Sé el primero en valorar este curso

Inicia sesión para valorar este curso y ayudar a otros estudiantes.

Iniciar sesión

Cursos relacionados