Overview

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 tecnologiasRestify framework e plugins - criação do sistema de rotas RESTKnex - ORM para acesso ao MySQLNode.js - tecnologia para criação de servidores webNodemon - para manter o servidor ativo e atualizado enquanto desenvolvemosPostman - cliente de acesso http para realizar o teste das rotasJavascript ES6 - para desenvolver a lógica da aplicaçãoAxios - para permitir chamadas Ajax baseadas em Promises.Font Awesome - para importar alguns íconesBootstrap framework v4 - Para estilizar nossa páginaCurso 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 tecnologiasRestify framework e plugins - criação do sistema de rotas RESTNode.js - tecnologia para criação de servidores webKnex - ORM para acesso ao MySQLGoogle Maps API - para trabalhar com dados de geolocalizaçãoJavascript ES6 - para desenvolver a lógica da aplicaçãoAxios - para permitir chamadas Ajax baseadas em Promises.Material Design Lite - Para estilizar nossa páginaNodemon - para manter o servidor ativo e atualizado enquanto desenvolvemosPostman - cliente de acesso http para realizar o teste das rotasCurso 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 RESTNode.js - tecnologia para criação de servidores webKnex - ORM para acesso ao MySQLJavascript ES6 - para desenvolver a lógica da aplicaçãoAxios - para permitir chamadas Ajax baseadas em Promises.Dom2Image - biblioteca que cria imagens dinâmicas a partir de elementos do DOMFont Awesome - para importar alguns íconesBootstrap framework v4 - Para estilizar nossa páginaNodemon - para manter o servidor ativo e atualizado enquanto desenvolvemosPostman - cliente de acesso http para realizar o teste das rotasCurso 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 diaExpress.js - framework e plugins - criação do sistema de rotas RESTNode.js - tecnologia para criação de servidores webKnex - ORM para acesso ao MySQLJavascript ES6 - para desenvolver a lógica da aplicaçãoPug.js - template engine para Node.jsAxios - para permitir chamadas Ajax baseadas em Promises.Chart.js- biblioteca para criação de gráficos dinâmicos com JavascriptBootstrap framework v4 - Para estilizar nossa páginaNodemon - para manter o servidor ativo e atualizado enquanto desenvolvemosPostman - 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 sistemasEstudantes de programação que querem conhecer melhor JavascriptProgramadores de diversas linguagens que tem interesse em Node.jsCuriosos pelas novas tendências tecnológicas do mundo de desenvolvimento web.

Skills

Reviews