Introdução
  • Mapa do curso
  • Canais de comunicação
Preparando o ambiente de desenvolvimento
  • Introdução a seção
  • [Windows] Instalando o NodeJS, NPM e Angular CLI
  • Instalando o Visual Studio Code
JavaScript Moderno ES6 (ECMAScript 2016)
  • Introdução a seção
  • Let e Const
  • Arrow functions
TypeScript e Orientação a Objetos em JavaScript
  • Introdução a seção
  • O que é TypeScript?
  • Instalando o TypeScript
  • Criando o nosso primeiro script TypeScript
  • Entendendo o compilador e o arquivo de configuração tsconfig.json
  • Inferência de tipos
  • Introdução ao desafio de Orientação a Objetos com TypeScript
  • Orientação a objetos - Classes, objetos, atributos e métodos
  • Class Carro - Criando e instanciando a nossa primeira classe
  • Visibilidade de atributos e métodos (public e private)
  • Classe Concessionaria - Praticando mais um pouco
  • Class Pessoa - Agora é com você!
  • Aplicando regras de negócio parte 1
  • Aplicando regras de negócio parte 2
  • Modularizando o código
  • Herança - Introdução
  • Herança - Prática
  • Sobrescrita de métodos
  • Interfaces - Introdução
  • Interfaces - Um pouco mais a fundo
  • Interfaces - Praticando mais um pouco
  • Generics
  • Extensão vscode-icons
Introdução ao Angular 4
  • Introdução a seção
  • Introdução ao Angular 4
  • Criando o primeiro App Angular 4
  • Entendendo a estrutura de um projeto Angular 4
  • Como o App foi carregado e iniciado?
  • Introdução aos Componentes Angular
  • App1 - Introdução ao projeto
  • App1 - Criando o componente Topo manualmente
  • Component Templates
  • Component Styles
  • Component Selector
  • App1 - Criando o componente Painel via CLI
  • App1 - Criando o componente Tentativas e Progresso via CLI
  • Instalando o Bootstrap no projeto
  • App1 - Topo (Template)
  • App1 - Painel (Template)
  • App1 - Progresso (Template)
  • App1 - Tentativas (Template)
  • Databinding
  • App1 - Topo (String Interpolation)
  • App1 - Tentativas (Property Binding)
  • Property Binding vs String Interpolation
  • Criando a classe Frase
  • Criando um Mock de objetos Frase
  • App1 - Importando as frases para o componente Painel
  • App1 - Exibindo instrução e frase (String interpolation)
  • Event binding - Introdução
  • Event binding - Prática
  • App1 - Definindo resposta do usuário (tradução da frase)
  • One-way-binding vs Two-way-binding
  • App1 - Verificando resposta parte 1
  • App1 - Estabelecendo a lógica das rodadas de frases
  • App1 - Verificando resposta parte 2
  • App1 - Controlando o progresso das respostas
  • App1 - @Input (property binding entre o componente painel e progresso)
  • App1 - Atualizando a rodada
  • App1 - Criando a classe Coracao
  • Diretivas
  • App1 - Exibindo corações com ngFor
  • App1 - Controlando as tentativas parte 1
  • App1 - @Input (property binding entre o componente painel e tentativas)
  • Introdução ao ciclo de vida dos componentes
  • App1 - Tratando parâmetros atualizados com ngOnChanges
  • App1 - Controlando as tentativas parte 2
  • App1 - Encerrando as traduções parte 1 (Vitória e derrota)
  • App1 - @Output (event binding entre o componente painel e App)
  • App1 - Executando método do componente pai através do componente filho
  • App1 - Controlando a exibição do Painel e testando o método ngOnDestroy
  • App1 - Exibindo mensagem de derrota
  • App1 - Exibindo mensagem de vitória
  • App1 - Reiniciando a aplicação
Build de desenvolvimento, build de produção e deploy
  • Introdução a seção
  • Build de desenvolvimento vs Build de produção
  • Deploy local via pacote http-server
  • Deploy local via XAMPP
  • Deploy na nuvem com Amazon AWS S3
#App2 (Pássaro Urbano) - Primeiros passos
  • Iniciando o projeto e entendendo a flag --prefix
  • Instalando o Bootstrap, JQuery e Tether no projeto
  • Criando os componentes Topo, Home e Rodape
  • Criando e alterando o favicon
Serviços e Promises
  • O que são Serviços (Services)?