Fale com a gente no WhatsApp Fale com a gente no WhatsApp

Curso de Tailwind CSS - Primeiros passos

Descubra como criar designs incríveis com o curso de Tailwind CSS Fundamentos!

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 03h40 de vídeos
  • Certificado com 12 horas
  • 21 exercícios

Sobre o curso

Tailwind CSS é um framework que nos permite criar layouts para aplicações web através do uso de utility-first, são classes utilitárias que representam propriedades CSS, como: width, border e background.

Este curso visa passar o conceito desta ferramenta e o conhecimento inicial de como trabalhar com este framework CSS

Tailwind CSS é um framework que nos permite criar layouts para aplicações web através do uso de utility-first, são classes utilitárias que representam propriedades CSS, como: width, border e background.

Este curso visa passar o conceito desta ferramenta e o conhecimento inicial de como trabalhar com este framework CSS

O que irá aprender?

Neste curso iremos aprender como aplicar estilizações para os nossos elementos e trabalhar com diversos elementos através do Tailwind CSS. Além disso, também veremos alguns conceitos sobre o Tailwind.

Entre outras coisas, você verá:

  • O que é Tailwind CSS;
  • Uso de utility first;
  • Como instalar o Tailwind via NPM;
  • Adicionar e personalizar fontes;
  • Estilizar elementos utilizando apenas framework;
  • Trabalhar com backgrounds;
  • Manipulação de imagens;
  • Criação de cards com imagens;
  • Aplicando pseudo classes para criar interações entre a página web e o usuário.

Pra quem é esse curso?

Este curso é voltado para todas as pessoas que desejam aprender a trabalhar com framework, visando conseguir desenvolver seus projetos básicos até os mais avançados, através desta ferramenta muito utilizada, Tailwind CSS.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Sobre o professor

Rafael Oliveira

Rafael Oliveira

Cursando Desenvolvimento de Sistemas na Escola Técnica Estadual Doutora Ruth Cardoso, atualmente se especializando no Front End com objetivo de se tornar um Full Stack. Nas horas vagas costuma cozinhar, pois é apaixonado pela área da culinária.

Conteúdo programático

  1. Conceitos Fundamentais

    Nessa primeira aula, iremos aprender alguns conceitos fundamentais para começarmos as aplicações com o Tailwind CSS.

    9 aulas
    • Apresentação
    • O que é Tailwind CSS
    • Utility-first
    • Instalação do Node.js - Windows, Mac e Linux
    • Instalando o Tailwind CSS
    • O código-fonte deste curso está no GitHub!
    • Gerando CSS apenas com as classes utilizadas
    • Instalando Tailwind Intellisense
    • Questionário
  2. Trabalhando com espaçamentos

    Já na segunda aula, iremos aprender a trabalhar com espaçamentos, desde as aplicações de espaçamentos externos e internos, como margens e padding, até os espaçamentos entre os elementos, como gap.Também veremos as aplicações de bordas e suas estilizações.

    7 aulas
    • Margin
    • Padding
    • Bordas
    • Border-radius
    • Space
    • Gap
    • Questionário
  3. Largura e Altura

    Na terceira aula, iremos aprender a aplicar largura e altura nos elementos através das classes fornecidas pelo Tailwind CSS.

    7 aulas
    • Width
    • Max-width
    • Min-width
    • Height
    • Min-height
    • Max-height
    • Questionário
  4. Tipografia

    Na quarta aula, veremos toda a parte de tipografia, desde alteração de tamanho das letras, até os espaçamentos aplicados entre linhas e letras.

    7 aulas
    • Adicionando fontes
    • Tamanho de fonte
    • Cores da fonte
    • Peso da fonte
    • Estilo de fonte
    • Espaçamento entre linhas e letras
    • Questionário
  5. Backgrounds

    Nesta aula, aprenderemos diversas aplicações com a propriedade background.

    6 aulas
    • Background-image
    • Background-size
    • Background-position
    • Background-color
    • Background-gradient
    • Questionário
  6. Trabalhando com imagens

    Já na sexta aula, iremos aprender a manipular imagens, realizar alterações na sua altura e largura e criar cards utilizando imagens.

    5 aulas
    • Inserindo imagens
    • Definindo largura para imagem
    • Definindo altura para imagem
    • Criação de cards com imagens
    • Questionário
  7. Pseudo classe

    Por fim, na sétima aula, veremos o que são pseudo classes e como criamos interações entre a página web e o usuário através delas.

    6 aulas
    • O que são pseudo classes
    • Hover
    • Focus
    • Active
    • Disabled
    • Questionário
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

  • Exelente! Direto ao ponto.

  • Muito bom, gostei da didática

    Depoimento - Rafael
    Tailwind CSS - Primeiros passos
    Rafael Francisco Morato / SP
  • Excelente curso, muito bem explicado.

    Depoimento - Arthur
    Tailwind CSS - Primeiros passos
    Arthur Belo Horizonte / MG
  • Curso Excelente, otimos professores, explicação muito boa...ja estou adquirindo o proximo curso c# avançado. Indico para qualquer um e garanto um dos melhores curso que ja fiz. Parabens a toda equipe.

    Depoimento - Fabrício
    C# (C Sharp) Básico
    Fabrício Cariacica / ES
  • Já fui e paguei caro por um curso de C# que não me instruiu em nada, pois não tinha o conhecimento básico. Aí arrisquei no TreinaWeb, pois sempre tive preconceito com cursos assim... a distancia. Sempre achei que presencial com uma pessoa ali do seu lado era a melhor forma... estava enganado... Ótimo curso, didática excelente. E vamos agora para o Intermediário. Vlw equipe do TreinaWeb

    Depoimento - Leonardo
    C# (C Sharp) Básico
    Leonardo Nilópolis / RJ
  • Bom, já tinha um conhecimento em programação C#, resolvi fazer o básico só por fazer e me surpreendi, vi muitas coisas novas, entendi melhor vários conceitos, enfim, estou a caminho do intermediário e recomento é um ótimo curso.

    Depoimento - Roberto
    C# (C Sharp) Básico
    Roberto Itaquaquecetuba / SP
  • Gostei muito do curso, ele abriu minha mente para o Visual Studio e o C#, deixando bem claro os usos das ferramentas. Assim como me ajudou a revisar de forma bem pratica os principais conceitos de Programação Orientada a Objetos. Recomendo.

    Depoimento - William
    C# (C Sharp) Básico
    William Poços de Caldas / MG
  • Esse curso para mim foi um desafio que eu recebi na empresa que eu trabalho, me fizerem uma proposta para eu aprender e me certificar em C# .NET em 90 dias. Esse curso foi minha salvação! Agora vamos para o Intermediário e por fim o Avançado!!! Agradeço...

    Depoimento - David
    C# (C Sharp) Básico
    David Fortaleza / CE
  • Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.

    Depoimento - Dimitrius
    C# (C Sharp) Básico
    Dimitrius Três Corações / MG

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
Por apenas
12x R$ 75,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!