Aula 03
Arquivos, softwares e arquitetura básica
A aula conectou extensões de arquivos, softwares do fluxo e a visão macro entre frontend, API, backend e banco de dados.
Data23/03/2026
Conteudo
Aulas cadastradas com resumo, objetivos e pontos principais.
A ideia desta pagina e consolidar o que ja foi dado e o que esta planejado em cada aula para facilitar consulta, continuidade e futuras atualizacoes do cronograma.
3
aulas registradas
Esta pagina centraliza os registros e planejamentos de aula a partir da Aula 03.
Aula 05
ultima aula cadastrada
Resumo registrado com referencia em 27/03/2026.
01 e 02
aulas pendentes
Aulas 01 e 02 ainda não foram cadastradas porque o resumo será informado depois.
AulaDataAcao
Aula 04
VSCodium, terminal, Node.js e estrutura inicial
A aula apresentou VSCodium, terminal, instalação do Node.js, noções de linguagens de programação, servidores, Next.js e organização inicial de pastas no editor.
Data25/03/2026
Aula 05
npm, package.json, React e primeira navegação
A aula aprofunda npm e package.json, apresenta React como biblioteca, reforça Next.js como framework e inicia a primeira prática com rotas e navegação simples.
Data27/03/2026
📘 Aula 05
npm, package.json, React e primeira navegação
Resumo da aula
A aula vai mostrar a diferença entre Node.js e npm, aprofundar o package.json com foco em estrutura, localização e campos principais, explicar React como biblioteca de interface, reforçar Next.js como framework e conduzir a primeira execução prática com páginas.
Observação
A proposta da aula é transformar a base teórica da Aula 04 em uma primeira experiência prática, sem foco em estilo visual neste momento.
Conteúdo previsto
Tópicos planejados para fechar a base conceitual e iniciar a prática do projeto.
- Diferença entre Node.js e npm dentro do fluxo do projeto.
- Aprofundamento do package.json como identidade do projeto.
- Local correto do package.json na raiz da pasta principal.
- Estrutura do package.json como arquivo JSON em chave e valor.
- Campos principais do package.json: name, version, private, scripts e dependencies.
- React como biblioteca de interface.
- Next.js como framework baseado em React.
- Primeira execução com npm run dev.
- Estrutura de páginas e rotas com pages/index.js e pages/aula/01.js.
O que será explicado em sala
Pontos que ajudam a aluna a entender onde cada elemento se encaixa no projeto.
- O npm como ferramenta de instalação e gerenciamento de pacotes.
- O package.json como arquivo central que organiza nome, versão, scripts e dependências do projeto.
- O package.json na raiz do projeto para que o npm localize corretamente os dados da aplicação.
- A diferença entre o mínimo exigido para um pacote publicado e a base comum usada em projetos locais.
- O React como biblioteca em que você usa partes da interface.
- O Next.js como framework que entrega estrutura, roteamento e recursos prontos sobre o React.
- A pasta pages como base para criar rotas automaticamente no projeto.
Prática prevista em aula
A aula terá uma primeira prática guiada para conectar terminal, arquivo e navegador.
- Abrir o projeto pelo VSCodium.
- Observar o package.json na raiz do projeto.
- Executar o projeto com npm run dev.
- Criar ou editar a página inicial em pages/index.js.
- Criar a página pages/aula/01.js.
- Testar a navegação entre a home e a página da Aula 01.
Direcionamento da tarefa
A tarefa vai continuar a prática da aula e adicionar uma pequena camada de pesquisa.
- Pesquisar sobre framework para UI.
- Pesquisar sobre Atomic Design.
- Montar um mini projeto com a jornada no curso usando apenas texto, sem estilo.
- Criar um arquivo para cada aula apresentada até a Aula 05, com um resumo do que foi aprendido em cada uma.
- Explicar se precisou instalar algo, por que instalou e para que serve.