Apresentação sobre es6. Lightning talk na ilegra

1. Introdução a
EcmaScript 6

2. Jonathan Sedrez
ilegra
Desenvolvedor Frontend - React
Hello!
2

3. “
It’s harder to read code
than to write it.
3
- Joel Spolsky

4. Javascript - EcmaScript - ES6
É tudo javascript
1
4

5. Javascript
É uma linguagem de programação interpretada de
alto nível, caracterizada também,como dinâmica,
fracamente tipada, prototype-based e multi-
paradigma.
Javascript não possui mais esse nome desde 1997.
Ela se chama, há 20 anos, ECMAScript.
5

6. EscmaScript
Antes que o Javascript se tornasse popular, para
que a linguagem evoluísse obedecendo a
determinados padrões e normativas, os criadores
do Javascript se associaram ao ECMA em 1996.
ECMA: Associação fundada em 1961 dedicada à padronização
de sistemas de informação.
6

7. Versões EscmaScript
7
ES 1
Lançada oficialmente em
1997, representa a primeira
versão da linguagem.
ES 2
criada em agosto de 1997
para se adequar à
ISO/IEC 16262.
ES 3
Implementações de
laços de repetição do-
while, tratamento de
exceções, etc..
ES 4
Baseado em ML, uma
linguagem de programação
funcional mais utilizada em
ambientes de pesquisa
acadêmica.
ES 5
Recursos como o suporte a
JSON, métodos mais
avançados de manipulação
de arrays, getters e setters,
ES 6
Atribui recursos
avançados à linguagem
como reflection,
collections, binary data,
dentre outros.
ES 7
Possui como operadores
exponenciais, dentre
outros.

8. EscmaScript 6
8
Foram focados em alguns objetivos no desenvolvimento do ES6:
- Ser uma linguagem melhor para construir
aplicações complexas
- Resolver problemas antigos do JavaScript
- Facilidade no desenvolvimento de libraries

9. Features
2
9

10. Declaração de variáveis
10
Foram adicionadas duas formas de declarar uma
variável: let e const
let: A diferença principal entre o var e o let é que enquanto o primeiro
tem escopo de função, o segundo possui escopo de bloco
const: Funciona de forma semelhante. A única diferença é que as
variáveis criadas não podem ser reatribuídas.

11. Default Parameters
11
Os parâmetros predefinidos de uma função permitem
que parâmetros regulares sejam inicializados com
com valores iniciais caso undefined ou nenhum valor
seja passado.

12. Default Parameters
12

13. Template Literals
13
Uma outra forma de declarar uma string
concatenando com variáveis da aplicação.
Deixa o código mais limpo e fácil de ler

14. Template Literals
14

15. Arrow Functions
15
Arrow functions são um excelente syntax sugar na
criação de funções.
Mas o verdadeiro benefício das arrows functions não
está na expressividade, ele se encontra na resolução
de um antigo problema da linguagem: o this.

16. Arrow functions
16

17. Destructuring
17
Uma nova forma de declarar variáveis
extraindo valores de objetos e arrays é
através do destructuring.

18. Destructuring
18

19. export/import
19
Exportar módulos é bem simples. Após criarmos uma
função podemos simplesmente adicionar a palavra
export antes da definição da mesma.

20. export/import
20

21. Spread operator
21
Spread Operator converte um array em argumentos,
ele é muito útil quando se precisar quebrar um array
para passar seus valores para uma função ou
construtor de um objeto como argumentos de valores
separados.

22. Spread operator
22

23. Ternary operator
23
O operador condicional (ternário) é o único operador
JavaScript que possui três operandos. Este operador é
frequentemente usado como um atalho para a
instrução if.

24. Ternary operator
24

25. Browser compativeis?
25

26. Babel
26
É um compilador JavaScript gratuito e de código
aberto e transpiler configurável usado no
desenvolvimento web.

27. Referências
27
- medium.com/@matheusml/o-guia-do-es6-tudo-que-
voc%C3%AA-precisa-saber-8c287876325f
- developer.mozilla.org/pt-BR/
- medium.com/trainingcenter/afinal-javascript-e-ecmascript-
s%C3%A3o-a-mesma-coisa-498374abbc47

28. Let’s code!
Exemplos vistos em aula
3
28

29. Alguma dúvida ?
Thanks!
29

30. Frontend Roadmap 2019
https://github.com/kamranahmedse/developer-roadmap
4
30

31. 31