Apostila Online: Git, JavaScript e React

Este repositório contém uma apostila online interativa para o curso de desenvolvimento com foco em Git, JavaScript e React. A apostila foi projetada para fornecer um recurso educacional completo, organizado e fácil de navegar para estudantes que já possuem conhecimentos básicos de HTML e CSS.

📚 Conteúdo

A apostila cobre os seguintes tópicos principais:

Git e Controle de Versão

• Introdução ao Git e sua história
• Configuração inicial
• Comandos básicos (init, add, commit, status, log)
• Branches e merges
• Trabalhando com repositórios remotos
• Fluxos de trabalho profissionais
• GitFlow e boas práticas
• GitHub e colaboração

JavaScript

• Introdução ao JavaScript
• Variáveis e tipos de dados
• Operadores
• Estruturas de decisão (if/else, switch)
• Estruturas de repetição (loops)
• Manipulação de strings
• Uso do objeto Math
• Trabalhando com datas
• Arrays e métodos de array
• Objetos e JSON
• Desestruturação
• Funções (declaração, arrow functions, escopo)
• Funções de ordem superior
• Closures e recursão
• LocalStorage e SessionStorage
• Promessas e assincronismo
• Manipulação do DOM
• Eventos
• ES6+ e recursos modernos

React (Seção em Desenvolvimento)

• Introdução ao React – Setup e Primeiros Componentes
• Componentes e props
• Estado e ciclo de vida
• Hooks
• Roteamento e navegação
• Gerenciamento de estado
• Integração com APIs
• Testes e performance
• Projeto TaskMaster completo

🚀 Como Usar

Acessando Online

A apostila está disponível online através do link:

• Link para a Apostila

Executando Localmente

Para executar esta apostila localmente:

1. Clone este repositório:

   git clone https://github.com/seuusuario/nome-do-repositorio.git

2. Navegue até a pasta do projeto:

   cd nome-do-repositorio

3. Abra o arquivo index.html em seu navegador preferido ou use um servidor local.

   • Opção com Python:

     python -m http.server

   • Opção com Node.js/npm:

     npx serve

4. Acesse a apostila em http://localhost:8000 (ou a porta indicada).

🔧 Estrutura do Projeto

projeto-apostila/
│
├── index.html             # Arquivo principal
│
├── aulas/                 # Pasta com as aulas
│   ├── sobre-professor.html
│   ├── introducao.html
│   ├── git-introducao.html
│   ├── javascript-basico.html
│   ├── variaveis-tipos-dados.html
│   ├── operators.html
│   ├── conditional.html
│   ├── loops.html
│   ├── strings.html
│   ├── math.html
│   ├── date.html
│   ├── array.html
│   ├── objects.html
│   ├── destructuring.html
│   ├── functions.html
│   ├── storage.html
│   └── react-introducao.html    
│  
│
├── assets/                # Recursos estáticos
│   ├── images/            # Imagens usadas nas aulas
│   ├── css/               # Arquivos CSS 
│   └── js/                # Arquivos JavaScript
└──

📋 Principais Recursos da Apostila

• Organização clara e progressiva: Os temas estão organizados em ordem de complexidade crescente
• Exemplos práticos: Cada conceito é acompanhado por exemplos reais
• Exercícios interativos: Atividades para praticar os conceitos com soluções ocultas
• Projeto integrado TaskMaster: Os exemplos são aplicados em um projeto de gerenciamento de tarefas
• Design responsivo: A apostila é funcional em dispositivos móveis e desktops
• Navegação intuitiva: Menu lateral para fácil acesso a todas as aulas

🧩 Pré-requisitos

Esta apostila assume que os alunos já possuem conhecimentos básicos de:

• HTML5
• CSS3
• Lógica de programação

O foco do material é desenvolver habilidades específicas em Git, JavaScript e React, sem abordar em detalhes HTML e CSS, que são cobertos em outros materiais do curso.

👨‍🏫 Sobre o Professor

Esta apostila foi desenvolvida por Daniel Loureiro Cintra, Líder Técnico no Itaú Unibanco e Professor de Graduação na FIAP. Com 18 anos de experiência na área de TI e especialização em desenvolvimento frontend, é certificado AWS e especialista em metodologias ágeis.

Para mais informações, consulte a seção "Sobre o Professor" na apostila.

🛠️ Tecnologias Utilizadas

• JavaScript (ES6+)
• React.js
• Git
• Font Awesome (para ícones)
• GitHub Pages (para hospedagem)

🚧 Desenvolvimento Contínuo

Este é um projeto em constante evolução. Novas aulas e recursos serão adicionados regularmente, com foco especial na seção de React que está em desenvolvimento.

🤝 Contribuindo

Contribuições são bem-vindas! Se você encontrar erros, tiver sugestões ou quiser adicionar conteúdo, sinta-se à vontade para abrir uma issue ou enviar um pull request.

1. Faça um fork do projeto
2. Crie uma branch para sua feature (git checkout -b feature/nova-aula)
3. Faça commit das suas alterações (git commit -m 'Adiciona nova aula sobre Hooks')
4. Faça push para a branch (git push origin feature/nova-aula)
5. Abra um Pull Request

📝 Atualizando Conteúdo

Para adicionar uma nova aula à apostila:

1. Crie um arquivo HTML na pasta aulas/ seguindo o formato das aulas existentes
2. Adicione o link para a nova aula no menu no arquivo index.html
3. Se necessário, adicione recursos (imagens, códigos de exemplo) nas pastas apropriadas

📄 Licença

Este projeto está licenciado sob a licença MIT - veja o arquivo LICENSE para detalhes.

📞 Contato

Para questões, sugestões ou feedback,