Jornada de aprendizado front-end

Meus estudos de HTML5 & CSS3 em um só lugar

Uma coletânea organizada de tudo que construí aprendendo desenvolvimento web: exercícios por módulo, desafios práticos e projetos completos — do primeiro parágrafo em HTML ao layout responsivo com Flexbox e Grid.

Ver projetos Explorar módulos
0
Projetos
0
Módulos
0
Exercícios
0
Desafios
HTML5
CSS3
JavaScript
destypc.github.io/Curso-HTML-CSS
Projeto Açaí
Açaí da Serra
Projeto Loja
SprintMax
Projeto Jornal
Pontes NEWS
Projeto Redes Sociais
Redes Sociais
Projeto Portfólio
Portfólio Pessoal
Portfólio

Projetos práticos

Sites completos desenvolvidos ao longo do curso, aplicando tudo na prática — do design à responsividade.

Portfólio Pessoal
Abrir
Portfólio

Portfólio Pessoal

Página de apresentação com skill bars, seções de formação e alternância de tema.

Açaí da Serra
Abrir
Cardápio + Carrinho

Açaí da Serra

Landing de delivery com catálogo de produtos e carrinho de compras em JavaScript.

SprintMax
Abrir
E-commerce

SprintMax

Loja de artigos esportivos premium com vitrine de produtos e visual moderno.

Pontes NEWS
Abrir
Editorial

Pontes NEWS

Portal de notícias com matéria sobre Inteligência Artificial e layout de jornal.

Redes Sociais
Abrir
Mobile UI

Redes Sociais

Simulação de app dentro de um frame de celular, navegando entre telas de redes sociais.

Tela de Login
Abrir
Formulário

Tela de Login

Interface de autenticação com fundo imersivo, formulário estilizado e responsividade.

Exercícios

Módulos do curso

Os exercícios estão organizados em cinco módulos, seguindo a progressão do básico ao avançado.

Módulo 01 · 17 exercícios

Fundamentos do HTML

Estrutura da página, texto, imagens, links, mídia, listas e tabelas — a base de tudo.

Ver exercícios
Módulo 02 · 6 exercícios

Introdução ao CSS

Cores, fontes, seletores, pseudo-classes e o modelo de caixas (box model).

Ver exercícios
Módulo 03 · 2 exercícios

CSS Avançado

Imagens de fundo, padrões e tabelas totalmente estilizadas com CSS.

Ver exercícios
Módulo 04 · 3 exercícios

Layout & Responsividade

Iframes, formulários e media queries para telas de todos os tamanhos.

Ver exercícios
Módulo 05 · 2 exercícios

Flexbox & Grid

Layouts modernos e alinhamento avançado com Flexbox e CSS Grid.

Ver exercícios
Prática guiada

Desafios

Projetos-desafio propostos ao longo do curso para consolidar o conteúdo de cada fase.

Site Android

Reprodução fiel de uma página sobre o mascote do Android usando fontes e imagens externas.

Abrir desafio

Cordel Moderno

Página de cordel com imagem de fundo, tipografia temática e estrutura semântica.

Abrir desafio

Layout com Grid

Montagem de um layout completo de página utilizando CSS Grid Layout.

Abrir desafio