Para quien aún mire a JS con recelo o quiera repasar algunos de sus aspectos clave, os traigo una serie de consejos que, espero, os hagan ver JS con mejores ojos.

1. Aterrizando en JS
Esther Lozano
@esloho
Consejos para node sesperar en el intento

2. IWD 2019 #WTMBcn19 #WTMBarcelona #WTM19

3. DISCLAIMER

4. Hola JS!

5. Asincronía
MIND THE (TIME) GAP

6. Asincronía
Paralelismo
Asincronía
t
t
Hilo 1
Hilo 2

7. Asincronía y concurrencia
Event Loop
Proceso 1
Proceso 2

8. Asincronía

9. Callback hell

10. Callback hell

11. Promesas

12. Promesas

13. Promesas

14. Promesas

15. async - await

16. Ámbitos

17. Ámbitos

18. Ámbitos
Compiler
Engine
Scope

19. Ámbitos
var a = 2
Compiler: Hey! ¿Tienes una a en
este ámbito?
Scope: Sip!
Compiler: Chachi!
Fase de generación de código

20. Ámbitos
var a = 2
Compiler: Hey! ¿Tienes una a en
este ámbito?
Scope: No sé de qué me hablas...
Compiler: Vete creando una
entonces ;)
Fase de generación de código

21. Ámbitos
var a = 2
Engine: Hey! ¿Tienes una a en este
ámbito?
Scope: Mmm… aquí no encuentro
nada
Engine: Vaya… ¿y en algún otro
sitio?
Fase de ejecución
Scope: ¡La encontré!
Engine: Yuju! Pues le voy poniendo
valor 2

22. Ámbitos
var a = 2
Engine: Hey! ¿Tienes una a en este
ámbito?
Scope: Mmm… aquí no encuentro
nada
Engine: Vaya… ¿y en algún otro
sitio?
Fase de ejecución
Scope: Ni aquí ni en Júpiter, no
insistas
Engine: Whaaaaaaaat…?

23. Ámbitos
ReferenceError

24. Ámbitos
a = 2 // Asignación implícita de parámetro
ReferenceError… o no

25. Ámbitos

26. // 2
// undefined
// undefined
Hoisting
// undefined??
// 2?? ReferenceError??

27. Hoisting
vs.

28. Hoisting
Las funciones van primero

29. Hoisting
Las declaraciones de funciones se
sobreescriben

30. Closures

31. Closures

32. Closures

33. Closures
“1”
“2”
“3”
“4”
“5”
“6”
“6”
“6”
“6”
“6”

34. Closures

35. Closures

36. WTF is this…?

37. WTF is this…?
Default binding
Implicit binding
Explicit binding
New binding

38. WTF is this…?

39. WTF is this…?

40. WTF is this…?

41. No sin mis tipos

42. Cuenta con mi arco!

43. Más madera
● Spread
● Rest

44. Más madera
● Default parameter values

45. Más madera
● Default value expressions

46. Más madera
● Destructuring

47. Más madera
● Interpolated expressions

48. Más madera
● for … in / for… of

49. Referencias
● You Don’t Know JS https://github.com/getify/You-Dont-Know-JS
● Documentación Typescript y playground http://www.typescriptlang.org/
● Compilador en línea Babel https://babeljs.io/repl/
● Tutoriales https://nodeschool.io/#workshoppers
● Pa las risas https://www.destroyallsoftware.com/talks/wat

50. Esther Lozano
@esloho
¿Preguntas?
esther@seedtag.com