JavaScript Lessons

JavaScript Fundamentals

Creating an account for web hosting on GitHub

Adding JavaScript to a web page

Efficiently adding JavaScript code to a web page, and working with the JavaScript Console in your web browser’s Developer Tools.

View Tutorial
Creating an account for web hosting on GitHub

Variable types in JavaScript

Working with string, numeric and boolean variables, assigning values with the const and let keywords, and using the typeof opertor to investigate a variable’s type.

View Tutorial
Creating an account for web hosting on GitHub

Working with strings

Working with string index positions and length, joining and slicing strings, querying strings, and replacing characters.

View Tutorial
Installing and customising Visual Studio Code for web designers

Working with numbers

Testing for numbers with isNaN, using the increment and decrement operators, and performing arithmetic with correct operator precedence.

View Tutorial
Installing and customising Visual Studio Code for web designers

Objects, properties, and methods

Exploring the navigator (web browser) object, the window object, the location (web address) object, the document (web page) object, and the console (DevTools) object.

View Tutorial
Installing and customising Visual Studio Code for web designers

Working with the Math object

Exploring the Math object and its various methods for working with integers, floats, maximum and minimum vales, and generating random numbers.

View Tutorial

Functions in JavaScript

portfolio all the light

Function Declarations

Creating function declarations, passing values to them, and returning a value from a function back to the calling code.

View Tutorial
portfolio all the light

Anonymous Functions

Creating a function expression whose value is stored in a variable. And working with a type of an function expression called an anonymous function.

View Tutorial
portfolio all the light

Arrow Functions

Creating arrow functions, passing values to them, and writing short-hand single-statement arrow functions with implicit returns to the calling code.

View Tutorial

JavaScript and the DOM

portfolio all the light

Working with the DOM

Understanding the Document Object Model (DOM), and accessing elements in a web page that have or do not have a unique ID.

View Tutorial
portfolio all the light

Event Handlers

Invoking functions using event handlers in the HTML file, or with anonymous or arrow functions in the JavaScript code.

View Tutorial
portfolio all the light

Event Listeners

Invoking functions with event listeners, using external function declarations or internal anonymous or arrow functions.

View Tutorial

Testing Conditions

portfolio all the light

Working with Conditions

Creating decision-making structures in JavaScript with logical and relational operators.

View Tutorial

 

Arrays and Loops

portfolio all the light

Arrays: an introduction

Creating arrays in JavaScript, populating them with elements, reading and updating array elements, and looping through arrays.

View Tutorial
portfolio all the light

Arrays: basic methods

Using basic array methods to add and remove array elements, copy a part of an array, and convert an array to a comma-separated string variable.

View Tutorial
portfolio all the light

The fetch() API

Using the Promise and Response objects of the Fetch API and get plain-text and JSON formatted data from remote web servers.

View Tutorial
portfolio all the light

Data Tables

Creating and styling HTML tables, adding and deleting table rows with JavaScript, and populating a table from an array of objects.

View Tutorial
portfolio all the light

Nodejs

Installing the Nodejs Version Manager (nvm) and installing Nodejs.

View Tutorial