Aplicações web na prática com Javascript e Node.js
4.3 (364 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,735 students enrolled

Aplicações web na prática com Javascript e Node.js

Aprenda a desenvolver aplicações web completas em poucas horas, utilizando Javascript ES6, Node.js e Mysql
4.3 (364 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,735 students enrolled
Last updated 5/2018
Portuguese
Portuguese [Auto]
Current price: $27.99 Original price: $39.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5 hours on-demand video
  • 19 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Desenvolver servidores RESTful utilizando Nodejs e MySQL
  • Criar Single Page Applications para efetuar as operações de acesso a um servidor REST Nodejs
  • Entender conceitos de manipulação de DOM com Vanilla Javascript ES6
  • Aprender a configurar e utilizar o framework de rotas Restify
  • Realizar chamadas Ajax utilizando a biblioteca Axios
Course content
Expand all 70 lectures 05:08:56
+ Curso 1 - Uma aplicação muito CRUD!
21 lectures 01:10:32
Nodemon - Monitorando alterações no servidor
02:20
Fique REST com Restify
04:26
Acesso ao MySQL com Knex
02:24
Operação de consulta - teste com Postman
03:29
Inserindo dados em nossa aplicação
02:46
Consultando dados por ID
03:07
Atualizando dados da aplicação
02:49
Excluindo dados da aplicação
02:17
Interface, tudo se resume a interface!
01:22
Configurando e iniciando meu servidor REST
02:16
Criando o ponto de entrada da aplicação
04:36
Definindo nossas funções e consultando dados no servidor
04:38
Cadastrando dados na SPA
01:57
Refatorar faz parte!
04:15
Exclusão de dados na SPA
08:26
Edição de dados na SPA
03:10
Atualização de dados na SPA
06:20
O resumo da ópera
04:49
+ Curso 2 - Geolocalização em aplicações Web
12 lectures 40:24
Configuração inicial do serviço back-end
03:31
Configurações da API do Google para serviços de geolocalização
01:47
Acessando a API do Google a partir do back-end
06:27
Reverse Geocode? É de vestir?
03:11
Criando imagens de Mapa a partir de geolocation
02:14
Salvando em banco os dados de geolocalização
03:18
Configurações do Front-End
03:46
Componentes da página com Material Design
05:03
Apresentando cards de localização
03:17
Salvando novos dados de localização
04:16
Toques finais com o componente spinner
02:07
+ Curso 3 - Jogo da velha tunado
19 lectures 02:03:51
Configurações do projeto
02:48
Definindo elementos e estilo da página
10:17
Classe de controle da aplicação
04:19
Dando vida ao tabuleiro
05:46
Separação dos turnos
03:35
Separando estado e render
11:13
Salvando com local storage
08:44
Carregando jogo do a partir do local storage
03:34
Excluindo dados de jogo salvos
02:40
Verificando vitória - a teoria!
06:13
Verificando vitória na prática - Parte 1
05:05
Verificando vitória na prática - Parte 2
04:24
Verificando vitória na prática - Parte 3
07:53
Apresentando mensagens
07:44
Mensagens animadas - bônus UX
06:29
Salvando no servidor - Parte 1
11:49
Salvando no servidor - Parte 2
08:48

Acesse o conteúdo completo a partir dos materiais para download.

Visualizar jogos salvos no servidor
10:55
+ Curso 4 - Gráficos na Web
13 lectures 01:07:57
Iniciando com Express
02:37
Conhecendo o Pug - Template Engine
05:40
Acessando nosso banco de dados MySQL com Express
02:34
Inserção de dados no servidor Express
04:34
Refatorando com Módulos no Express
05:03
Juntando Bootstrap, Express e Pug
05:06
Configurações da Página Web
05:46
Desenvolvimento do Cadastro de Clientes
05:07
Gráfico de Barras - Parte I
03:25
Gráfico de Barras - Parte II
06:53
Gráfico de Barras - Parte Final
06:56
Gráfico de Linhas
10:53
Finalizando com botão Refresh
03:23
+ Finalizando nosso curso!
1 lecture 01:11
E agora? Pra onde devo ir?
01:11
Requirements
  • Você precisa conhecer HTML e o básico de CSS
  • Você deve conhecer o básico de Javascript como uso de funções e variáveis
  • É desejável que você já tenha visto o comando npm
  • Você deve conhecer um pouco sobre banco de dados relacionais, como o MySQL
  • É desejável que o aluno entenda o que significa uma chamada Ajax
Description

Neste curso, você aprenderá como desenvolver aplicações web completas, utilizando Javascript ES6 para criar o lado cliente da aplicação e Node.js para o lado servidor.

Nossas aplicações tem o formato de SPAs (Single Page Applications), pois permitem realizar todas as operações de acesso ao servidor a partir de uma única página. Desta forma, você terá contato com diversas técnicas importantes de manipulação do DOM, sem a necessidade de utilizar nenhum framework para isso!

A ideia de apresentar Vanilla Javascript como nossa ferramenta de desenvolvimento front-end, é mostrar que existe uma gama diversa de projetos que não necessitam de nenhum framework Javascript para serem bem desenvolvidos. Além disso, você verá também alguns conceitos importantes da linguagem, que vão te ajudar e muito caso você adote ou já utilize um framework!

Adotamos também Node.js para o desenvolvimento do back-end, para mostrar como é simples desenvolver um servidor com acesso ao banco de dados. Sem precisar de alguma experiência no back-end, você será capaz de entender os conceitos aqui apresentados enquanto desenvolve aplicações completas!

O nosso objetivo principal é que, ao termino do curso, você se sinta mais a vontade em experimentar as tecnologias do mundo Javascript. Por isso criamos aplicações que exploram muitos conceitos de desenvolvimento full-stack. 


Detalhes das aplicações desenvolvidas durante o curso:


Curso 1 - Uma aplicação muito CRUD: Nesta seção você vai desenvolver uma aplicação que apresenta as quatro operações de manipulação de dados - Create, Read, Update e Delete. Você vai desenvolver um servidor RESTful e uma página Web, utilizando as seguintes tecnologias

  • Restify framework e plugins - criação do sistema de rotas REST
  • Knex - ORM para acesso ao MySQL
  • Node.js - tecnologia para criação de servidores web
  • Nodemon - para manter o servidor ativo e atualizado enquanto desenvolvemos
  • Postman - cliente de acesso http para realizar o teste das rotas
  • Javascript ES6 - para desenvolver a lógica da aplicação
  • Axios - para permitir chamadas Ajax baseadas em Promises.
  • Font Awesome - para importar alguns ícones
  • Bootstrap framework v4 - Para estilizar nossa página


Curso 2 - Geolocalização em aplicações Web: Nesta seção, você vai aprender a manipular dados de Geolocalização, desenvolvendo uma aplicação full-stack, utilizando as seguintes tecnologias

  • Restify framework e plugins - criação do sistema de rotas REST
  • Node.js - tecnologia para criação de servidores web
  • Knex - ORM para acesso ao MySQL
  • Google Maps API - para trabalhar com dados de geolocalização
  • Javascript ES6 - para desenvolver a lógica da aplicação
  • Axios - para permitir chamadas Ajax baseadas em Promises.
  • Material Design Lite - Para estilizar nossa página
  • Nodemon - para manter o servidor ativo e atualizado enquanto desenvolvemos
  • Postman - cliente de acesso http para realizar o teste das rotas


Curso 3 - Jogo da velha tunado: Nesta seção, você desenvolve um jogo da velha com recursos sofisticados, tais como salvamento local (local storage), salvamento remoto (acesso a API), geração de imagens à partir do DOM e manipulação de animações com JS+CSS. Para isso, você vai utilizar as tecnologias

  • Restify - framework e plugins - criação do sistema de rotas REST
  • Node.js - tecnologia para criação de servidores web
  • Knex - ORM para acesso ao MySQL
  • Javascript ES6 - para desenvolver a lógica da aplicação
  • Axios - para permitir chamadas Ajax baseadas em Promises.
  • Dom2Image - biblioteca que cria imagens dinâmicas a partir de elementos do DOM
  • Font Awesome - para importar alguns ícones
  • Bootstrap framework v4 - Para estilizar nossa página
  • Nodemon - para manter o servidor ativo e atualizado enquanto desenvolvemos
  • Postman - cliente de acesso http para realizar o teste das rotas


Curso 4 - Gráficos na Web: Nesta seção, você desenvolve um cadastro de clientes que apresenta gráficos dinâmicos. Com os gráficos, é possível identificar quantos clientes do sexo masculino e feminino já foram cadastrados, além de visualizar o total de clientes cadastrados por dia

  • Express.js - framework e plugins - criação do sistema de rotas REST
  • Node.js - tecnologia para criação de servidores web
  • Knex - ORM para acesso ao MySQL
  • Javascript ES6 - para desenvolver a lógica da aplicação
  • Pug.js - template engine para Node.js
  • Axios - para permitir chamadas Ajax baseadas em Promises.
  • Chart.js- biblioteca para criação de gráficos dinâmicos com Javascript
  • Bootstrap framework v4 - Para estilizar nossa página
  • Nodemon - para manter o servidor ativo e atualizado enquanto desenvolvemos
  • Postman - cliente de acesso http para realizar o teste das rotas


Será que eu deveria fazer este curso? Se você se identificar com alguns dos critérios a seguir, eu diria que sim!

  • Alunos que desejam ingressar no mercado de desenvolvimento de sistemas
  • Estudantes de programação que querem conhecer melhor Javascript
  • Programadores de diversas linguagens que tem interesse em Node.js
  • Curiosos pelas novas tendências tecnológicas do mundo de desenvolvimento web.
Who this course is for:
  • Iniciantes no desenvolvimento de aplicações web com Javascript
  • Iniciantes no desenvolvimento back-end com Nodejs
  • Interessados em explorar mais conceitos de Javascript e chamadas Ajax
  • Estudantes de aplicações web do tipo SPA (Single Page Application)
  • Desenvolvedores interessados em desenvolvimento full-stack