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

Estudando este mês:

e mais 483 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

p/ conclusão

Atividades

153

Minutos de video

2527

Alunos nesse curso

9.1

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Guia de estilos: Montando páginas com componentes

Formação com esse curso

HTML e CSS

Instrutores

Matheus Alberto
Linkedin 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

Figma e guia de estilos
- Recolhendo recursos
- Primeiros passos
- Criando um componente
Arquitetura e ferramentas
- EMMET e IntelliSense
- Melhorando o desenvolvimento
- Variáveis CSS
- Valores complexos
- Mais ferramentas CSS
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
Outros componentes
- O item
- O produto
- O vídeo
- O cabeçalho
Iniciando a página
- O rodapé
- Planejando a Home
- Usando componentes
- Documentação dos componentes
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

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

O curso é bem prático e o conhecimento do EMMET é de alta valia para produtividade em HTML e CSS. Fantástico. Recomendo a todos.

Guia de estilos: Montando páginas com componentes

Akira Nishikawa Tanaka

Vi sobre o Emmet e o Bem em outros cursos e aulas, mas apenas nesse foi aprofundado o seu uso. Recomendo até que esse curso seja adicionado na formação Front-end, achei muito relevante para ser avulso.

Guia de estilos: Montando páginas com componentes

Andrea do Carmo Sousa

Projeto muito legal, com o material do figma com certeza vai dar pra evoluir muito mais o projeto e as habilidades não só de styleguides e css mas de javascript também. Em alguns momentos senti que faltou alguma edição, mas está muito bom!!!

Guia de estilos: Montando páginas com componentes

Murillo Jorge Cunha

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

Acesso a TODOS os cursos da plataforma
Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X

R$85

à vista R$1.020

Matricule-se

Acesso a TODOS os cursos da plataforma
Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

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

Guia de estilos: Montando páginas com componentes

Estudando este mês:

Resumo do curso

Público alvo

Conteúdo relacionado

Última atualização

Já é aluno?

Um pouco mais do conteúdo

Formação com esse curso

Instrutores

Matheus Alberto

Conteúdo Detalhado

Figma e guia de estilos

Arquitetura e ferramentas

Os primeiros componentes

Outros componentes

Iniciando a página

Encerrando a página

Cursos relacionados em HTML e CSS

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Akira Nishikawa Tanaka

Andrea do Carmo Sousa

Murillo Jorge Cunha

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

Plus

Pro

Cursos