Slides for Zx's JavaScript course by Eduardo Pedroso

1. JavaScript
Zero to Hero
Class 1
eduardo pedroso

2. - Variables (ES6+)

3. - Variables

4. - Variables

5. - Scope
- Lexical Scope (Building example)
- Atomic scope (functions, try catch)
- Residences building
- Dynamic Scope
- Dynamic vs lexical

6. - Dynamic vs lexical

7. - scope

8. - scope

9. - scope

10. - scope

11. - Types (yes, types!)
- primitive types (passed by value)
- String
- number
- boolean
- non-primitive types (passed by reference)
- object
- function

12. - Types (yes, types!)
- == vs. ===
- typeof()

13. - primitive types (passed by value)

14. - non-primitive types (passed by reference)

15. - ' this ' keyword
- every function, while executing, has a
reference to its current execution
context, called this
- Informs us the address of the building
we're looking for (before looking
floor by floor)
- Look at the call site

16. - ask who is ' this '

17. - binding rules
- Default binding
- implicit binding
- explicit binding
- hard binding

18. - explicit binding

19. - hard binding

20. - Arrow functions vs. function declarations
- they're not equivalent, not silver bullet!
- arrow functions are resolved as any other variable
in lexical time (references the object above it)
- function declarations receives the scope of the
calling site

21. - Closure
- variables can be local or global
- Global variables can be made local with closures
- variables life cycle
- A closure is a function having access to the parent
scope, even after the parent function has closed.

22. - Closure

23. - map, filter and reduce

24. - map, filter and reduce

25. - map, filter and reduce

26. - Deconstruct and spread operator
- A way to extract values from objects and arrays

27. - Deconstruct and spread operator

28. - Deconstruct and spread operator

29. - Deconstruct and spread operator

30. JavaScript
Zero to Hero
Next class:
- prototypes
- async
- http
- promises