Back-end Development

JavaScript before ReactJS

The Ternary Operator

The Ternary Operator

Using a concise alternative to writing multi-line if...else statements in JavaScript.

View Tutorial
The array.map() method

The array.map() method

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

View Tutorial
The array.filter() method

The array.filter() method

Installing the Node Version Manager (nvm), and Node.js and the Node Package Manager (NPM).

View Tutorial
Destructuring in JavaScript

Destructuring in JavaScript

Destructuring JavaScript objects and arrays to create more readable and concise code in React.js.

View Tutorial

NodeJS

Installing Node.js

Installing Node.js

Installing the Node Version Manager (nvm), and Node.js and the Node Package Manager (NPM).

View Tutorial

ReactJS Basics

React Quick Start

React Quick Start

Running React code using libraries imported from a CDN and viewing the output with the VSCode Live Server extension

View Tutorial
Components and JSX

Components and JSX

Understanding React component syntax, create and render functional components, and compose them in parent-child relationships.

View Tutorial
Create React App

Create React App

Exploring the CRA folder and file structure, and creating a basic app with components and imported CSS and image files.

View Tutorial
Working with Props

Working with Props

Props (short for 'properties') are arguments passed down from a parent component to its child component.

View Tutorial
eCommerce app

eCommerce app

Building an eCommerce in React.js with props and object destructuring.

View Tutorial

 

State and Hooks

State and Hooks

State and Hooks

Creating a stateful component that will rerender new data when the app updates.

View Tutorial
More about State

More about State

Adding further examples of stateful components to the counter app.

View Tutorial
The To Do app

The To Do app

Creating a To Do app with the ability to add and remove tasks, and to mark tasks as 'completed'.

View Tutorial

SPAs, Deploying, and Installing

Introduction to SPAs

Introduction to SPAs

Creating a Single Page Application (SPA) with fixed navbar and footer components.

View Tutorial
Building and deploying apps

Deploying apps to GitHub and GitHub Pages

Deploying your app code files to GitHub and a minimial, remotely working-version to GitHub Pages.

View Tutorial
Downloading and installing

Downloading and installing

Downloading and installing ReactJS apps from GitHub Pages and the npm package registry.

View Tutorial

AI Pair Programming

AI and arrays

AI and arrays

Using ChatGPT to populate an array in an app and to write to code list items, delete items, and view a selected item’s full details.

View Tutorial
Populating a ReactJS Quiz app

Populating a ReactJS Quiz app

Using ChatGPT, GitHub Copilot Chat, Google Bard or similar AI to populate a quiz app with content to test your knowledge of ReactJS.

View Tutorial