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.
- 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.
- 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.
Para ver a página em funcionamento, siga os passos abaixo:
-
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-usuarioevibe-coding-educacaopelo seu nome de usuário e o nome do seu repositório, se for clonar o seu próprio fork). -
Navegue até o diretório do projeto:
cd vibe-coding-educacao -
Abra o arquivo
index.htmlem seu navegador de internet preferido. Você pode fazer isso arrastando o arquivo para a janela do navegador ou clicando duas vezes nele.
Na própria página, você encontrará links destacados para aprofundar seus conhecimentos:
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.
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.