curso de

Guia de estilos: Montando páginas com componentes

Resumo do curso

  • 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

Público alvo

Desenvolvedores que querem montar páginas a partir de ferramentas de layout como Figma.

Conteúdo relacionado

Cursos de HTML e CSS em Front-end

Leia nossos artigos de Front-end

Última atualização

07/07/2020

Já é aluno?

Comece o curso agora

8h

p/ conclusão

49

Atividades

153

Minutos de video

845

Alunos nesse curso

9

Nota deste curso

Certificado de participação

Instrutores

  • Formado em Sistemas de Informação na FIAP e em Design Gráfico na Escola Panamericana de Artes e Design. Trabalho como desenvolvedor e instrutor na Caelum e Alura. Nas horas vagas sou artista/ilustrador.

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

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

Aprenda HTML e CSS com esse e outros cursos, comece agora!

  • 1273 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 1273 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 1273 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 1273 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas