JavaScript Lessons

JavaScript Fundamentals

Creating an account for web hosting on GitHub

1: Adding JavaScript to web pages

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

2: Variables and literals

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

3: 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

4: 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

5: Objects, properties, and methods

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

View Tutorial

 

The DOM and Functions

Installing and customising Visual Studio Code for web designers

6: Introduction to the DOM

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

View Tutorial
Installing and customising Visual Studio Code for web designers

7: Function declarations

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

View Tutorial
portfolio all the light

8: 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

9: 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

 

Event Handling in JavaScript

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
portfolio all the light

Working with the Event object

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

View Tutorial
portfolio all the light

Event bubbling and capture

Understanding how events are propagated downwards (capture) and then back upwards (bubbling) through the DOM.

View Tutorial

 

 

Arrays in JavaScript

Installing and customising Visual Studio Code for web designers

14: Introduction to arrays

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

View Tutorial
Installing and customising Visual Studio Code for web designers

15: Loops and arrays

Creating a for loop with a counter variable, a starting value, a loop condition, and an increment or decrement operator.

View Tutorial
Installing and customising Visual Studio Code for web designers

16: The array.map() method

Applying a function to every item in a copy of an array, without modifying the original array.

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

Asychronous JavaScript

Installing and customising Visual Studio Code for web designers

Introduction to the Fetch API

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

View Tutorial
Installing and customising Visual Studio Code for web designers

Installing Node.js

Installing Node.js and the Node Package Manager (npm) on your local machine.

View Tutorial
Installing and customising Visual Studio Code for web designers

Introduction to Express

Building a basic Express app runnng on a Node.js server that can serve a response to a GET request from a web browser.

View Tutorial