Este é um site responsivo criado para organizar e apresentar recursos educacionais de programação e robótica para o Ensino Fundamental e Médio.
Professor: Davi Antonino Nunes da Silva
Localização: Sertãozinho - São Paulo
Disciplinas: Programação e Robótica Educacional
- Layout que se adapta a diferentes tamanhos de tela (desktop, tablet, mobile)
- Interface moderna e intuitiva
- Navegação suave entre seções
- Animações e efeitos visuais
- Menu de navegação responsivo com toggle para mobile
- Sistema de busca para encontrar recursos específicos
- Contador de estatísticas animado
- Botão "voltar ao topo" para melhor navegação
- Links diretos para todos os recursos disponíveis
-
Início (Hero Section)
- Apresentação do professor e escola
- Botões de navegação rápida
- Estatísticas do portal
-
Recursos Gerais
- Planejamento curricular (Anos Finais e Ensino Médio)
- Jogos educacionais
- Objetos 3D para impressão
- Orientações pedagógicas
- Exemplos e tutoriais
-
Projetos de Robótica
- Orientação técnica
- Projeto Autômato Maker
- Recursos visuais e gabaritos
- Batalha de Robôs (seção destacada)
-
Plataforma Alura
- Orientação técnica para professores
- Trilhas de aprendizagem 2025
- Cronograma de projetos
- Material da Prova Paulista
-
Currículo SP - BNCC
- Documentos oficiais do currículo
- BNCC Computação
- Material de formação docente
-
Contato
- Informações do professor
- Localização
- Disciplinas
Programação e Robótica/
├── index.html # Página principal
├── styles.css # Estilos CSS responsivos
├── script.js # JavaScript para interatividade
├── README.md # Esta documentação
└── Recursos/ # Pasta com todos os materiais
├── Start - Alura/
├── Robótica/
│ └── Batalha de Robôs/
└── Currículo SP - BNCC/
- HTML5 - Estrutura semântica
- CSS3 - Design responsivo e animações
- JavaScript - Interatividade e funcionalidades
- Font Awesome - Ícones
- CSS Grid & Flexbox - Layout responsivo
- Planejamentos curriculares Excel
- Apresentações PowerPoint de formação
- PDFs de regulamentos e orientações
- Documentos Word com exemplos
- Imagens PNG/JPG de projetos
- Modelos STL para impressão 3D
- Gabaritos de programação
- 15 recursos organizados em 4 categorias principais
- 8 projetos específicos de robótica
- Links diretos para download/visualização
O site foi desenvolvido com abordagem mobile-first e inclui:
- Desktop (1200px+): Layout completo com grid de 3-4 colunas
- Tablet (768px-1199px): Layout adaptado com 2 colunas
- Mobile (até 767px): Layout de coluna única com menu hambúrguer
- Busca em tempo real nos recursos
- Filtragem por texto
- Mensagem de "nenhum resultado" quando necessário
- Fade-in dos cards ao carregar
- Animação de flutuação no hero
- Counters animados nas estatísticas
- Hover effects nos elementos interativos
- Scroll suave entre seções
- Destaque da seção ativa na navegação
- Header com transparência no scroll
- Botão de voltar ao topo
- Abra o arquivo
index.html
em qualquer navegador web moderno - Navegue pelas seções usando o menu superior
- Use a busca para encontrar recursos específicos
- Clique nos botões para acessar os materiais
- O site funciona offline após o primeiro carregamento
- ✅ Substituição de "Ismael Junior" por "Davi Antonino Nunes da Silva"
- ✅ Substituição de "Jaboticabal" por "Sertãozinho"
- ✅ Criação de interface responsiva moderna
- ✅ Organização completa dos recursos existentes
- ✅ Implementação de funcionalidades interativas
- Seção Batalha de Robôs com destaque especial
- Design moderno com gradientes e sombras
- Performance otimizada com animações suaves
- Acessibilidade com navegação por teclado
- SEO friendly com estrutura semântica
Desenvolvido para facilitar o acesso aos recursos educacionais de programação e robótica em Sertãozinho - SP
Professor: Davi Antonino Nunes da Silva
Ano: 2025