Applied JavaScript by Building a Full-Stack Web App
- Description
- Curriculum
- FAQ
- Reviews
I want to teach you JavaScript in the best way possible — by directly using it! Under my guidance, you will build a modern web application that will be an interactive guessing game. You will build a REST API with Node.js and create responsive web pages powered by React and Next.js. Along this journey, you will learn all the fundamental principles that real programmers use to solve problems.
Practice makes perfect
Throughout the course, there are numerous exercise points where you are invited to pause the video and tackle a challenge so that you can practise and retrain the things you already learned. The key ingredient in this course is you. But don’t worry, I will always walk you through my solution at the end of each exercise.
The right tool for the job
JavaScript is the most popular programming language in the world, and for good reason — it is used in thousands of applications, such as backend servers, web pages and even desktop applications like the Slack messaging app. Knowing this programming language is a fantastic means to boost your career.
Learning should be fun
Programming fills me with joy. I aim to bring this passion with me when teaching my students. This course is exactly the kind that I would love to take myself — I make things fun and engaging.
Have a problem? No problem!
Errors are natural in programming. I will be in the Q&A section ready to take on your questions. Every lesson also comes with a transcript of the code changes; that way, you can confirm your solution independently.
Let’s get started
I am thrilled to have you here and I can’t wait to take you with me on this journey. See you in the course!
– Rick
-
5
Setting up the project and writing our first JavaScript -
6
Introduction to variables
-
7
Our first function
-
8
Function Exercise
-
9
Objects
-
10
Add players using array .push()
-
11
Array .pop()
-
12
Add questions to our game
-
13
Starting a round in our game
-
14
Template strings
-
15
Append to object properties
-
16
if conditions and errors
-
17
Completing makeGuess function
-
18
JSON.stringify()
-
19
Default imports and default exports
-
20
Named export and named import
-
21
Splitting the project into multiple files
-
22
Import/export exercise
-
23
Calculating round results step 1
-
24
For loops
-
25
Dynamically adding object properties
-
26
Math.abs() to calculate guess differences
-
27
Assign different points depending on exactness
-
28
Dynamic offsets depending on question
-
29
Setup of round 3
-
30
Array .forEach()
-
31
Object.keys() and Object.values()
-
32
Calculating final results step 1
-
33
Calculating final results step 2
-
34
Installing third party libraries
-
35
First use of async/await in a function
-
36
Purpose of async/await
-
37
Making our app interactive
-
38
Allow interactive guesses — Exercise Prompt
-
39
Allow interactive guesses — Exercise Solution
-
40
Cleaning up
-
41
Understand callbacks
-
42
Turn callbacks into promises
-
43
Introduction to JSON
-
44
Reading files
-
45
Reading files with promises
-
46
Parsing JSON
-
47
Section outro for the command line app
-
48
Backend section intro
-
49
What is a network request?
-
50
Installing Postman
-
51
Set up of new backend module
-
52
Create our first server
-
53
Express documentation
-
54
Modern import syntax
-
55
Named exports with modern syntax
-
56
State handler
-
57
Endpoint to get players
-
58
Endpoint to add players step 1
-
59
Modify game state from add player endpoint
-
60
Find specific elements with .find()
-
61
Returning HTTP errors
-
62
Logging network traffic
-
63
Endpoint to start a new round
-
64
Unique IDs via UUID
-
65
New round endpoint to forward a question
-
66
Select random element of an array
-
67
Selecting a random question
-
68
Filtering array elements with .filter()
-
69
Using .filter() in our endpoint
-
70
Send Gone status code when questions run out
-
71
Handling request input
-
72
Exploring falsy values
-
73
Accessing last item in an array
-
74
Get current round endpoint
-
75
Start of endpoint to get current round answers
-
76
Hard-coding game state to simplify testing
-
77
Matching question and round using .find()
-
78
Using the OR operator to set default values
-
79
Calculating guess difference with Math.abs()
-
80
Array .sort()
-
81
Calculating points per guess step 1
-
82
Calculating points per guess step 2
-
83
Update points for each player
-
84
Sorting the final score
-
85
Demo of finished backend
