Table of content:

Module #1 The basics

• loading and running javascript
• variables
• Type of variables
  • Strings
  • Numbers
  • Objects
  • Null and Undefined
  • Booleans and equality

Module #2 Functions

• Build functions
• Parameters and arguments
• Different ways to declare a function
  • Regular function declaration
  • anonymous
  • Function expression
  • Arrow function
  • Returning an Object
  • IIFE - Immediately Invoked Function Expression
  • Mothods
  • Callback Functions

Module #3 The tricky bits

• Scope
  • Global variables
  • Function scope
  • Block scope
• Hoisting
• Closures

Module #4 The DOM

• Selecting elements
• Elements properties and methods
• Working with classes
• Build in and custom data attributes
• Creating HTML
• HTML from strings and XSS
• Traversing and removing nodes

Module #5 Events

• Event listener
• Targets, bubbling, propagation and capture
• Prevent default and form events
• Accessibility gotchas and keyboard codes

Module #6 Serious practice exercises

• Etch-a-sketch
• Click Outside Modal
• Scroll Events and Intersection Observer
• Tabs

Module #7 Logic and flow control

• BEDMAS
• Flow control - if statements, function, returns, truthy, falsy
  • Statements
  • If statements inside a function
  • Operators
  • Truthy Falsy
• Coercion, ternaries and conditional abuse
  • Coercion
  • Ternaries
  • Conditional Abuse
  • Blockless if statements
• Case switch and animating a turtle with CSS variables
• Intervals and timers
  • Timers
  • Intervals
  • Clear Timers and Intervals

Module #8 Data types

• Objects
  • Cerate objects
  • Adding/modify objects properties
  • Frozen Object
  • Delete Object properties
  • Function inside object
• Object reference vs values
  • Compare objects
  • Copy objects
  • Merge objects
• Maps
  • Set
  • Has
  • Delete
• Arrays
  • Access to index
  • Mutable and immutable
  • Add items
  • Find and remove items
• Array cardio - static methods
• Array cardio - instance methods
• Array cardio - callback methods

Module #9 Getting Loopy

• Array .forEach
• Mapping
• Filter, find and higher order functions
• Reduce
• Reduce exercise
• For, for in, for of and while loops

Module #10 Harder practice exercises

• Face detection and censorship
• Sarcastic text generator
• Shopping from with custom events, delegation and local storage
• Building a gallery exercise
• Building a slider

Module #11 Prototypes, 'this', 'new', and inheritance

• The new keyword
• The this keyword
• Prototype refactor of the gallery exercise
• Prototypes and prototypal inheritance
• Prototype refactor of the slider exercise
• Bind, call and apply

Module #12 Advanced flow control

• The event loop and callback hell
• Promises
• Promises Error Handling
• Refactoring callback hell to promise
• Async Await
• Async Await Error Handling
• Async Await Prompt UI
• Async Await Typer UI

Module #13 Ajax and fetching data

• Ajax and API
• CORS and recipes
• Dad jokes
• Currency converter

Module #14 ES Modules and structuring Larger Apps

• Modules
• UsingOpenSourceNPMPackages
• Security