Applied JavaScript by Building a Full-Stack Web App

Course Curriculum

Chapter 1: Introduction and Set Up

Lecture 1: Course Overview

Lecture 2: Install Visual Studio Code

Lecture 3: Install Git Bash (only necessary on Windows)

Lecture 4: Install Node.js

Chapter 2: Command Line Application

Lecture 1: Setting up the project and writing our first JavaScript

Lecture 2: Introduction to variables

Lecture 3: Our first function

Lecture 4: Function Exercise

Lecture 5: Objects

Lecture 6: Add players using array .push()

Lecture 7: Array .pop()

Lecture 8: Add questions to our game

Lecture 9: Starting a round in our game

Lecture 10: Template strings

Lecture 11: Append to object properties

Lecture 12: if conditions and errors

Lecture 13: Completing makeGuess function

Lecture 14: JSON.stringify()

Lecture 15: Default imports and default exports

Lecture 16: Named export and named import

Lecture 17: Splitting the project into multiple files

Lecture 18: Import/export exercise

Lecture 19: Calculating round results step 1

Lecture 20: For loops

Lecture 21: Dynamically adding object properties

Lecture 22: Math.abs() to calculate guess differences

Lecture 23: Assign different points depending on exactness

Lecture 24: Dynamic offsets depending on question

Lecture 25: Setup of round 3

Lecture 26: Array .forEach()

Lecture 27: Object.keys() and Object.values()

Lecture 28: Calculating final results step 1

Lecture 29: Calculating final results step 2

Lecture 30: Installing third party libraries

Lecture 31: First use of async/await in a function

Lecture 32: Purpose of async/await

Lecture 33: Making our app interactive

Lecture 34: Allow interactive guesses — Exercise Prompt

Lecture 35: Allow interactive guesses — Exercise Solution

Lecture 36: Cleaning up

Lecture 37: Understand callbacks

Lecture 38: Turn callbacks into promises

Lecture 39: Introduction to JSON

Lecture 40: Reading files

Lecture 41: Reading files with promises

Lecture 42: Parsing JSON

Lecture 43: Section outro for the command line app

Chapter 3: Backend

Lecture 1: Backend section intro

Lecture 2: What is a network request?

Lecture 3: Installing Postman

Lecture 4: Set up of new backend module

Lecture 5: Create our first server

Lecture 6: Express documentation

Lecture 7: Modern import syntax

Lecture 8: Named exports with modern syntax

Lecture 9: State handler

Lecture 10: Endpoint to get players

Lecture 11: Endpoint to add players step 1

Lecture 12: Modify game state from add player endpoint

Lecture 13: Find specific elements with .find()

Lecture 14: Returning HTTP errors

Lecture 15: Logging network traffic

Lecture 16: Endpoint to start a new round

Lecture 17: Unique IDs via UUID

Lecture 18: New round endpoint to forward a question

Lecture 19: Select random element of an array

Lecture 20: Selecting a random question

Lecture 21: Filtering array elements with .filter()

Lecture 22: Using .filter() in our endpoint

Lecture 23: Send Gone status code when questions run out

Lecture 24: Handling request input

Lecture 25: Exploring falsy values

Lecture 26: Accessing last item in an array

Lecture 27: Get current round endpoint

Lecture 28: Start of endpoint to get current round answers

Lecture 29: Hard-coding game state to simplify testing

Lecture 30: Matching question and round using .find()

Lecture 31: Using the OR operator to set default values

Lecture 32: Calculating guess difference with Math.abs()

Lecture 33: Array .sort()

Lecture 34: Calculating points per guess step 1

Lecture 35: Calculating points per guess step 2

Lecture 36: Update points for each player

Lecture 37: Sorting the final score

Lecture 38: Demo of finished backend

Chapter 4: Frontend

Lecture 1: Frontend section intro

Lecture 2: What is HTML?

Lecture 3: Setting up our Next.js web app

Lecture 4: Editing our first component

Lecture 5: Using variables in JSX

Lecture 6: Applying a custom CSS style

Lecture 7: Create a new array from another array using .map()

Lecture 8: Generating a list of JSX elements with .map()

Lecture 9: Hard-code game state for testing

Lecture 10: Adding CORS

Lecture 11: Making network requests to our backend with axios