Introduction to JavaScript/TypeScript

Details about JavaScript language spiced up with TypeScript where it applies.

Source: https://javascript.info/

Session 1:

Fundamentals

• Hello, JavaScript & TypeScript!
• Code structure
• Variables
• Data types
• Type conversions
• Operators, maths
• Comparisons, Conditionals
• Loops
• Functions
• Nulish coalescing operator
• Error handling (try..catch)

Coding challenges

Session 2:

Objects

• Basics
• Copying, references
• Garbage collection
• Methods, "this"
• Constructor, "new"
• Optional chaining "?."
• Symbol type
• Object to primitive conversion

Data types

• Methods of primitives
• Numbers
• Strings
• Arrays (+ methods)
• Iterables
• Map and Set
• Objects
• Destructuring
• Date and time
• JSON

Coding challenges

Session 3:

Working with Functions

• Recursion & stack
• Rest and spread
• Scope & Closure
• Global
• Scheduling: setTimeout & setInterval
• Decorators and forwarding (call/apply/bind)

Coding challenges

Session 4:

Promises, async/await

• Callbacks
• Promise (chaining, error handling)
• Promise API
• Promisification
• Microtasks
• Async/await

Coding challenges

Session 5:

Prototypes, inheritance

Other

• Modules (Introduction, Import/Export, Dynamic)
• Coding style
• Debugging (Chrome DEV Tools, NodeJS inspector)
• Polyfills
• Custom errors

Session 6:

Practice exercise: Draw Shapes

Set up

• Install Node.js:
  • One of LTS or latest: https://nodejs.org/en/
  • If you need multiple versions: https://github.com/jasongin/nvs

How to use this

Checkout the repo Run npm i