Aprenda

com quem faz!

Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________

Objetivos

No Curso de Programação Full Stack JavaScript com React.Js e Node.Js você

vai aprender no módulo de Front End as tecnologias utilizadas na criação das
páginas exibidas no navegador web. Você vai adquirir habilidades de como
utilizar de forma profissional o HTML5 para criar as páginas Web e folhas de
estilo CSS3 para trabalhar a apresentação de dados.

Aprenderá também como programar em JavaScript para poder manipular os

elementos da página web via DOM e realizar operações como validação de
dados no lado cliente.

No módulo de Back End você aprenderá o Node.js, NPM, Express e

MongoDB enquanto criamos um projeto web, utilizando as tecnologias
aprendidas em ambiente real.

O Node.js é uma plataforma server-side que traz o mesmo JavaScript usado

no navegador para o back-end proporcionando um experiência de
desenvolvimento sem igual, que facilita e promove implementações que
seriam complicadas de se fazer de outras formas.

Matricule-se e torne-se um Desenvolvedor Full Stack Javascript Profissional.

Duração do curso: 72 horas

Seja um Profissional, Aprendendo com Profissionais!

www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________

Pré-requisitos
• Lógica de Programação.

Após este curso de programação, o aluno será capaz

de:
● Criar layouts incríveis e interativos de forma simples, utilizando HTML5,
CSS3 e JavaScript.
● Trabalhar o HTML com foco em semântica, boas práticas, SEO e
acessibilidade;
● Utilizar o CSS além das propriedades básicas, com foco em código
reusável, desacoplado e flexível;
● Ter os primeiros contatos com JavaScript, incluindo uso de jQuery e
plugins;
● Construir páginas para mobile com design responsivo;
● Utilizar o Bootstrap, framework css famoso no mercado;
● Trabalhar a performance de frontend para conseguir uma renderização
mais rápida no navegador.
● Conhecer os conceitos básicos de React Js e por que você deve usá-lo.
Configurando um ambiente de desenvolvimento e fluxo de trabalho,
incluindo sintaxe básica, templates e muito mais.
● Escrever códigos robustos em javascript para backend
● Criar projetos profissionais em Node.js e MongoDB e MySQL
● Utilizar bibliotecas e plugins de acordo com a projeto desenvolvido
● Fazer commit em repositórios no github.com

Seja um Profissional, Aprendendo com Profissionais!

www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________

Pontos fortes do treinamento

● Material didático Completo (em PDF);

● Faça todo o curso sem precisar sair de casa;
● Instrutores 100% ao vivo por web-conferência;
● Aulas práticas e envolventes;
● No máximo 20 alunos por sala virtual;
● Instrutores com experiência profissional;
● No dia seguinte à aula você recebe a gravação em vídeo;
● Receba certificado ao final do curso.

Conteúdo Programático do Curso

Módulo 1 - Front-End com HTML, CSS e JavaScript

● Introdução a HTML e CSS
● Exibindo informações na Web
● Sintaxe do HTML
● Estrutura de um documento HTML
● Tags HTML
● Imagens
● A estrutura dos arquivos de um projeto
● Editores e IDEs
● Primeira página
● Estilizando com CSS
● Sintaxe e inclusão de CSS

Seja um Profissional, Aprendendo com Profissionais!

www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________
● Propriedades tipográficas e fontes
● Alinhamento e decoração de texto
● Imagem de fundo
● Bordas
● Cores na Web
● Listas HTML
● Espaçamento, margem e dimensões
● Links HTML
● Elementos estruturais
● CSS: Seletores de ID e filho
● Fluxo do documento e float
● O futuro e presente da Web com o HTML5

● HTML semântico e posicionamento no CSS

● O processo de desenvolvimento de uma tela

● Analisando o Layout

● HTML semântico

● Pensando no header

● Estilização com classes

● Block vs Inline

● Position: static, relative, absolute e fixed

● Mais HTML e CSS

● Analisando o miolo da página

Seja um Profissional, Aprendendo com Profissionais!

www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________
● Formulários
● Posicionamento com float e clear
● Decoração de texto com CSS
● Cascata e herança no CSS
● Seletores de atributo do CSS3
● Rodapé
● Substituição por Imagem
● Estilização e posicionamento do rodapé

● CSS Avançado
● Seletores avançados
● Pseudo-classes
● Pseudo elementos
● CSS3: border-radius
● CSS3: text-shadow
● CSS3: box-shadow
● Opacidade e RGBA
● Prefixos
● CSS3: Gradientes
● Progressive Enhancement
● Exercícios: visual CSS3
● CSS3 Transitions
● CSS3 Transforms
● Especificidade de seletores CSS
Seja um Profissional, Aprendendo com Profissionais!
www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________

● Bootstrap e formulários HTML5

● Bootstrap e frameworks de CSS
● Estilo e componentes base
● Formulários a fundo
● Novos componentes do HTML5
● Novos atributos HTML5 em elementos de formulário
● Ícones
● Validação HTML5
● Grid responsivo do Bootstrap
● Para saber mais: componentes JS do Bootstrap
● Para saber mais: outros frameworks CSS

● JavaScript e interatividade na Web

● Porque usamos JavaScript?
● Um pouquinho da história do JavaScript
● Características da linguagem
● Console do navegador
● Sintaxe básica
● A tag script
● DOM: sua página no mundo JavaScript
● Funções e os eventos do DOM
● Funções Anônimas
● Manipulando strings
● Manipulando números
Seja um Profissional, Aprendendo com Profissionais!
www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________
● Concatenações
● Array
● Blocos de Repetição
● Funções temporais
● Para saber mais: vários callbacks no mesmo elemento
● Para saber mais: controlando as validações HTML5

● jQuery
● jQuery – A função $
● jQuery Selectors
● Filtros customizados e por DOM
● Utilitário de iteração do jQuery
● Plugins jQuery

● Node Js
● Conceitos básicos

● React Js
● O que é o React Js e por que você deve usá-lo?
● Configurando um ambiente de desenvolvimento e fluxo de
trabalho
● O básico (incluindo a sintaxe básica, templates e muito mais!)

Seja um Profissional, Aprendendo com Profissionais!

www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________
● Interagindo com o DOM (Renderizando listas, renderização
condicional…)
● Usando componentes
● Usando formulários
● Projeto final

Módulo 2 - JavaScript Back-End com Node.JS

● Introdução ao Javascript
● Configurando ambiente de trabalho

● Fundamentos de Javascript

● Estrutura de repetição

● Estrutura de condicional

● Arrays

● Functions

● Node.js
● Afinal, o que é Node

● Fundamentos - Primeiros passos

● Conhecendo o NPM

● Função do package.json

● Função do package.json

Seja um Profissional, Aprendendo com Profissionais!

www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________
● Express
● O que é Express

● Instalando o Express

● Entendendo os middlewares

● Rotas no Express

● Trabalhando com controllers

● Entendendo as views

● HTTP

● MongoDB
● Conhecendo banco de dados NoSQL

● Gerenciando bancos

● Gerenciando collections

● Inserindo e listando registros

● Atualizando e removendo registros

● Mongoose no Express

● Entendendo Schemas, criando primeiro model

● MySql
● Conhecendo banco de dados Relacional

● Instalando o MySQL

● Tabelas
Seja um Profissional, Aprendendo com Profissionais!
www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________
● Insert, Select e Where

● Update - Atualizando um registro

● Delete - Removendo registros

● Introdução a API REST com Node.js

● Revisando o que é HTTP

● Verbos HTTP

● REST

● Criando sua primeira API REST

● Utilizando o Postman

● Autenticação de API REST com JWT

● O que é JWT

● Endpoint de autenticação

● Geração de Token

● Autenticação

● Introdução a React.js - Frontend

● Conceitos básicos de React.js

● Como criar um projeto React.js

Seja um Profissional, Aprendendo com Profissionais!

www.3way.com.br
 Aprenda
com quem faz!
Curso de Programação Full Stack JavaScript com
React.Js e Node.Js - Online ao Vivo
____________________________________________________________________________________
● Apresentando o Axios

● Consumo de API

● Sistema de Login com JWT

● Projeto Final

● Como hospedar a minha aplicação nas nuvens?

Seja um Profissional, Aprendendo com Profissionais!

www.3way.com.br