Este repositório é o meu diário de bordo pessoal da jornada de formação como Programador Full-Stack JavaScript pela OneBitCode. Aqui estão documentados todos os exercícios, projetos e anotações que desenvolvi ao longo do curso.
Mais do que um simples local para armazenar arquivos, este repositório representa minha dedicação e evolução, módulo a módulo. O objetivo é centralizar meu aprendizado, servindo como uma fonte de consulta rápida e, ao mesmo tempo, como um portfólio dinâmico que demonstra a aquisição de novas competências, desde os fundamentos da lógica até a construção de aplicações completas com as tecnologias mais modernas do ecossistema JavaScript.
Ao longo desta jornada, desenvolvi proficiência em um ecossistema completo de tecnologias para desenvolvimento web moderno, cobrindo todas as etapas do Front-end, Back-end e bancos de dados.
A estrutura do curso foi dividida em módulos que construíram meu conhecimento de forma progressiva e sólida.
Módulo 1: Lógica de Programação e Fundamentos
- ✅ Introdução à Programação: Conceitos de algoritmos e lógica.
- ✅ JavaScript Essencial: Variáveis, tipos de dados, operadores e estruturas de controle.
- ✅ Funções e Estruturas de Dados: Arrays, objetos e funções avançadas.
- ✅ JavaScript Moderno (ES6+): Arrow functions, desestruturação, classes e módulos.
- ✅ Controle de Versão com Git e GitHub: Comandos essenciais e fluxo de trabalho.
Módulo 2: Desenvolvimento Front-End
- ✅ HTML5 Semântico: Estruturação correta de páginas web.
- ✅ CSS3 e Responsividade: Flexbox, Grid Layout e Media Queries.
- ✅ Pré-processadores CSS: Dominando o SASS para um código mais limpo.
- ✅ Frameworks CSS: Agilidade no desenvolvimento com Bootstrap.
- ✅ JavaScript no Navegador: Manipulação do DOM e gerenciamento de eventos.
- ✅ TypeScript: Adicionando tipagem estática para projetos mais robustos.
- ✅ React.js: Fundamentos, componentização, hooks e gerenciamento de estado.
- ✅ React Avançado: React Router, Redux e consumo de APIs.
- ✅ Next.js: Renderização no servidor (SSR) e otimização de performance.
Módulo 3: Desenvolvimento Back-End
- ✅ Node.js e NPM: Construção de servidores e gerenciamento de pacotes.
- ✅ Express.js: Criação de APIs RESTful robustas e escaláveis.
- ✅ Bancos de Dados SQL: Modelagem de dados e consultas com PostgreSQL.
- ✅ Bancos de Dados NoSQL: Flexibilidade e escalabilidade com MongoDB.
- ✅ Autenticação e Segurança: Implementação de JWT (JSON Web Tokens).
- ✅ Arquitetura de Software: Padrões de projeto e boas práticas.
Módulo 4: Projetos Práticos Full-Stack
- ✅ Desenvolvimento de APIs completas para alimentar aplicações front-end.
- ✅ Integração Front-end e Back-end de forma coesa.
- ✅ Construção de aplicações completas, desde o design do banco de dados até a interface do usuário.
- ✅ Deploy e Publicação: Colocando aplicações no ar.
Durante o curso, apliquei o conhecimento teórico em projetos práticos que simulam desafios reais do mercado de trabalho.
| Projeto | Descrição | Tecnologias Utilizadas |
|---|---|---|
| Página de Captura (SpaceX) | Uma recriação de uma landing page, focada em HTML, CSS moderno com SASS e Bootstrap para garantir a responsividade. | HTML SASS Bootstrap |
| Calculadora com JavaScript | Desenvolvimento de uma calculadora funcional para exercitar a lógica de programação e a manipulação do DOM. | HTML CSS JavaScript |
| React Blog | Um blog completo com criação, leitura, atualização e exclusão de posts, consumindo uma API REST. Ideal para praticar o ciclo de vida do React. | React.js API REST |
| API de Imobiliária | Uma API RESTful robusta para um sistema de cadastro de imóveis, com rotas seguras, controllers e integração com banco de dados. | Node.js Express PostgreSQL |
| Plataforma de Cursos (Full-Stack) | Aplicação completa que une um front-end em React/Next.js a uma API robusta, simulando uma plataforma EAD com cadastro de usuários e cursos. | React Next.js Node.js MongoDB |
A OneBitCode é uma escola de programação focada em levar os alunos do zero ao nível profissional no desenvolvimento de software, com uma metodologia prática e direta ao ponto. O curso Full-Stack JavaScript é um de seus principais programas de formação.
- GitHub: @joao-araujoo
- LinkedIn: joao-araujoo