Curso de

Desenvolvimento Web 2020 (HTML5+CSS3): Módulo 5 de 5

HTML5+CSS3-05

Curso de

Desenvolvimento Web 2020 (HTML5+CSS3): Módulo 5 de 5

HTML5+CSS3-05


IMPORTANTE

Certificado: Para emissão do certificado será necessário marcar todas as aulas como conluídas e acertar no mínimo 70% das questões do teste final.

Contagem da carga horária: Este curso possui uma carga horária acadêmica total baseada em múltiplas atividades desempenhadas pelo aluno, incluindo o tempo dos vídeos, resolução de exercícios, práticas extras, etc. Para maiores informações, consulte nossa área de perguntas frequentes.

Tire suas dúvidas em

nosso fórum de ajuda

O passo que transforma seus layouts

Chegou a hora de dominar recursos que deixam qualquer interface mais limpa, organizada e agradável de usar. Neste quinto módulo, o aluno aprofunda técnicas de CSS3 para criar páginas modernas e responsivas, com foco prático e linguagem simples do professor Gustavo Guanabara. A proposta é ir além do básico e desenvolver um olhar de front-end profissional, entendendo por que cada decisão de estilo torna o site melhor para quem navega.

O que você vai aprender, na prática e com propósito

A jornada passa por fundamentos essenciais de design responsivo e organização do CSS, além de tipografia, transições e animações que dão fluidez à navegação. Tudo é aplicado com estratégia: primeiro você entende os conceitos, depois exercita, sempre com exemplos que simulam situações de projetos reais. O objetivo é ganhar segurança para construir interfaces bem acabadas, sem abrir mão de desempenho e manutenção simples.

Flexbox em linguagem direta

Você aprende a pensar o layout a partir de um contêiner e seus itens, controlando direção, alinhamentos e quebras de linha do jeito certo. A lógica de eixos facilita centralizações, distribuições equilibradas e adaptações a diferentes tamanhos de tela. O resultado é um controle fino do espaço, evitando rolagens laterais e mantendo tudo legível do celular ao desktop.

Grid Layout para composições precisas

Quando a página pede um visual mais elaborado, entra o Grid. A grade multidimensional permite definir áreas, proporções e posicionamentos com liberdade, abrindo caminho para layouts completos e personalizáveis. Você aprende a combinar teoria, propriedades de contêiner e itens, e shorthands que agilizam o dia a dia.

Do estudo à entrega: seu portfólio online

Para consolidar o aprendizado, o módulo fecha com a criação de um portfólio completo. É a chance de reunir suas formações e projetos, organizar seções com clareza, incorporar mídia e publicar em hospedagem estática. Além de treinar o que foi visto com Flexbox e Grid, você ganha uma vitrine para mostrar seu trabalho de forma profissional.

Como as aulas funcionam na plataforma

Para concluir o módulo, é necessário assistir às aulas pela plataforma, seguir a sequência proposta e marcar cada vídeo como concluído somente após assistir até o fim. Ao final, há uma prova com aproveitamento mínimo de 70%. Esse fluxo garante estudo consistente, prática e revisão dos conteúdos.

Caso precise de suporte individual e comunidade ativa de estudos, existe uma plataforma parceira citada nas aulas, com tutoria, fórum e recursos extras.

FAQ

Preciso ter feito os módulos anteriores para acompanhar este?

É fortemente recomendado, pois os módulos anteriores constroem a base de HTML e CSS, incluindo responsividade e boas práticas que serão usadas intensamente aqui.

Qual é o foco deste módulo?

Dominar Flexbox e Grid Layout, entender quando usar cada um e aplicar tudo em um projeto final de portfólio.

Conteúdo do Curso

Lição
Capítulo 27 Aula 1 – Introdução ao Flexbox
Capítulo 27 Aula 2- Direções e eixos
Capítulo 27 Aula 3 – Empacotamento e fluxo
Capítulo 27 Aula 4 – Alinhamentos nos eixos
Capítulo 27 Aula 5 – Centralização com Flexbox
Capítulo 27 Aula 6 – Alinhamento empacotado
Capítulo 27 Aula 7 – Anatomia dos itens Flexbox
Capítulo 27 Aula 8 – Tamanho base dos itens
Capítulo 27 Aula 9 – Pode crescer ou diminuir
Capítulo 27 Aula 10 – Simplificando com flex
Capítulo 27 Aula 11 – Menu com Flexbox (Parte1)
Capítulo 27 Aula 12 – Menu com Flexbox (Parte 2)
Capítulo 27 Aula 13 – Menu Com Flexbox (Parte 3)
Capítulo 27 Aula 14 – Conteúdo Flexível (Parte 1)
Capítulo 27 Aula 15 – Conteúdo Flexível (Parte 2)
Capítulo 27 Aula 16 – Flexbox Froggy (parte 1)
Capítulo 27 Aula 17 – Flexbox Froggy (parte 2)
Capítulo 28 Aula 01 – O que é Grid Layout
Capítulo 28 Aula 02 – Anatomia do Grid
Capítulo 28 Aula 03 – Propriedades Container
1 de 2