What you'll learn:
- Ao final do curso o aluno terá conhecimentos para criar aplicações JavaScript modernas (ES6) capazes de serem executadas em browsers atuais.
- Saberá como utilizar o superset TypeScript para criação de aplicações JavaScript mais poderosas e seguras.
- Poderá utilizar o framework Angular 4 para criação de aplicações WEB.
Aprenda a desenvolver aplicações Web com JavaScript, TypeScript e Angular. Um curso 100% prático e super completo.
ENTENDENDO AS TECNOLOGIAS:
O que é JavaScript / ECMAScript?
O ECMAScript, popularmente conhecido como JavaScript, é uma linguagem de programação consagrada no universo WEB.Praticamente qualquer aplicação WEB utiliza o JavaScript em algum momento, ou mesmo em toda sua concepção.
O que é TypeScript?
TypeScript é um superset (superconjunto) de funcionalidades aplicadas a linguagem JavaScript que nos permite criar aplicações mais robustas e seguras. Além disso com TypeScript podemos utilizar todo o poder do JavaScript moderno mesmo nos browsers atuais.
O que é Angular?
Angular é um framework JavaScript de código fonte abertodesenvolvido e mantido pelo Google que permite a criação de aplicações WEB e Mobile baseadas no modeloSingle-Page Application (SPA).
RESUMO DO CURSO:
Neste curso você aprenderá a criar aplicações WEB utilizando o framework Angular em sua versão 4. Além disso,no processo de desenvolvimento das aplicaçõesvocê utilizará o JavaScript juntamente com o superset TypeScript.
NESSE CURSO VOCÊ:
Aprenderádiversas features do JavaScript/ECMAScript (ES6, ES7, ES8, ES9, ES10, ES11 e ES12) tornando seu conhecimento sobre JavaScript ainda mais completo.
Irá adquirir conhecimentos básicos e intermediários no uso do TypeScript.
Aprenderá Orientação a Objetos em JavaScript com TypeScript.
Aprenderá tudo o que é necessário para criar aplicações WEB incríveis utilizando o framework Angular 4.
Aprenderá afazer o build dos seus projetos tanto nas versões de desenvolvimento quanto deprodução.
Aprenderá a fazer odeploy dos builds de produção tanto local (http-server e apache) quanto na nuvem (AWS S3).
Aprenderá a utilizar o pacote json-server para criação de APIs fake (ambiente de desenvolvimento).
Aprenderá a utilizar o Firebase (banco de dados real-time) como back-end das aplicações.
COMO VOCÊ VAI APRENDER TANTO? É SIMPLES:
JavaScript Moderno (ECMAScript) ES6, ES7, ES8, ES9, ES10, ES11 e ES12:A proposta é atualizar você no uso das principais features do JavaScript / ECMAScript.
TypeScript e Orientação a Objetos em JavaScript: Vamos nosaprofundar no uso do TypeScript em conjunto com oJavaScript explorando bastante os recursos de orientação a objetos (de forma teórica e prática).
#APP1 - Aprendendo Inglês:Aqui você será introduzido ao universo do framework Angular 4. Vamos criar nosso primeiro projeto que consiste em uma aplicação de tradução de frases. Ao longo do desenvolvimento desse projeto vamos aprender:
Como iniciar projetos Angular 4 via Angular-CLI
Como a SPAé iniciada no browser
Como criar componentes
Como integrar o Bootstrap 4 ao projeto (para criar aplicações responsivas)
Databinding (string interpolation, property binding e event binding)
LifeCicly Hooks (ngOnInit, ngOnChanges, ngOnDestroy)
Diretivas (ngFor e ngIf)
@Input e @Output
Build de desenvolvimento, build de produção e Deploy:Tão logo o nosso primeiro app em Angular 4 esteja pronto, vamos aprender a como podemos gerar builds de desenvolvimento e produção, bem como podemos distribuir esses builds, tanto utilizando servidores locais como http-server (NodeJS) e Apache (via XAMPP) quanto em servidores na nuvem (AWSS3 free)
#APP2 - Pássaro Urbano:Nosso segundo projeto será baseado no famoso site Peixe Urbano, ao longo do desenvolvimento desse projeto vamos aprender:
Como criar e consumir serviços
Promises
Como consumir uma API Rest
Rotas e navegação
Observables e o paradigma deProgramação Reativa
Pipes (Utilização de pipes nativos e criação de novos pipes)
Formulários (Template forms / Reactive forms)
#APP3 - Instagram Clone:Nosso terceiro projeto será baseado no famoso site Instagram, ao longo do desenvolvimento desse projeto vamos aprender:
Como utilizar a biblioteca deanimações do Angular (triggers, states, transitions, animate, keyframes)
Como conectar nossa SPA (front-end) ao Firebase (back-end)
Tá em dúvida? Experimente!
Esse curso tem 30 dias de garantia, tempo de sobra para você testar e aprovar. Se não gostar é só solicitar reembolso ;)
