Introdução ao Desenvolvimento Web
HTML, CSS e JavaScript do zero: como a Web funciona, páginas semânticas, formulários, layouts responsivos, animações e os primeiros scripts interativos.
Nasceu de uma disciplina de graduação em desenvolvimento web — publicado aberto, para qualquer pessoa que queira estudar.
Começar pela aula 01 → Apostila em arquivo único Desafios desta trilha
Aulas
Arquitetura da Web e HTML
CSS: estilo, layout e responsividade
JavaScript e interatividade
Projeto fio-condutor: Site institucional de um evento acadêmico
Cinco páginas (início, programação, inscrição, palestrantes e contato) construídas em HTML na Unidade 1, estilizadas e responsivas na Unidade 2 e interativas na Unidade 3. Cada estudante replica a estrutura em um tema próprio.
Ementa: Arquiteturas computacionais para Web. Criação de páginas web com HTML, CSS e JavaScript.
Marcos do projeto
Cada unidade fecha com um marco: um estado do seu projeto que prova que você domina o que a unidade ensinou. A aula que fecha a unidade traz os requisitos e o checklist de qualidade. Se você estuda por conta própria, use os marcos como metas; se cursa a disciplina, eles são a base do que o professor pede.
| Marco | O que o projeto deve ter |
|---|---|
| Marco 1 | Site em HTML com os elementos da Unidade 1 (estrutura, textos, links, tabelas, formulários, mídias, listas). |
| Marco 2 | O mesmo site estilizado com CSS: layout, menu, responsividade e animações. |
| Marco 3 | O site dinâmico e interativo com JavaScript: eventos, validação de formulários e consultas dinâmicas. |
Stack e ferramentas
| Camada | Tecnologia |
|---|---|
| Linguagens | HTML5, CSS3, JavaScript (ES2015+) |
| Editor | VS Code + Live Server |
| Navegador | Chrome/Firefox com DevTools |
| Publicação | GitHub Pages / Netlify |
Bibliografia da disciplina
- SILVA, Maurício Samy. Criando sites com HTML: sites de alta qualidade com HTML e CSS. Novatec, 2008.
- TERUEL, Evandro C. HTML 5 — Guia Prático. Saraiva, 2014.
- MILETTO, Evandro M.; BERTAGNOLLI, Silvia C. Desenvolvimento de software II. Bookman, 2014.
- STEFANOV, Stoyan. Padrões JavaScript. Novatec, 2010.
- FLANAGAN, David. JavaScript: o guia definitivo. Bookman, 2014.
Como usar este material
- Cada aula tem objetivos, teoria com código completo, Mão na massa (guiado), Laboratório em três níveis (A fixação · B aplicação · C desafio), Desafios extras com estrelas, tabela de erros comuns e a atividade assíncrona da semana.
- Marque Concluí esta aula ao fim de cada página e Feito em cada desafio: o progresso fica salvo neste navegador.
- Todos os blocos de código têm botão Copiar — mas digite você mesmo: copiar e colar não fixa nada.
- Atalhos: j próxima aula · k anterior · / busca. Ctrl+P imprime a aula limpa.
Conteúdo sob CC BY 4.0; o gerador do site, sob licença MIT. Reuso livre com atribuição.
Início · Autoria e créditos · Banco de Desafios · Links úteis · Fontes no GitHub