Próximas Turmas

Nenhuma turma disponível no momento

Tenho interesse

O que você vai aprender nesse curso

Objetivo: O curso Formação FullStack JavaScript tem como objetivo capacitar o aluno para atuar como desenvolvedor Full Stack, utilizando tecnologias modernas do ecossistema JavaScript. O aluno aprenderá a construir aplicações completas, desde o backend com Node.js e Express até o frontend com React e Next.js, além de integrar bancos de dados e desenvolver APIs robustas e seguras.

Durante o curso, o aluno desenvolverá projetos práticos utilizando JavaScript moderno (ES6+), implementando APIs RESTful com Node.js e Express, realizando autenticação com JWT e utilizando MongoDB como banco de dados. No frontend, o foco será o desenvolvimento de interfaces dinâmicas com React e Next.js, utilizando conceitos avançados como React Hooks, Context API e integração com APIs externas. O curso também aborda a publicação de projetos e melhores práticas em desenvolvimento FullStack.

Público-Alvo:

Profissionais e estudantes que desejam se capacitar como desenvolvedores FullStack JavaScript, utilizando as tecnologias mais requisitadas do mercado. Ideal para quem busca criar aplicações completas e dinâmicas, tanto no frontend quanto no backend.

Pré-requisito: Lógica de Programação

Conteúdo do curso

JavaScript Moderno

  • Introdução ao ES6+
  • Instalação do Node
  • Instalação do VSCode e melhores extensões
  • Primeiros passos com JavaScript
  • Tipos de variáveis
  • Tipos de dados
  • Operadores e expressões: aritméticos, lógicos
  • Estruturas de controle: if, switch, loops (for, while, for...of/for...in)
  • Funções tradicionais vs. funções anônimas
  • Conceitos de escopo: escopo de função e de bloco
  • Arrow Functions
  • Callback
  • Objetos
    • Introdução
    • Keys, values, entries
  • Listas
    • Introdução
    • Métodos: concat, filter, find, map, reduce, push
  • Destructuring
  • Spread Operator
  • Concatenando string
  • Promises
  • Async/Await
  • Fetch API
  • Introdução ao JS para frontend
  • Introdução ao JS para backend

 

Node.js

  • Introdução ao Node.js
    • O que é Node.js e por que usá-lo
    • Instalação do Node
    • Introdução ao NPM e NVM (Unix-based)
    • Criando o package.json
    • Instalação do Express.js
    • Servindo uma aplicação Express.js
  • Conceito de RestAPI
    • Rotas GET, POST, PUT e DELETE
    • Introdução ao CRUD
    • Manipulando dados em memória
  • Arquitetura de projetos
    • Organização de pastas
    • Módulos
    • Introdução ao TypeScript
    • Transformando um projeto JS em TS
    • Interface e Type
    • Compartilhamento de dados
  • Integração com Banco de Dados
    • Instalação do MongoDB
    • Introdução a banco não-relacional
    • ORM Mongoose
    • Variáveis de ambiente
    • CRUD com Mongoose
  • Autenticação
    • Bcrypt
    • JsonWebToken (JWT)
    • Módulo de autenticação
  • Middleware
    • Introdução ao middleware
    • Middleware de autenticação
    • Passagem de dados entre middleware e rota
  • Validação de Dados
    • Introdução ao Zod
    • Tratamento de entrada de dados
    • Middleware de validação
    • Tipagem com Zod
  • Boilerplate e Boas Práticas
    • Criação de boilerplate
    • Tratamento de erros
    • Padronização de respostas da API

 

React

  • Introdução ao React.js
    • O que é React.js e por que usá-lo
    • Instalação do Node e NPM
    • NVM para Unix-based
    • Instalação do Next.js
    • Comandos iniciais do Next.js
  • TypeScript e Next.js
    • Introdução ao TypeScript
    • Criando páginas no Next.js
    • Rotas dinâmicas
    • Estrutura de diretórios do Next
    • Criação de layouts
  • Componentes
    • Criação de componentes
    • Comunicação entre componentes (pai e filho)
    • Introdução aos React Hooks
  • Formulários e Armazenamento
    • Formulário de cadastro
    • Formulário de login
    • Uso do localStorage
  • Gerenciamento de Estado
    • Ciclo de vida dos componentes
    • Context API
    • Ambientes autenticados e públicos
  • Estilização
    • Instalação do Material UI
    • Componentes do Material UI
    • Estilização com Emotion
  • Integração com APIs
    • Backend do Next.js
    • Consumo de APIs com Async/Await
  • Organização e Melhores Práticas
    • Organização de projetos
    • Páginas replicáveis
    • Componentes dinâmicos
  • Publicação da Aplicação
    • Deploy de aplicações Next.js