JavaScript Fundamentals

Subjects

Types

In this module, you build a practical understanding of JavaScript's type system.

Lessons

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

After completing this module, students will be able to:

• Explain how JavaScript handles values and types
• Distinguish clearly between var, let and const

Conversions

In this module, you learn how JavaScript performs type conversions and coercion.

Lessons

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

After completing this module, students will be able to:

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

Operators

In this module, you learn how to use JavaScript's operators safely and effectively.

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:

• Explain the difference between &&, || and ??
• Recognize key operators and choose the right one for the job

Control structures

In this module, you learn to apply JavaScript's control structures in production code.

Lessons

• Standard control structures such as 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:

• Choose correctly between for..in and for..of
• Throw and handle exceptions effectively
• Apply strict mode in the right contexts
• Make consistent decisions about semicolon usage

Arrays

In this module, you learn how JavaScript arrays work and why they differ from fixed-size arrays.

Lessons

• Create and use arrays
• Why JavaScript arrays are not your typical arrays
• Use array functions
• Use the spread operator with arrays

Lab: Arrays

After completing this module, students will be able to:

• Work with arrays confidently in professional code

Objects

In this module, you learn to create, model, and manipulate objects effectively.

Lessons

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

Lab: Objects

After completing this module, students will be able to:

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

Functions

In this module, you learn to use functions as a core design tool in JavaScript.

Lessons

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

Lab: Functions

After completing this module, students will be able to:

• Handle functions professionally
• Apply function parameters and default parameters effectively
• Determine when to use regular functions and when to use an arrow function

Destructuring

In this module, you learn how destructuring improves readability and intent in code.

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 complex objects and arrays
• Recognize when destructuring is the most practical option

Classes

In this module, you learn to use classes clearly and pragmatically in JavaScript.

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 where it adds value
• Build classes that behave as abstract contracts

Modules

In this module, you learn to structure applications in a modular way 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 way using ES Modules
• Understand the advantages of module bundlers