Skip to content

README.md

Latest commit

 

History

History
55 lines (37 loc) · 3.71 KB

README.md

File metadata and controls

55 lines (37 loc) · 3.71 KB

🌟 Vibe Coding em Educação: Uma Nova Era

Este repositório contém o código-fonte de uma página web moderna e educativa, desenvolvida para explorar e explicar o conceito de Vibe Coding. O foco principal é sua relevância para a educação básica e como ele pode ser aplicado para transformar o ensino e a aprendizagem, especialmente em contextos de escolas públicas com acesso limitado a recursos tecnológicos, onde o celular é o principal dispositivo dos alunos.

✨ Funcionalidades

  • Explicação Acessível: O conteúdo é apresentado de forma clara e simples, ideal para quem não tem familiaridade com o tema Vibe Coding.
  • Conexão com a Educação Básica: Detalha como o Vibe Coding se encaixa no ambiente educacional, destacando suas implicações para professores e alunos.
  • Aplicação Multidisciplinar: Ilustra como o Vibe Coding pode ser utilizado em diversas disciplinas (Português, Matemática, Ciências, História, Geografia e Artes).
  • Acessibilidade para Celulares: Apresenta estratégias e exemplos práticos para a interação de alunos em escolas públicas que possuem apenas celulares.
  • Origem e Propósito: Explica quem cunhou o termo Vibe Coding (Andrej Karpathy) e as motivações por trás de sua criação.
  • Design "Tipo Livro": A interface da página foi pensada para proporcionar uma experiência de leitura confortável, similar à de um livro, com fontes e espaçamentos adequados.
  • Modo Claro/Escuro: Permite alternar entre um tema claro e um tema escuro para maior conforto visual em diferentes ambientes.
  • Responsividade: O layout é adaptável, garantindo uma boa experiência de visualização em dispositivos de diversos tamanhos, desde celulares até desktops.
  • Links para Recursos: Inclui links diretos para o Manifesto original do Vibe Coding e para um Hub de aplicativos educacionais.

💻 Tecnologias Utilizadas

  • HTML5: Para a estruturação semântica do conteúdo da página.
  • CSS3: Para a estilização, criação do design "tipo livro" e implementação dos temas claro/escuro, além de garantir a responsividade.
  • JavaScript: Responsável pela funcionalidade de alternância entre o modo claro e escuro, persistindo a escolha do usuário no localStorage.

🚀 Como Visualizar

Para ver a página em funcionamento, siga os passos abaixo:

  1. Clone este repositório para o seu ambiente local:

    git clone [https://github.com/seu-usuario/vibe-coding-educacao.git](https://github.com/seu-usuario/vibe-coding-educacao.git)

    (Lembre-se de substituir seu-usuario e vibe-coding-educacao pelo seu nome de usuário e o nome do seu repositório, se for clonar o seu próprio fork).

  2. Navegue até o diretório do projeto:

    cd vibe-coding-educacao

  3. Abra o arquivo index.html em seu navegador de internet preferido. Você pode fazer isso arrastando o arquivo para a janela do navegador ou clicando duas vezes nele.

🔗 Links Relevantes

Na própria página, você encontrará links destacados para aprofundar seus conhecimentos:

📜 Créditos

O conteúdo desta página é uma compilação e reflexão sobre o "Vibe Coding em Educação", baseada em discussões e conceitos popularizados por Andrej Karpathy, e no Manifesto original por Michal Przadka.

📄 Licença

Este projeto é de código aberto e está licenciado sob a Licença MIT. Sinta-se à vontade para utilizar, modificar e distribuir o código, desde que as condições da licença sejam respeitadas.