Aterrizando en JS: Consejos para [node]sesperar en el intento
0 recomendaciones213 vistas
El documento presenta una charla sobre aspectos clave de JavaScript, incluyendo conceptos de asincronía, concurrencia, ámbitos y closures. Se exploran temas como el event loop, callbacks, promesas y el hoisting, además de proporcionar recursos educativos adicionales sobre JavaScript y TypeScript. Esther Lozano ofrece consejos útiles y un espacio para preguntas al final de la presentación.
Aterrizando en JS: Consejos para [node]sesperar en el intento
- 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
- 7. Asincronía y concurrencia Event Loop Proceso 1 Proceso 2
- 8. Asincronía
- 10. Callback hell
- 11. Promesas
- 12. Promesas
- 13. Promesas
- 14. Promesas
- 15. async - await
- 16. Ámbitos
- 17. Ámbitos
- 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…?
- 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
- 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
- 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