Uma jornada completa no desenvolvimento full stack que une teoria e prática para construir aplicações web modernas e escaláveis. Este projeto serve como guia de estudo e portfólio, demonstrando a evolução de um código simples para uma aplicação robusta e profissional.
- Visão Geral
- Objetivos
- Tecnologias
- Estrutura do Projeto
- Projetos da Jornada
- Instalação e Execução
- Fluxo de Trabalho com Git
- Roadmap
- Contribuição
- Licença
- Contato
O Fullstack Journey documenta uma trajetória completa no desenvolvimento full stack, integrando teoria e prática para ensinar desde os fundamentos do frontend (HTML, CSS, JavaScript) até a construção de um backend robusto com Node.js e Express. O projeto também abrange a integração com bancos de dados, autenticação, segurança e deploy, sempre seguindo as melhores práticas de codificação e versionamento.
-
Aprendizado Profundo:
Consolidar os conceitos essenciais do desenvolvimento web moderno. -
Boas Práticas:
Adotar padrões de código, organização profissional e versionamento eficaz. -
Portfólio Real:
Desenvolver uma aplicação completa que demonstre competências full stack. -
Colaboração e Deploy:
Aprender a utilizar Git, GitHub e ferramentas de CI/CD para um fluxo de trabalho colaborativo e de qualidade.
- HTML5: Estrutura semântica e acessível.
- CSS3: Flexbox, Grid e Media Queries para layouts responsivos.
- JavaScript: ES6+ e recursos modernos.
- Git e GitHub
- Node.js e Express.js
- Banco de Dados: MySQL, PostgreSQL ou MongoDB.
- ORMs: Sequelize ou Prisma.
- Ferramentas como Vercel, Netlify, Railway, entre outras.
fullstack-journey/
├── README.md # Documentação do projeto
├── .gitignore # Arquivos e pastas a serem ignorados pelo Git
├── landing-page-profissional/
├── contador/
├── caixinha-de-tarefas/
└── (demais módulos serão adicionados)
Cada projeto abaixo representa um estágio da minha evolução como desenvolvedor Full Stack, sempre com foco em aprendizado progressivo, código limpo e boas práticas de mercado.
| Projeto | Descrição |
|---|---|
| Landing Page Profissional | Estrutura semântica em HTML5, CSS com variáveis e foco em SEO |
| Contador Interativo | Lógica com JavaScript puro, manipulação de DOM e refatoração progressiva |
| Caixinha de Tarefas | Lista de tarefas dinâmica com criação, edição e exclusão via DOM |
- Git
- Node.js (versão LTS recomendada)
- Clone o repositório:
git clone https://github.com/ffelixlucas/fullstack-journey.git
- Acesse o diretório do projeto:
cd fullstack-journey - Abra o projeto:
Utilize seu editor de código favorito e visualize os arquivos HTML no navegador.
Instruções adicionais para execução do backend, testes e deploy serão adicionadas conforme o projeto evolui.
Adotamos práticas profissionais de versionamento:
-
Commits:
Utilize mensagens claras e descritivas (ex.:feat: adiciona header com navegação). -
Branching:
Crie branches específicas para novas funcionalidades (ex.:feature/nome-da-funcionalidade) e utilize pull requests para revisar as mudanças antes de mesclar na branch principal. -
Integração Contínua:
Planejamos integrar ferramentas de CI/CD para automatizar testes e deploy, garantindo um fluxo de trabalho eficiente e profissional.
- Setup Inicial:
Estrutura básica com HTML, CSS e JavaScript. - Aprofundamento em JavaScript:
Implementação de conceitos modernos (ES6+, modularização, etc.). - Integração com Git/GitHub:
Práticas avançadas de versionamento e colaboração. - Desenvolvimento Backend:
Criação de APIs RESTful com Node.js e Express. - Banco de Dados:
Integração com banco de dados e utilização de ORMs. - Autenticação e Segurança:
Implementação de login seguro com JWT e criptografia. - Deploy e CI/CD:
Configuração de deploy automático e integração contínua.
Contribuições são muito bem-vindas!
Para colaborar:
- Faça um fork deste repositório.
- Crie uma branch para sua funcionalidade:
git checkout -b feature/nome-da-funcionalidade
- Realize commits com mensagens claras e objetivas.
- Envie sua branch para o repositório remoto:
git push origin feature/nome-da-funcionalidade
- Abra um Pull Request para revisão.
Distribuído sob a Licença MIT. Consulte o arquivo LICENSE para mais detalhes.
Lucas Fanha Felix – @ffelixlucas
Email: [email protected]