JavaScript Fundamentals
![Creating an account for web hosting on GitHub](assets/img/thumbnail-strings.png)
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](assets/img/thumbnail-strings.png)
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](assets/img/thumbnail-strings.png)
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](assets/img/thumbnail-numbers.png)
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](assets/img/thumbnail-numbers.png)
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](assets/img/thumbnail-numbers.png)
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](assets/img/thumbnail-numbers.png)
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](assets/img/thumbnail-functions-values-scope.png)
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](assets/img/thumbnail-functions-values-scope.png)
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](assets/img/thumbnail-functions-introduction.png)
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](assets/img/thumbnail-functions-values-scope.png)
Event Listeners
Invoking functions with event listeners, using external function declarations or internal anonymous or arrow functions.
View Tutorial![portfolio all the light](assets/img/thumbnail-functions-values-scope.png)
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](assets/img/thumbnail-functions-values-scope.png)
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](assets/img/thumbnail-numbers.png)
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](assets/img/thumbnail-numbers.png)
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](assets/img/thumbnail-numbers.png)
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](assets/img/thumbnail-fetch-api.png)
Data Tables
Creating and styling HTML tables, adding and deleting table rows with JavaScript, and populating a table from an array of objects.
View TutorialAsychronous JavaScript
![Installing and customising Visual Studio Code for web designers](assets/img/thumbnail-numbers.png)
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](assets/img/thumbnail-numbers.png)
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](assets/img/thumbnail-numbers.png)
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