Formações Front-end CSS: aprofunde em estilos

Formação CSS: aprofunde em estilos

Aprofunde seus conhecimentos em CSS

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura

36h

Para conclusão

Cursos

Vídeo extra

Artigos

Aprofunde seus conhecimentos em CSS

Com a diversidade de dispositivos (celulares, tablets, notebooks, smartTVs, etc.) utilizados para acessar aplicações atualmente, cada modelo apresenta um tamanho de tela diferente.

O CSS apresenta soluções de layouts para essa nova realidade, com conceitos como Grid e Flexbox que permitem organizar elementos em uma página, facilitando a vida da pessoa desenvolvedora.

Nesta Formação você terá a oportunidade de aprofundar os conhecimentos e se especializar na construção de aplicações com design responsivo e estilizados com CSS.

Como pré-requisito, é importante que você tenha familiaridade com HTML e CSS, se não tem, aqui na Alura temos uma formação que pode te ajudar.

Vamos mergulhar?

Por que estudar esta formação?

Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

Luan Alves
Sou Luan Alves, estudante de Análise e Desenvolvimento de Sistemas, instrutor de Desenvolvimento Front-End no Grupo Alura. Estou aqui para ajudar a tirar suas dúvidas, aprender e compartilhar conhecimento. :)
Luan Alves
Sou Luan Alves, estudante de Análise e Desenvolvimento de Sistemas, instrutor de Desenvolvimento Front-End no Grupo Alura. Estou aqui para ajudar a tirar suas dúvidas, aprender e compartilhar conhecimento. :)
Beatriz Moura
Estudante de Analise e Desenvolvimento de Sistemas, troquei a área da saúde e mergulhei em programação!Apaixonada por desenvolvimento Front-end e entusiasta de UX/UI Design.Descobri a paixão por ensinar sendo monitora durante uma outra graduação de ensino, onde também era presidente de Liga Acadêmica e Diretora de Mídia no Diretório Acadêmico.Atualmente sou Instrutora e Desenvolvedora de Software na Alura e já fiz parte do Scuba Team de Front-end.
Beatriz Moura
Estudante de Analise e Desenvolvimento de Sistemas, troquei a área da saúde e mergulhei em programação!Apaixonada por desenvolvimento Front-end e entusiasta de UX/UI Design.Descobri a paixão por ensinar sendo monitora durante uma outra graduação de ensino, onde também era presidente de Liga Acadêmica e Diretora de Mídia no Diretório Acadêmico.Atualmente sou Instrutora e Desenvolvedora de Software na Alura e já fiz parte do Scuba Team de Front-end.
DIEGO CARLOS MARTINS GAYOSO
Brasiliense, apaixonado por games e programação.
DIEGO CARLOS MARTINS GAYOSO
Brasiliense, apaixonado por games e programação.
Juliana Amoasei
Desenvolvedora JavaScript com background multidisciplinar, sempre aprendendo para ensinar e vice-versa. Acredito no potencial do conhecimento como agente de mudança pessoal e social. Atuo como instrutora na Escola de Programação da Alura e, fora da tela preta, me dedico ao Kung Fu e a nerdices em geral.
Juliana Amoasei
Desenvolvedora JavaScript com background multidisciplinar, sempre aprendendo para ensinar e vice-versa. Acredito no potencial do conhecimento como agente de mudança pessoal e social. Atuo como instrutora na Escola de Programação da Alura e, fora da tela preta, me dedico ao Kung Fu e a nerdices em geral.

Passo a passo

1 Layouts com Grid e Flexbox
Neste primeiro passo você aprenderá como se constrói páginas com as melhores práticas do mercado, conhecendo conceitos de mobile-first e responsividade. Você aprenderá como criar layouts em celulares, tablets e dispositivos desktop em uma página por meio de linhas e colunas utilizando Flexbox e CSS Grid Layout. Também entenderá unidades de medidas mais usadas, como dimensionar a altura das linhas e a largura das colunas, como espaçar e alinhar elementos, além da importante adaptação da responsividade com minmax() e flex-grow.
- Artigo CSS: o que é, como usar no HTML e um Guia para iniciar | Alura
- Artigo Flexbox CSS: guia completo, elementos e exemplos | Alura
- Curso CSS: Flexbox e layouts responsivos
  06h
- Artigo CSS Object-fit: trabalhando com proporções | Alura
- Alura+ CSS FlexBox: distribua elementos de forma responsiva
- Curso CSS: construindo layouts com Grid
  06h
2 SaSS e Tailwind
No segundo passo você evoluirá ainda mais em suas habilidades com estilos! Com o framework de CSS Tailwind, você aplicará conceitos de estilização, posicionamento, alinhamento de elementos e adaptação a responsividade de uma página HTML de uma maneira muito mais ágil com as classes utilitárias. Além disso trabalhará com o compilador mais utilizado do mercado! Com o SaSS, você estará apto a utilizar variáveis, funções, mixins e muito mais com uma sintaxe totalmente compatível com CSS.
- Curso SASS e CSS: estilizando um site
  08h
- Curso Tailwind CSS: estilizando a sua página com classes utilitárias
  08h
3 Grid e Flexbox na prática
Agora que você já mergulhou em todos os cursos dessa formação de CSS: Estilos, você reunirá os seus conhecimentos em Flexbox e Grid em um projeto com os cenários ideais, compatíveis com essas duas abordagens.
- Curso Praticando CSS: Grid e Flexbox
  06h