Curso online de JavaScript avançado I: ES6, orientação a objetos e padrões de projetos

Conteúdo Detalhado

1. Prólogo: regras, código e manutenção

   • Bem-vindo
   • Considerações sobre curso
   • Visão geral do projeto
   • Visão geral da página
   • Manipulando DOM
   • Se "enrolando" com o DOM
   • Onde estão as boas práticas?

2. Especificando uma Negociação

   • O que é um modelo?
   • O paradigma orientado a objetos
   • OO e Classes
   • A classe Negociação
   • Construtor da classe e parâmetros
   • Cuidado com o modelo anêmico
   • Métodos
   • Encapsulamento
   • A sintaxe get
   • Objetos imutáveis
   • Programação defensiva

3. A ligação entre as ações do usuário e o modelo

   • A classe NegociacaoController
   • Associando métodos do controller às ações do usuário
   • Transformando document.querySelector em $!
   • Mudando o contexto de this com a função bind
   • Evitando percorrer o DOM muitas vezes
   • O problema com datas
   • Resolvendo um problema com o paradigma funcional
   • Spread Operator: deixando código menos verboso
   • Arrow Functions: deixando o código ainda menos verboso

4. Lidar com data é trabalhoso? Chame um ajudante!

   • Exibindo o objeto Date no formato dia/mês/ano
   • Isolando a responsabilidade de conversão de datas
   • Métodos estáticos
   • Chega de concatenações com Template Strings
   • Criando nosso ListModel

5. Temos o modelo, mas e a view?

   • Classes que representam nossas Views
   • Exaurindo o poder de Template Strings
   • Bolando um sistema de renderização
   • Construindo um Template Dinâmico com a função map
   • Totalizando o volume em nosso Template com a função reduce

6. Generalizando a solução da nossa View

   • Repetir código nunca é bom
   • Herança e reutilização de código
   • construtor vs super