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.
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.
Cronograma 2026.2
Datas conforme o Plano de Curso da turma no SIGAA. ⏰ marca o dia de entrega de uma avaliação. Em caso de divergência com o calendário da turma, vale o aviso do professor.
| Data | Aula | Conteúdo |
|---|---|---|
| 11/08/2026 | 01 | Apresentação da disciplina; tecnologias e arquitetura da Web |
| 18/08/2026 | 02 | Introdução ao HTML: estrutura, textos, links, tabelas |
| 25/08/2026 | 03 | Introdução ao formulário |
| 01/09/2026 | 04 | Formulário, mídias e listas |
| 08/09/2026 | 05 | Elementos HTML para layout e introdução ao CSS |
| 15/09/2026 | 06 | CSS: sintaxe, seletores, classes, atributos e valores — envio da Avaliação 1 ⏰ |
| 22/09/2026 | 07 | Formatando o layout de um website e o menu |
| 29/09/2026 | 08 | Criando telas responsivas |
| 06/10/2026 | 09 | Animações e efeitos em CSS |
| 13/10/2026 | 10 | Introdução ao JavaScript — envio da Avaliação 2 ⏰ |
| 20/10/2026 | 11 | Variáveis, operações aritméticas e estruturas de controle |
| 27/10/2026 | 12 | Estruturas sequenciais, condicionais e de repetição |
| 03/11/2026 | 13 | Funções e eventos |
| 10/11/2026 | 14 | JavaScript para validação de formulários e consultas dinâmicas |
| 17/11/2026 | 15 | Publicando seu website na internet — envio da Avaliação 3 ⏰ |
Avaliação
Média final = (A1 + A2 + A3) ÷ 3. Aprovação com MF ≥ 6,0; exame final se 4,0 ≤ MF < 6,0; frequência mínima de 75%. Entregas via SIGAA. O exame final é uma prova teórica, presencial e individual sobre as três unidades.
| Instrumento | Escopo | Prazo |
|---|---|---|
| Avaliação 1 | Site em HTML com os elementos da Unidade 1 (estrutura, textos, links, tabelas, formulários, mídias, listas). | 15/09/2026 |
| Avaliação 2 | O mesmo site estilizado com CSS: layout, menu, responsividade e animações. | 13/10/2026 |
| Avaliação 3 | O site dinâmico e interativo com JavaScript: eventos, validação de formulários e consultas dinâmicas. | 17/11/2026 |
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.
Prof. Ivan Luiz Pedroso Pires · Material didático de uso educacional; livre para consulta, estudo e reuso com atribuição.
Início · Banco de Desafios · Links úteis · Fontes no GitHub