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 of 2