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

Ratings 4.58 / 5.00
Aplicações web na prática com Javascript e Node.js

What You Will 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

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 Should Attend!

  • 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

TAKE THIS COURSE

Tags

  • JavaScript
  • Node.Js

Subscribers

1906

Lectures

70

TAKE THIS COURSE



Related Courses