Front-end > HTML e CSS
curso de

Guia de estilos: Montando páginas com componentes

Faz parte dos cursos de HTML e CSS em Front-end. Discussões sobre esse curso

Estudando esse mês:

Mônica Mazzochi Hillman ALEXANDER DOS SANTOS COELHO Mário Junior Tadeu Martins dos Santos Júnior Vitor Melo Mendes

e mais 205 alunos(as)

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

1165

Alunos nesse curso

9

Nota deste curso

Certificado de participação

Instrutores

  • Matheus Alberto

    linkedin Linkedin github Github

    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

Cursos relacionados em HTML e CSS

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

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

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

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

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

Cursos

Cursos de Programação
Lógica | Python | PHP | Java | .NET | Node JS | C | Computação | Jogos | IoT
Cursos de Front-end
HTML, CSS | React | Angular | JavaScript | jQuery
Cursos de Data Science
SQL e Banco de Dados | NoSQL | Data Science | Machine Learning | BI | Estatística | Excel
Cursos de DevOps
AWS | Azure | Docker | Segurança | IaC | Linux
Cursos de UX & Design
Photoshop e Illustrator | Usabilidade e UX | Vídeo e Motion | 3D
Cursos de Mobile
Flutter, React Native | iOS e Swift | Android, Kotlin | Jogos
Cursos de Inovação & Gestão
Métodos Ágeis | Softskills | Liderança e Gestão | Startups | Vendas