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

8,9

Nota desse curso

199

Alunos neste curso

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

Primeira aula de Guia de estilos: Montando páginas com componentes

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 relacionado

Cursos de HTML e CSS em Front-end

Leia nossos artigos de Front-end

Público alvo

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

Nível de Dificuldade

Intermediário

Última atualização

07/07/2020

Já é aluno?

Começar o Curso

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

  • 1176 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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • 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

  • 1176 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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • 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

  • 1176 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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • 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

  • 1176 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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • 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
Procurando planos para empresas?
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana