Este repositório contém os materiais e códigos desenvolvidos durante a Oficina de Programação Web, parte integrante do projeto de extensão universitária Beira Linha: promovendo inclusão e cidadania digitais, da PUC Minas.
O Projeto de Extensão Beira Linha é dedicado a promover a inclusão digital e o acesso à educação de qualidade para jovens e adultos de comunidades socialmente vulneráveis, em especial a comunidade Beira Linha, em Belo Horizonte. O projeto oferece diversas oficinas, como Informática Básica, preparação para o ENEM e, notadamente, a de Iniciação à Programação.
A iniciativa visa capacitar os participantes para o mercado de trabalho digital e contribuir para o seu desenvolvimento pessoal e profissional.
Nossos Objetivos
A Oficina de Programação Web apresenta os primeiros passos para quem deseja ingressar no universo do desenvolvimento de sites. Nossos objetivos principais foram:
- Ensinar os fundamentos de HTML, CSS e JavaScript.
- Introduzir conceitos básicos da internet e boas práticas de desenvolvimento web.
- Capacitar os participantes a criar páginas estruturadas, aplicar estilos visuais e adicionar interatividade.
- Estimular o uso de design responsivo com Flexbox e Grid.
- Promover o aprendizado prático por meio de projetos e desafios.
- Estimular a colaboração e criatividade entre os participantes.
Metodologia de Ensino
Com o foco em maximizar a atenção dos alunos em sala de aula, a metodologia de ensino adotada por nós monitores foi centrada na interatividade e na prática, minimizando o conteúdo teórico maçante:
- Aulas teóricas: Os conceitos de HTML e CSS eram introduzidos de forma concisa, porém completa, para servir como base para a prática.
- Atividades Interativas: O aprendizado era consolidado através de atividades dinâmicas e quizzes que incentivavam a codificação em tempo real.
- Projetos Práticos: Ao longo do semestre, foram desenvolvidos dois trabalhos práticos de maior escopo, exigindo que os alunos aplicassem integralmente os conhecimentos adquiridos para codificar do zero:
- Um e-commerce simulado.
- Um portfólio pessoal.
Este repositório é organizado para facilitar o acesso a todos os recursos utilizados e criados durante as aulas da Oficina de Programação Web:
Codigos/: Contém todos os arquivos de código-fonte (.html,.css, etc.) utilizados nas atividades interativas, exercícios práticos e nos projetos finais desenvolvidos pelos alunos.Materiais/: Armazena os materiais didáticos de apoio e referência:Materiais/Documento/: Inclui documentos como tutoriais, enunciados de exercícios e materiais de revisão de conteúdo.Materiais/Slides/: Contém as apresentações (slides) utilizadas pelo corpo de monitores durante as aulas teóricas e práticas.
- Estrutura básica de uma página HTML
- Estilização com CSS (cores, fontes, margens, espaçamento, posicionamento)
- Criação de layouts com Flexbox e CSS Grid
- Responsividade e design adaptável
- Introdução ao uso do Git e GitHub
- HTML5
- CSS3
- JavaScript
- Visual Studio Code
- Git e GitHub
Monitores: Gabriel Ferreira, Daniel Victor e Fabia Rodrigues
Instituição: Puc Minas