Do Javascript ao React: aprendendo e se adaptando a mudanças aula 1 | From Javascript to React: learning and adapting to change lesson 1

- Semana da Tecnologia de 2018 na FATEC Sorocaba (08/10/2018): workshop de 2 dias

Transcript

1. Do Javascript ao React Aprendendo e se adaptando à mudanças
2. Juliana Negreiros
3. Guilherme Caçador Monteiro
4. Objetivos e porquês
5. Antes de começar
6. bit.ly/movies-react-worksho p
7. developers.themoviedb.org/3
8. Sobre APIs
9. codesanbox.io
10. Iniciando uma linda amizade com o debugger
12. Precisamos falar sobre Javascript
13. ECMAscript 6 ou ECMAscript 2015
14. Conversão automática de tipos
15. 1 == '1' 3 > 2 > 1
16. 1 == '1' 3 > 2 > 1
17. Declaração de variáveis
18. const let var
19. const a = {name: 'Ju'} const b = a const c = {name: 'Ju'}
20. a == b a == c a.name = 'Gui' a == b a = 'name'
21. let d = 'ju' d = 'gui' let d = 'outro nome'
22. Atributos
23. const dados = {} dados.nome = 'ju' dados['filme preferido'] = 'Braveheart' dados[1] = 2
24. Assíncrono
25. Promises
28. Programação Funcional
29. Declarativo x Imperativo
30. const nomes = ['ju', 'gui']
31. for(let i = 0; i < nomes.length; i++) { console.log(nomes[i]); }
32. nomes.forEach(nome => console.log(nome))
33. High Order Functions
34. function multiplica(n1){ return n2 => n1 * n2 } const dobro = multiplica(2) console.log(dobro(8))
35. Filter, map, reduce e forEach
36. forEach(element, index) const numeros = [1, 2, 3, 4, 5, 6] const print = numeros => numeros.forEach(numero => console.log(numero)) print(numeros)
37. map(element, index, array) const numeros = [1, 2, 3, 4, 5, 6] const dobros = numeros.map(numero => numero * 2)
38. filter(element, index, array) const numeros = [1, 2, 3, 4, 5, 6] const pares = numeros.filter(numero => numero % 2 === 0)
39. reduce(prevVal, elemento, index, array, initVal) const numeros = [1, 2, 3, 4, 5, 6] const total = numeros.reduce((prev, numero) => prev + numero, 0)
40. DOM
41. 41b0dacac11ce51d0d8085 035a3a5e73bi
42. https://codesandbox.io /s/lpq882ljkl