Fundamentos Universais e Configuração de Ambiente Fullstack

Objetivo: Criar a fundação para o aprendizado contínuo de qualquer linguagem e tecnologia fullstack.

Table of Contents

Ciclo de Desenvolvimento de Software:
- Entender o ciclo básico: Planejar → Projetar → Codificar → Testar → Implantar → Manter.
- Criar uma lista de etapas para construir um sistema, desde a ideia até a entrega para o cliente.
Arquitetura Fullstack:
- O que é Frontend, Backend e DevOps.
- Como eles se conectam: comunicação cliente-servidor e banco de dados.

Ferramentas Essenciais:
- Editor de Código: Visual Studio Code ou JetBrains.
- Controle de Versão: Instale o Git e crie uma conta no GitHub/GitLab/Bitbucket.
- Ambiente de Desenvolvimento:
  - Node.js (necessário para gerenciadores de pacotes e aplicações).
  - Docker (para gerenciar containers).
  - Postman ou Insomnia (para testar APIs).
Configuração Inicial:
- Instale o Node.js e configure seu gerenciador de pacotes (npm ou yarn).
- Instale o Docker e execute um container simples de teste.
- Crie um repositório Git e faça um commit inicial com um README.

Projeto Fullstack Simples:
- Crie um sistema básico de “Hello World” com:
  - Um frontend em HTML/CSS/JS.
  - Um backend simples em Node.js com Express.
  - Um banco de dados SQLite ou MongoDB local.
Passos:
- Estruture o projeto em pastas: frontend, backend, database.
- No frontend, exiba uma página simples com um botão.
- No backend, configure uma API que retorna a mensagem “Hello World”.
- Conecte o frontend ao backend usando uma requisição HTTP.
Implantação:
- Use o Heroku ou Vercel para implantar o frontend.
- Suba o backend em uma plataforma gratuita, como Render ou Fly.io.
- Documente cada passo no GitHub para criar o hábito de versionar o trabalho.