11-02-2019, 11:07 PM
![[Image: 13358be6e2e7ce4da039abec75512332.jpg]](https://i89.fastpic.ru/big/2019/1019/32/13358be6e2e7ce4da039abec75512332.jpg)
Curso de Desenvolvimento WEB com ES6, TypeScript e Angular
.MP4 | Video: 1280x720, 30 fps® | Audio: AAC, 48000 Hz, 2ch | 5.27 GB
Duration: 31 hours | Genre: eLearning Video | Language: PortuguГЄs
Crie aplicaГ§Гµes WEB incrГveis como Peixe Urbano e Instagram utilizando javascript ES6, TypeScript e Angular.
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.
Requirements
Para aproveitar bem o curso Г© importante ter conhecimentos bГЎsicos em HTML, CSS e javascript.
Todas as ferramentas utilizadas neste treinamento sГЈo de uso profissional e livre, ou seja, sГЈo gratuitas.
Description
Aprenda a desenvolver aplicaГ§Гµes WEB com javascript ES6, TypeScript e Angular, um curso 100% prГЎtico e super completo.
ENTENDENDO AS TECNOLOGIAS:
O que Г© javascript ES6?
javascript Г© uma linguagem de programaГ§ГЈo consagrada no universo WEB, praticamente qualquer aplicaГ§ГЈo WEB utiliza javascript em algum momento.
O termo ES6 (ECMAScript 6) consiste na versГЈo atual do javascript lanГ§ada em junho de 2015, nessa versГЈo diversas features foram disponibilizadas, como por exemplo a importaГ§ГЈo de mГіdulos nativa e um suporte a orientaГ§ГЈo a objetos mais simplificado, entre muitos outros recursos.
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 ES6 mesmo nos browsers atuais (compatГveis apenas com ES5).
O que Г© Angular?
Angular Г© um framework javascript de cГіdigo fonte aberto desenvolvido e mantido pelo Google que permite a criaГ§ГЈo de aplicaГ§Гµes WEB e Mobile baseadas no modelo Single-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Г§Гµes vocГЄ utilizarГЎ o javascript em sua versГЈo mais recente (ES6) juntamente com o superset TypeScript.
NESSE CURSO VOCГЉ:
AprenderГЎ diversas features do ES6 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 ES6 com TypeScript.
AprenderГЎ tudo o que Г© necessГЎrio para criar aplicaГ§Гµes WEB incrГveis utilizando o framework Angular 4.
AprenderГЎ a fazer o build dos seus projetos tanto nas versГµes de desenvolvimento quanto de produГ§ГЈo.
AprenderГЎ a fazer o deploy 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 ES6 (ECMAScript 2016): A proposta Г© atualizar vocГЄ no uso das principais features do ES6.
TypeScript e OrientaГ§ГЈo a Objetos em javascript: Vamos nos aprofundar no uso do TypeScript em conjunto com o javascript 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 (AWS S3 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 de ProgramaГ§ГЈ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 de animaГ§Гµes do Angular (triggers, states, transitions, animate, keyframes)
Como conectar nossa SPA (front-end) ao Firebase (back-end)
TГЎ em dГєvida? Experimente!
Who this course is for:
Este curso Г© indicado para alunos que jГЎ participaram do treinamento "Web Completo 2.0 - 18 cursos + 18 projetos" ou que possuam conhecimentos equivalentes em HTML, CSS e javascript e que estejam interessados em aprimorar seus conhecimentos no desenvolvimento de sistemas web.
Qualquer pessoa interessada em aprender as novas features do javascript ES6.
Qualquer pessoa interessada em aprender a como podemos utilizar o superset TypeScript para escrever aplicaГ§Гµes javascript ainda mais robustas.
Qualquer pessoa interessada em aprender o framework Angular 4 para criaГ§ГЈo de Single Page Applications (SPAs)
![[Image: ae7af3542cca06b467d5fbb5d548f90c.jpg]](https://i87.fastpic.ru/big/2019/1019/0c/ae7af3542cca06b467d5fbb5d548f90c.jpg)
DOWNLOAD
Code:
http://nitroflare.com/view/35B74E5B9738CE7/6k44q.Curso.de.Desenvolvimento.WEB.com.ES6.TypeScript.e.Angular.part1.rar
http://nitroflare.com/view/55BEAD59315AB6A/6k44q.Curso.de.Desenvolvimento.WEB.com.ES6.TypeScript.e.Angular.part2.rar
http://nitroflare.com/view/838550EE7E91820/6k44q.Curso.de.Desenvolvimento.WEB.com.ES6.TypeScript.e.Angular.part3.rar
Code:
https://rapidgator.net/file/c0bb4f54a0c238bd4fbc4bc7facae2bc/6k44q.Curso.de.Desenvolvimento.WEB.com.ES6.TypeScript.e.Angular.part1.rar
https://rapidgator.net/file/7c4d21cec9ff1d2222ce6c2e97b66273/6k44q.Curso.de.Desenvolvimento.WEB.com.ES6.TypeScript.e.Angular.part2.rar
https://rapidgator.net/file/0f81ba834bde952453e40143a4cb3a3e/6k44q.Curso.de.Desenvolvimento.WEB.com.ES6.TypeScript.e.Angular.part3.rar