Introdução
  • Seja bem vindo!
  • Objetivos do Curso
  • Instrutor
  • Conhecimentos Necessários
  • Introdução
  • Por que aprender Angular através da criação de projetos?
  • Como acompanhar o curso
  • Requisitos do Sistema
  • Instalando o Sublime
  • Notas para a versão 12 do Angular
  • Instalando o NodeJS/NPM
  • Importando os códigos dos projetos
  • Notas para a versão 12 do Angular
  • Introdução
Primeiro projeto - Olá mundo!
  • Introdução
  • Instalando o Angular CLI
  • Notas para a versão 12 do Angular
  • Criando o primeiro projeto - Olá mundo!
  • Notas para o Angular CLI 12 do Angular 12
  • Arquitetura modular do Angular
  • TypeScript
  • Webpack
  • Estrutura de um projeto Angular CLI - parte 1/2
  • Estrutura de um projeto Angular CLI - parte 2/2
  • Scripts do Angular CLI
  • Primeiro projeto
Segundo projeto - Calculadora
  • Introdução
  • Criando o segundo projeto - Calculadora
  • Importante!
  • Criando o módulo Calculadora
  • Criando o componente Calculadora
  • Criando o serviço Calculadora
  • Criando a interface HTML da Calculadora
  • Notas para a configuração do Bootstrap no Angular 12
  • Instalando o Bootstrap
  • Implementando o serviço CalculadoraService
  • Documentando o serviço CalculadoraService
  • Testando o serviço CalculadoraService
  • Fazendo debug do serviço CalculadoraService
  • Implementando o componente CalculadoraComponent
  • Implementando a interface do CalculadoraComponent
  • Testando o CalculadoraComponent
  • Segundo projeto
Terceiro projeto - Gerenciador de tarefas
  • Introdução
  • Criando o terceiro projeto - Gerenciador de tarefas
  • Importante!
  • Notas para a versão 12 do Angular
  • Instalando o Bootstrap
  • Configurando as rotas de navegação no componente principal
  • Criando o módulo de tarefas
  • Criando o model de tarefas
  • Criando o serviço de gerenciamento de tarefas - parte 1/2
  • Criando o serviço de gerenciamento de tarefas - parte 2/2
  • Criando o componente de listagem de tarefas
  • Registrando as rotas de listagem de tarefas
  • Nota para a criação da interface HTML
  • Criando a interface HTML da listagem de tarefas
  • Implementando a listagem de tarefas - parte 1/2
  • Implementando a listagem de tarefas - parte 2/2
  • Criando o componente de cadastro de tarefas
  • Registrando as rotas de cadastro de tarefas
  • Criando a interface HTML do cadastro de tarefas
  • Nota sobre o ViewChild do vídeo a seguir
  • Implementando o cadastro de tarefas - parte 1/2
  • Implementando o cadastro de tarefas - parte 2/2
  • Criando o componente de edição de tarefas
  • Registrando as rotas de edição de tarefas
  • Criando a interface HTML da edição de tarefas
  • Nota sobre o ViewChild do vídeo a seguir
  • Implementando a edição de tarefas
  • Removendo tarefas
  • Alterando o status de uma tarefa
  • Criando uma diretiva de tarefa concluída
  • Implementando a diretiva de tarefa concluída
  • Ajustando os testes unitários
  • Terceiro projeto
Quarto projeto - Jogo da velha
  • Introdução
  • Notas para a versão 12 do Angular
  • Criando o quarto projeto - Jogo da velha
  • Importante!
  • Criando o módulo Jogo da velha
  • Criando o componente Jogo da velha
  • Criando o serviço do Jogo da velha
  • Implementando o serviço do Jogo da velha - parte 1/2
  • Implementando o serviço do Jogo da velha - parte 2/2
  • Criando a interface HTML do Jogo da velha
  • Criando o CSS do Jogo da velha
  • Adicionando uma fonte ao Jogo da velha
  • Adicionando imagens ao Jogo da velha
  • Implementando a tela inicial do Jogo da velha
  • Implementando a tela do tabuleiro do Jogo da velha
  • Implementando a tela final do Jogo da velha
  • Ajustando os testes unitários do Jogo da velha
  • Quarto projeto
Quinto projeto - Conversor de moedas