JavaScript Lessons

JavaScript Fundamentals

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

Performing arithmetic, and using Math object methods for finding max and min values, and generating random numbers.

View Tutorial
 

Functions in JavaScript

portfolio all the light

Functions: an introduction

Creating function declarations and function expressions. And working with anonymous and arrow functions.

View Tutorial
portfolio all the light

Values and scope

Creating functions with input parameters, passing arguments to them, and returning the function output to the calling program.

View Tutorial
 

JavaScript Arrays

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

 

JavaScript Project Gallery

Download the two files lunadoge.min.css and css-javascript.css to your main assets/css folder.

Create a new sub-folder named js in your portfolio folder.

Download this index.html file to your new portfolio/js sub-folder