Aprenda Angular 2 e 4 com TypeScript
4.6 (526 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,549 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprenda Angular 2 e 4 com TypeScript to your Wishlist.

Add to Wishlist

Aprenda Angular 2 e 4 com TypeScript

Construa aplicações modernas, escaláveis e testáveis com a nova versão do Framework do Google!
4.6 (526 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,549 students enrolled
Created by Plínio Naves
Last updated 9/2017
Portuguese
Current price: $10 Original price: $75 Discount: 87% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 10 hours on-demand video
  • 5 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Compreender a arquitetura por trás de uma aplicação Angular 2
  • Usar os conhecimentos adquiridos para se estabelecer como um desenvolvedor Angular
  • Criar aplicações Angular com total segurança do que está fazendo
  • Criar aplicações SPA (Single Page Applications) com um dos frameworks mais modernos do mercado para este fim
  • Usar os conhecimentos adquiridos para desenvolver aplicativos móveis híbridos com Ionic 2
View Curriculum
Requirements
  • Lógica de programação
  • Noções de Orientação a Objetos
  • HTML
  • CSS
  • JavaScript
  • Não é necessário saber Angular JS 1.x
Description

Quando o Angular 1.x surgiu, muitos desenvolvedores ficaram felizes com as funcionalidades que ele trouxe, tais como a facilidade para criar aplicações, evoluir, testar e manter.

O Angular 2 melhorou tudo o que o 1 trouxe e tornou-se ainda mais rápido, mais fácil de escalar e mais moderno. 

Conforme o tempo passou, o Angular 1 revelou algumas falhas de arquitetura. O Angular 2 foi criado com base em 5 anos de feedback da comunidade, sua base é moderna, mais capaz e mais fácil de aprender, inclusive para quem nunca teve contato nem com a primeira versão.

A versão 2 se baseia no conceito de componentes, que deixa mais simples e fácil de entender o que está sendo feito. Angular 2 veio para ficar, e mostrou em pouco tempo que não está para brincadeira.

Who is the target audience?
  • Desenvolvedores que desejam aprender a criar uma aplicação do zero
  • Desenvolvedores que desejam aprender usar as boas práticas do framework
  • Desenvolvedores que desejam adquirir uma base sólida no Angular 2
  • Desenvolvedores que já conhecem Ionic 2 e desejam aprender mais detalhes do Angular 2
  • Desenvolvedores web e mobile que desejam aprender um framework que permita criar aplicações robustas, escaláveis e testáveis
Compare to Other Typescript Courses
Curriculum For This Course
102 Lectures
10:12:24
+
Introdução
5 Lectures 17:57

Como assistir ao curso?
02:12

Canais de comunicação
03:07

O que é o Angular 2?
06:33

+
Ferramentas
5 Lectures 12:36
NodeJS e NPM
02:53

Git
03:12

Escolha do editor de texto
02:00

Instalando Visual Studio Code
02:07

Extensões
02:24
+
Um pouco de TypeScript
10 Lectures 54:04
O que é o TypeScript?
03:28

Instalando o TypeScript
03:50


VSCode Tasks
05:05

SourceMaps
02:13

Ocultando arquivos desnecessários no VSCode
03:29

Classes, Herança e sobrescrita de métodos
09:24



Exercicio
01:14
+
Quickstart com Angular 2
57 Lectures 05:16:05
Sobre a seção
00:51

Criando nosso primeiro projeto do zero
13:52

Entendendo a estrutura
12:50

Sobre o Browser Sync
03:42

Adicionando o Bootstrap 4
03:59


Criando um component para exibir a lista de contatos
08:26

A classe de modelo Contato
03:02

Exportando um array de contatos
01:53


Criando um component master/detail
03:53

Adicionando rotas com RouterModule
06:26

Módulo de rotas para os contatos
07:36

Barra de navegação e botões
03:05

RouterLinks
03:18

RouterLinks com parâmetros
03:41


Chamadas assíncronas com Promises
06:19

Simulando uma conexão lenta e encadeando Promises
10:11

Extraindo parâmetro da rota
05:16

Buscando contato pelo id
04:42

Two-way data-binding com ngModel
14:04

Verificando parâmetro da rota
01:52

Desabilitando botão Salvar do formulário
04:57

Mudanças de estado e validade com ngModel
08:32

Mensagens de erro do formulário com Bootstrap e ngClass
12:49

Evento ngSubmit
04:40

Criando uma API simulada
05:42


Tratamento de erros com catch
03:54

Cadastrando novo contato
07:09

Alterando um contato existente
03:28

DialogService
02:04

Deletando um contato
10:46

Mensagem ao deletar contato com ngClass, ngSwitch e ngIf
14:49

Melhorando nossa mensagem de erro do Timeout
02:36

Mensagem para lista vazia com ngIf
03:29

Usando location.back()
03:13

Plugin de Snippets do Angular
02:12

Criando Component para a busca
06:30

Sobre os Observables
04:28


Capturando entrada do usuário
01:50

Implementando a lógica da busca
14:40

Aguardando um tempo para a próxima chamada com debounceTime
02:20

Ignorando buscas repetidas com distinctUntilChanged
02:21

Tratamento de erro com catch
00:54

Exibindo contatos da busca
03:20

Exibindo detalhes dos contatos pesquisados
03:40

Sobre Input e Output properties
03:03

Input Property
09:25

Output Property
10:05

Syntax Sugar com two-way data-binding no ContatoBuscaComponent
04:06

Resetando busca ao clicar em um item
01:29

Bônus: interface para os serviços
06:07

Considerações sobre esta seção
01:54

Exercício
01:40
+
Arquitetura
12 Lectures 01:22:44
Sobre a seção
00:46


Modules
08:31

Na aula anterior, onde falamos sobre Angular Modules, foi explicado um pouco sobre como eles funcionam e citados os principais metadados (propriedades) que podem ser passados no construtor do decorator @NgModule.

Porém, existem mais 3 metadados que podem ser adicionados...

Exercício sobre Módulos
2 questions

Angular Modules vs JavaScript Modules
02:48

Bibliotecas Angular
03:34

Components
06:36

Templates
05:07

Metadata
08:13

Data Binding
12:00

Services
06:49

Dependency Injection
10:45

Considerações sobre a seção
09:14
+
Angular CLI
13 Lectures 02:08:58
Sobre a seção e o Angular CLI
03:33

Angular vs Angular CLI
02:08

Requisitos e Node upgrade
04:25

Instalando o Angular CLI
03:47

Exercício: lista de comando do ng help
00:49

Gerando novo projeto com ng new
06:45

Alterando extensão de estilo
04:52

Servindo com ng serve
10:14

Entendendo a estrutura: diretório src
20:26

Entendendo a estrutura: parte 2
28:40

Passando linter no código
08:04

Executando testes unitários
20:09

Executando testes de fim a fim
15:06
About the Instructor
Plínio Naves
4.6 Average rating
1,092 Reviews
4,420 Students
2 Courses
Desenvolvedor Web e Mobile

Plínio Naves é formado em Sistemas de Informação pela Libertas Faculdades Integradas. Trabalha com diversas tecnologias como Javascript, TypeScript, jQuery, Angular JS, Angular 4, Ionic 3, Node JS, PHP, Java, CSS, LESS, HTML5, MySQL, Oracle DB, Mongo DB, Padrão MVC, Redux, Programação Reativa (Reactive Programming), entre outras. Apaixonado por desenvolvimento web, está sempre antenado as novidades e tecnologias emergentes da área.