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.
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)
Apresentação do Curso Gratuito de TailwindCSS - #1
Instalação do Tailwind, React e criação do repositório no GitHub - Curso Gratuito de TailwindCSS #2
Como Adicionar Fontes Personalizadas no Tailwind CSS - Curso Gratuito de TailwindCSS #3
Como Adicionar Cores Customizadas no Tailwind CSS - Curso Gratuito de TailwindCSS #4
O Que São Classes Utilitárias no Tailwind CSS ? - Curso Gratuito de TailwindCSS #5
Como saber qual classe utilizar no Tailwind CSS ? - Curso Gratuito de TailwindCSS #6
Como Utilizar Medias Queries no Tailwind CSS - Curso Gratuito de TailwindCSS #7
Criando o Componente Reutilizável de Botão com Tailwind CSS - Curso Gratuito de TailwindCSS #8
Criando o Componente Reutilizável de Cabeçalho com Tailwind CSS - Curso Gratuito de TailwindCSS #9
Criando a Seção de Calendário na Landing Page - Curso Gratuito de TailwindCSS #10
Criando a Seção de Testemunhas na Landing Page - Curso Gratuito de TailwindCSS #11
Como instalar o Tailwind CSS no Nuxt 3 - (Aula Bônus) - Curso Gratuito de TailwindCSS #12
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