Curso de Guia de estilos: Montando páginas com componentes

Faça esse curso de HTML e CSS e:

• Entenda o processo de desenvolvimento de páginas web a partir de uma ferramenta de layout, como Figma
• Aprenda a estruturar o projeto com arquitetura de CSS
• Conheça o Emmet e IntelliSense CSS, ferramentas para agilizar a escrita de códigos
• Melhore a manutenção de códigos com variáveis CSS
• Crie componentes a partir de um guia de estilos
• Desenvolva uma página utilizando componentes

Conteúdo Detalhado

1. Figma e guia de estilos

   • Recolhendo recursos
   • Primeiros passos
   • Criando um componente

2. Arquitetura e ferramentas

   • EMMET e IntelliSense
   • Melhorando o desenvolvimento
   • Variáveis CSS
   • Valores complexos
   • Mais ferramentas CSS

3. Os primeiros componentes

   • O input
   • Para saber mais: Padrão BEM CSS
   • O cartão
   • O título
   • Para saber mais: Componentes
   • Variações de componentes

4. Outros componentes

   • O item
   • O produto
   • O vídeo
   • O cabeçalho

5. Iniciando a página

   • O rodapé
   • Planejando a Home
   • Usando componentes
   • Documentação dos componentes

6. Encerrando a página

   • As primeiras seções
   • Seção produto
   • Seção vídeo
   • Documentação dos componentes