Visão Geral

Este curso une React JS no front-end e Node.js no back-end para formar uma base sólida de desenvolvimento full stack. Você aprenderá a criar APIs, conectar o front com o servidor, estruturar aplicações completas e implementar um fluxo moderno de desenvolvimento web.

Objetivo

Após realizar este curso, você será capaz de:

• Criar APIs completas com Node.js e Express
• Conectar React ao back-end usando fetch/axios
• Criar aplicações full stack do zero
• Trabalhar com rotas, controllers e serviços no servidor
• Criar interfaces modernas com React
• Implementar autenticação e persistência de dados
• Fazer deploy do back-end e front-end em ambiente real

Publico Alvo

• Iniciantes em desenvolvimento full stack
• Devs front-end que querem aprender back-end
• Devs back-end que querem aprender React
• Pessoas buscando criar aplicações completas para portfólio

Pre-Requisitos

• JavaScript básico
• Conhecimento básico de React
• Noções de HTTP e APIs

Conteúdo Programatico

Module 1 — Introduction to Full Stack Development

1. Understanding client vs. server
2. Overview of React + Node.js synergy
3. How a full stack application works
4. Tools and environment setup

Module 2 — Node.js & Express Fundamentals

1. What is Node.js
2. Creating an Express server
3. Routes, controllers, and middleware
4. Handling JSON and requests

Module 3 — Building RESTful APIs

1. CRUD operations
2. Services and clean API structure
3. Error handling
4. Versioning and modularization

Module 4 — Database Integration (MongoDB or SQL)

1. Connecting Node.js to the database
2. Models and schemas
3. Querying and persisting data
4. Repository pattern basics

Module 5 — React Front-end Fundamentals

1. Components, props, and state
2. Hooks overview
3. Organizing a front-end project
4. Styling strategies

Module 6 — Connecting React to the API

1. Fetching data from the server
2. axios vs. fetch
3. Async flows in front-end
4. Handling errors and loading states

Module 7 — Authentication & Authorization

1. Login and registration flow
2. JWT tokens
3. Protected routes
4. Persisting user sessions

Module 8 — Full Stack Architecture

1. Folder structure for large apps
2. Separation of concerns
3. Shared types and contracts
4. Environment variables (front + backend)

Module 9 — Deploying Full Stack Applications

1. Deploying React (Vercel, Netlify)
2. Deploying Node.js (Render, Railway, VPS)
3. Environment config for production
4. Connecting front-end and back-end online

Module 10 — Full Stack Project

1. Building a complete CRUD system
2. Authentication + dashboard
3. Database integration
4. Deploying the final full stack system