This site is mobile accessible. Press the "Tap Here" button to use a different font-size.

Smartphone icons created by Freepik - Flaticon

JavaScript Fundamentals Course

JavaScript is the world's most popular programming language.
JavaScript is the programming language of the Web.

Module 1. Introduction

1.1 JS Introduction
1.2 JS Where To In HTML, JavaScript code is inserted between <script> and </script> tags
1.3 JS Output JavaScript can "display" data in different ways
1.4 JS Statements A JavaScript program is a list of programming statements
1.5 JS Syntax JavaScript syntax is the set of rules, how JavaScript programs are constructed
1.6 JS Comments JavaScript comments can be used to explain JavaScript code, and to make it more readable

Module 2. Variables, Operators and Assignment

Prerequisites: Module 1. Introduction

2.1 JS Variables JavaScript variables are containers for storing data values.
2.2 JS Let Variables defined with let can not be redeclared.
2.3 JS Const
2.4 JS Operators Assign values to variables and add them together
2.5 JS Arithmetic Arithmetic operators perform arithmetic on numbers (literals or variables).
2.6 JS Assignment Assignment operators assign values to JavaScript variables.

Module 3. Data Types, Functions, Objects and Events

Prerequisites: Module 2. Variables, Operators and Assignment

3.1 JS Data Types JavaScript variables can hold many data types: numbers, strings, objects and more:
3.2 JS Functions A JavaScript function is a block of code designed to perform a particular task.
3.3 JS Objects A car has properties like weight and color, and methods like start and stop
3.4 JS Events HTML events are "things" that happen to HTML elements.

Module 4. Data Types

Prerequisites: Module 3. Data Types, Functions, Objects and Events

4.1 JS Strings JavaScript strings are used for storing and manipulating text. A JavaScript string is zero or more characters written inside quotes.
- 4.1.1 JS String Methods Primitive values, like "John Doe", cannot have properties or methods (because they are not objects). But with JavaScript, methods and properties are also available to primitive values, because JavaScript treats primitive values as objects when executing methods and properties.
- 4.1.2 JS String Search The indexOf() method returns the index (position) the first occurrence of a string in a string
- 4.1.3 JS String Templates Template Literals use back-ticks (``) rather than the quotes ("") to define a string:
4.2 JS Numbers JavaScript has only one type of number. Numbers can be written with or without decimals.
- 4.2.1 JS BigInt JavaScript BigInt variables are used to store big integer values that are too big to be represented by a normal JavaScript Number.
- 4.2.2 JS Number Methods Number methods help you work with numbers.
- 4.2.3 JS Number Properties EPSILON, MAX_VALUE, MIN_VALUE, MAX_SAFE_INTEGER etc.
4.3 JS Arrays JavaScript arrays are used to store multiple values in a single variable.
- 4.3.1 JS Array Methods The JavaScript method toString() converts an array to a string of (comma separated) array values.
- 4.3.2 JS Array Sort The sort() method sorts an array alphabetically
- 4.3.3 JS Array Iteration The forEach() method calls a function (a callback function) once for each array element.
- 4.3.4 JS Array Const In 2015, JavaScript introduced an important new keyword: const.

Module 5. Dates, Math and Random

Prerequisites: Module 4. Data Types

5.1 JS Dates JavaScript Date Object lets us work with dates:
- 5.1.1 JS Date Formats There are generally 3 types of JavaScript date input formats:
- 5.1.2 JS Get Date Methods These methods can be used for getting information from a date object:
- 5.1.3 JS Set Date Methods Set Date methods let you set date values (years, months, days, hours, minutes, seconds, milliseconds) for a Date Object.
5.2 JS Math The JavaScript Math object allows you to perform mathematical tasks on numbers.
5.3 JS Random Math.random() returns a random number between 0 (inclusive), and 1 (exclusive):

Module 6. Logic, Conditions and Loops

Prerequisites: Module 5. Dates, Math and Random

6.1 JS Booleans A JavaScript Boolean represents one of two values: true or false.
6.2 JS Comparisons Comparison and Logical operators are used to test for true or false.
6.3 JS Conditions Conditional statements are used to perform different actions based on different conditions.
6.4 JS Switch The switch statement is used to perform different actions based on different conditions.
6.5 JS For Loops Loops can execute a block of code a number of times.
6.6 JS While Loops Loops can execute a block of code as long as a specified condition is true.
6.7 JS Break Loops The break statement "jumps out" of a loop.

Module 7. Miscellaneous

Prerequisites: Module 6. Logic, Conditions and Loops

7.1 JS Sets A Map holds key-value pairs where the keys can be any datatype. A Map remembers the original insertion order of the keys.
7.2 JS Maps A Map holds key-value pairs where the keys can be any datatype.
7.3 JS Typeof In JavaScript there are 5 different data types that can contain values
7.4 JS Type Conversion JavaScript variables can be converted to a new variable and another data type:
7.5 JS Bitwise JavaScript stores numbers as 64 bits floating point numbers, but all bitwise operations are performed on 32 bits binary numbers
7.6 JS RegExp A regular expression is a sequence of characters that forms a search pattern. The search pattern can be used for text search and text replace operations.
7.7 JS Precedence Operator precedence describes the order in which operations are performed in an arithmetic expression. Multiplication (*) and division (/) have higher precedence than addition (+) and subtraction (-).
7.8 JS Errors When executing JavaScript code, different errors can occur.
7.9 JS Scope Scope determines the accessibility (visibility) of variables.
7.10 JS Hoisting Hoisting is JavaScript's default behavior of moving declarations to the top.
7.11 JS Strict Mode use strict"; Defines that JavaScript code should be executed in "strict mode".
7.12 JS this Keyword In JavaScript, the this keyword refers to an object.
7.13 JS Arrow Function Arrow functions were introduced in ES6. Arrow functions allow us to write shorter function syntax