/curso-javascript-moderno

🌌 Curso JavaScript Moderno

Ambiente

  • VSCode
  • NodeJS
  • Extensões
  • Integração GitHub
  • Prettier

Estrutura de Dados

  • Array []
  • Object {}

JavaScript ES6+

  • Programação Declarativa
    • Código é para humanos
    • Código Imperativo X Código Declarativo
  • Declaração de variáveis e constantes
    • const
    • let
    • var
  • String Template
    • Hello, ${name}
  • Arrow Functions
    • const id = x => x
  • Default Parameters
    • const greeter = (name = "João") => console.log(name)
  • Destructuring
    • [a, b] = [10, 20]
    • { nome, idade } = { nome: "Amélia", idade: 27 }
    • ({ nome, idade }) => console.log(nome + ' ' + idade)
  • Spread Operator
    • nums = [...nums, 30]
    • state = { ...oldObj, newProp }
  • Computed Property Names
    • newState = { [prop]: newValue }

Looping

  • for ... of
  • for ... in

Functional Programming

  • Funções de primeira classe
  • Callbacks
  • Funções Puras
  • Imutabilidade

Processamento de Dados

  • .map
  • .filter
  • .reduce

Métodos do protótipo de Array

  • .foreach
  • .slice
  • .find
  • .some
  • .every

Async

  • Promise
  • fetch para chamadas AJAX
  • async/await

Referências