Do zero à construção das primeiras páginas web
Fonte: DIO (Digital Innovation One)
Formação HTML Web Developer da DIO (Digital Innovation One), com carga horária aproximada de 21 horas. A trilha constrói a base essencial para quem deseja iniciar na carreira de desenvolvimento Front-End, mesclando conceitos teóricos com muita prática.
Esta formação marca o início da minha jornada no Front-end, complementando minha base em Python, SQL e versionamento. O aprendizado está diretamente alinhado ao meu momento profissional na Kairos Motores, onde estou iniciando o contato com HTML, CSS e JavaScript.
- Entender como a web funciona por baixo dos panos (comunicação Client x Server)
- Compreender a diferença entre Front-End e Back-End
- Dominar a estruturação de páginas com HTML5
- Aplicar elementos semânticos e boas práticas de marcação
- Construir páginas web completas na prática
- Comunicação Client x Server: como o navegador (cliente) se comunica com os servidores
- Estrutura de Aplicações Web: diferença entre Front-End (interface visual) e Back-End (bastidores e banco de dados)
- Introdução ao HTML e Estruturação: como funcionam as tags, elementos de texto, títulos e a estrutura básica de uma página
- Elementos Semânticos: uso correto de tags como
<header>,<main>,<section>,<article>,<footer>e sua importância para acessibilidade e SEO - Boas Práticas: organização, indentação e marcação limpa desde o primeiro projeto
Os tópicos serão detalhados conforme o avanço nos módulos da formação.
| Pasta/Arquivo | Conteúdo | Status |
|---|---|---|
modulos/ |
Anotações e conteúdos separados por módulo da formação | 🚧 Em construção |
anotacoes/ |
Resumos e conceitos transversais | 🔜 Em breve |
projetos/ |
Páginas e projetos práticos desenvolvidos | 🔜 Em breve |
recursos/ |
Links úteis e materiais de apoio | 🔜 Em breve |
README.md |
Visão geral da formação | ✅ Pronto |
| Área | Status |
|---|---|
| Fundamentos da Web | 📅 Planejado |
| Introdução ao HTML5 | 📅 Planejado |
| Elementos Semânticos | 📅 Planejado |
| Boas Práticas | 📅 Planejado |
| Primeiro projeto prático | 🔜 Em breve |
- Estruturação de páginas com HTML5
- Uso de tags semânticas
- Boas práticas de marcação
- Organização de código front-end
- Documentação e versionamento
“Toda grande aplicação web começa com uma boa marcação.”