JavaScript Development

Subjects

Types

In this module, you will learn about JavaScript's type system.

Lessons

• Built-in types
• Primitive types like number, string, null, undefined, etc.
• Reference types and built-in objects such as globalThis
• Regular expressions
• Variable declaration and their scope

After completing this module, students will be able to:

• Understand how JavaScript handles types
• Know the difference between var, let en const

Conversions

In this module, you will learn everything about JavaScript's conversions

Lessons

• When conversions take place
• JavaScript's preferences with conversions
• Object/Array to string/number
• number to string
• string to number

After completing this module, students will be able to:

• Understand when conversions take place
• Understand how objects and primitive values are converted

Operators

In this module, you will learn about JavaScript's operators

Lessons

• == vs ===
• typeof, instanceof, delete, etc
• x ? y : z, ..., ||, &&, ??, **, etc
• +, **, ??=, ||=, etc

Lab: types, conversions and operators

After completing this module, students will be able to:

• Name the difference between &&, || and ??
• Recognize all operators and know their usefulness

Control structures

In this module, you will learn about JavaScript's control structures

Lessons

• Standard control structures like for, if and while
• switch
• for..in and for..of
• Exception handling
• Strict mode
• Semicolon insertion

After completing this module, students will be able to:

• Know when to use in and of with for-loops
• Throwing and handling exceptions
• Taking advantage of strict mode
• Determine whether you're pro-semicolons or against

Arrays

In this module, you will learn to work with arrays and that arrays in JavaScript secretly aren't arrays

Lessons

• Create and use arrays
• That JavaScript arrays are not your typical arrays
• Use Array functions
• Use the spead-operator with arrays

Lab: Arrays

After completing this module, students will be able to:

• Interact with arrays on a professional level

Objects

In this module, you will learn to create, use and otherwise interact with objects

Lessons

• Create objects
• Object literals
• Different notations for accessing properties
• Duplicate properties and its applications
• Using the JSON-object

Lab: Objects

After completing this module, students will be able to:

• Handle objects in a professional manner
• Create factories
• Convert objects to JSON and vice versa

Functions

In this module, you will learn to professionally interact with functions

Lessons

• The hoisting of functies
• Function parameters and default parameters
• Block-level functions
• Arrow functions: () => {}

Lab: Functions

After completing this module, students will be able to:

• Professionally handling functions
• Use function parameters and default parameters
• Determine when to use "regular" functions and when to use an arrow function

Destructuring

In this module, you will learn how to destruct objects and arrays

Lessons

• Destructuring objects
• Destructuring arrays
• Destructuring an object/array-combination
• Set default values and aliases
• Using the rest-operator in combination with destructuring
• Practical applications of destructuring

Lab: Destructuring

After completing this module, students will be able to:

• Destructure a complex object or array
• Recognize when a situation practically lends itself for destructuring

Classes

In this module, you will learn to professionally handle classes

Lessons

• Define and use classes
• Class expressions
• Getters/setters
• static
• Inheritance
• Overriding functions
• Abstract classes

Lab: Classes

After completing this module, students will be able to:

• Define and use classes
• Write getters/setters on a class
• Define static functions and properties
• Apply inheritance
• Make a class functionally abstract

Modules

In this module, you will learn to work in a modular fashion using ES Modules

Lessons

• Why modules
• Modules in the browser
• import, export and their variations
• Getting acquainted with module bundlers

Lab: Modules

After completing this module, students will be able to:

• Work in a modular fashion using ES Modules
• See the advantages of module bundlers

Advanced functions

In this module, you will learn about the advanced use of functions

Lessons

• Function properties
• Constructor functions
• The mystery of this unveiled
• Arrow functions
• IIFE's
• Closures
• Template literals

Lab: Advanced functions

After completing this module, students will be able to:

• Determine when to use a function and when to use an arrow function
• Reason about the value of this
• Utilize the advantages of arrow functions
• Understand libraries better an appropriate situation presents itself

Prototypes

In this module, you will learn what prototypes are and how you can apply them

Lessons

• Prototypes
• Prototype chain
• Set/change the prototype
• Inheritance
• super

Lab: Prototypes

After completing this module, students will be able to:

• Understand how prototypes work in JavaScript
• Use prototypes for inheritance of writing extension methods
• Understand how classes relate to prototypes8

Symbols

In this module, you will learn about Symbols: a value-type to uniquely address something

Lessons

• Symbols
• The value type
• Built-in symbols and the symbol registry
• Symbols and properties
• Libraries and symbols

Lab: Symbols

After completing this module, students will be able to:

• Use and write symbols
• Influence JavaScript's conversions using Symbol.toPrimitive()

Sets and maps

In this module, you will learn about the built-in types Set and Map

Lessons

• Set en Map
• Their weaker counterparts, WeakSet en WeakMap

Lab: Sets en Maps

After completing this module, students will be able to:

• Use Set and Map when an appropriate situation presents itself

Iterators and generators

In this module, you will learn about iterating using iterators and generators

Lessons

• Iterators, Symbol.iterator() and the Iterator pattern
• Generators and yield

Lab: Iterators and generators

After completing this module, students will be able to:

• Use iterators en generators
• Implement the iterator pattern
• Create a generator

Advanced objects

In this module, you will learn using objects in an advanced manner

Lessons

• Static functions on objects: Object.is(), Object.assign(), Object.keys() and more
• Proxy
• Reflect
• Encapsulation
• Garbage collection

Lab: Advanced objects

After completing this module, students will be able to:

• Use certain static functions when an appropriate situation presents itself
• Use Proxy to trap interactions
• Use Reflect for reflection-like functions
• Shield functions/properties in various ways from other bits of code
• Hook into the event of an object being garbage collected by the JavaScript-engine

Promises

In this module, you will learn about performing asynchronous work using promises

Lessons

• Creating and using promises
• Promise chaining
• Error handling
• Returning values
• Static functions like Promise.all(), Promise.allSettled() and more
• Useful techniques
• async/await

Lab: Asynchronously read the contents of multiple files

After completing this module, students will be able to:

• Create and use promises
• Implement error handling and chaining
• Deal with parallel promises
• Use async/await to improve readability