Este documento presenta una introducción a los conceptos fundamentales de JavaScript como la asincronía, callbacks, promesas, async/await, ámbitos, hoisting, closures y this. También cubre temas avanzados como tipos, spread/rest, destructuring y expresiones interpoladas. Al final, proporciona recursos recomendados para aprender más sobre JavaScript.

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

2. Hola JS!

3. Asincronía
MIND THE (TIME) GAP

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

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

6. Asincronía

7. Callback hell

8. Callback hell

9. Promesas

10. Promesas

11. Promesas

12. Promesas

13. async - await

14. Ámbitos

15. Ámbitos

16. Ámbitos
Compiler
Engine
Scope

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

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

19. Ámbitos
var a = 2
Engine: Hey! ¿Tienes una a en este
scope?
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

20. Ámbitos
var a = 2
Engine: Hey! ¿Tienes una a en este
scope?
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…?

21. Ámbitos

22. Ámbitos
a = 2 // Asignación implícita de parámetro

23. Ámbitos

24. Hoisting
// 2
// undefined

25. Hoisting

26. Closures

27. Closures

28. Closures

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

30. Closures

31. Closures

32. WTF is this…?

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

34. WTF is this…?

35. WTF is this…?

36. WTF is this…?

37. No sin mis tipos

38. Cuenta con mi arco!

39. Más madera
● Spread
● Rest

40. Más madera
● Default parameter values

41. Más madera
● Default value expressions

42. Más madera
● Destructuring

43. Más madera
● Interpolated expressions

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

45. 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

46. Esther Lozano
@esloho
¿Preguntas?
esloho@gmail.com