36h

Para conclusão

5
Cursos
1
Vídeo extra
3
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?

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

  • 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. :)

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

  2. 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
      • Aprenda como utilizar os recursos do pré-processador SASS em seus projetos
      • Crie folhas de estilos de fácil leitura
      • Crie códigos reutilizáveis com mixins, @extend e parent selector
      • Modularize as folhas de estilo com partial
      • Utilize as variáveis para colorir e ajustar o layout de uma landing page (site)
      • Faça operações matemáticas para construir layouts
    • Curso Tailwind CSS: estilizando a sua página com classes utilitárias

      08h
      • Construa um projeto utilizando Tailwind CSS
      • Identifique quais as principais diferenças entre o Bootstrap e o Tailwind CSS
      • Implemente customizações em seu projeto com o tailwind.config
      • Modifique o alinhamento e posicionamento dos elementos
      • Experimente estilizar elementos com o uso das classes utilitárias
      • Produza uma animação do zero para a Alura Newsletter
  3. 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
      • Construa um projeto responsivo praticando com Flexbox e Grid, com base no mobile-first
      • Calcule a largura das colunas e altura das linhas de um Grid Layout
      • Entenda alteração de eixos com Flexbox
      • Desenhe templates por meio das áreas do Grid
      • Crie alinhamentos e espaçamentos com Flexbox e Grid

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas