Skip to content

Repository files navigation

Programação Web

Material didático da disciplina de Programação Web, com os exercícios, práticas e trabalhos aplicados em turmas de graduação.

Estrelas

O que tem aqui

O repositório é organizado por semestre (012025, 022024, …). Dentro de cada um:

Pasta Conteúdo
AV1 / AV2 Avaliações — sites completos com HTML, CSS e páginas interligadas
Trabalhos/Pratica Práticas de manipulação do DOM, com enunciado, template inicial e solução
Trabalhos/EstudoCaso Projetos em React + Vite — jogo da velha e lista de compras

Destaque: as práticas de DOM

Em Trabalhos/Pratica/Dom01 o material vem em três partes, e essa separação é proposital:

  • EnunciadoPraticaDOM.md — o problema
  • template-index.html, template-script.js, template-style.css — o ponto de partida
  • index.html, js/produtos.js — a solução

O aluno recebe o template e implementa. Assim o exercício isola o conceito de manipulação do DOM, sem gastar aula montando estrutura de página.

Como usar

Os arquivos HTML/CSS/JS abrem direto no navegador — não precisa de servidor.

Os projetos React exigem Node.js:

cd 012025/Trabalhos/EstudoCaso/Tic-Tac-Toe
npm install && npm run dev

Sequência sugerida

  1. HTML e CSS estáticos (AV1)
  2. Manipulação de DOM (Trabalhos/Pratica/Dom01 e Dom02)
  3. Componentização com React (Trabalhos/EstudoCaso)

O caminho é o mesmo do curso: primeiro o documento, depois o comportamento, depois a abstração em componentes.


Autor

Leonardo Vieira Guimarães — desenvolvedor backend e Product Owner no IMA. Mestre em Modelagem Computacional e Sistemas (UNIMONTES), doutorando em Modelagem Matemática e Computacional (CEFET-MG).

Portfólio ORCID LinkedIn

About

Material didatico de Programacao Web: HTML, CSS, JavaScript e integracao com backend, com exercicios e projetos

Topics

Resources

Stars

4 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages