JavaScript

Click on the links below for examples of JavaScript.

JavaScript Introduction and Basics

• Introducing JavaScript video game
• The Console Challenge
• The Variable Challenge
• Practice Basic Variables, Input & Output
• Numbers – Time calculator
• Numbers – Badge calculator
• Numbers – Story maker
• Numbers – Random Number Generator Challenge
• Practice JavaScript Math Methods
• Conditionals – Random Number Guessing Game
• Conditionals – Ultimate Quiz Challenge
• Practice If and-Else If Conditional Statements
• Functions – Getting Information from a Function
• Functions – Giving Information to a Function
• Functions – Random Number Function Challenge
• Practice Basic JavaScript Functions

Back to top

JavaScript Loops, Arrays and objects

• Loops – While Loops
• Loops – Do While Loops
• Loops – For Loops
• Loops – Breaking out of the loop
• Loops – Colored div generator
• Arrays – Adding Data to an Array: Playlist
• Arrays – Using For Loops with Arrays: Playlist
• Arrays – Useful Array Methods: Store Search
• Arrays – Two-Dimensional Arrays: Playlist
• Arrays – Two-Dimensional Arrays: Quiz
• Array Iteration Using forEach()
• Array Manipulation Using the filter(), map() and reduce() Methods
• Combining Array Methods
• Objects – Arrays of Objects – Accessing Object Properties
• Objects – Using `for in` to Loop Through an Object's Properties
• Objects – Arrays of Objects – Quiz
• Objects – Arrays of Objects – Spelling Game
• Objects – Student Records Report
• Objects – Student Records Search

Back to top

JavaScript and the DOM

• JavaScript and the DOM: Selecting Elements 1
• JavaScript and the DOM: Selecting Elements 2
• JavaScript and the DOM: Interacting with the DOM
• JavaScript and the DOM: Responding To User Interaction
• JavaScript and the DOM: Traversing the DOM
• Interactive Web Pages with Javascript
• DOM Scripting By Example

Back to top

Object-Oriented JavaScript

• Object-Oriented JavaScript (2015) – Dice Roll
• Object-Oriented JavaScript (2015) – Media Player
• Object-Oriented JavaScript (2015) – Quiz
• Object-Oriented JavaScript (2018) – Classes, Getters and Setters

Back to top

Other JavaScript Courses, Workshops and Practices

• Template Literals
• Practice Template Literals
• Arrow Functions
• Callback Functions – setTimeout()
• Callback Functions – setInterval()
• Callback Functions – events
• Understanding "this" in JavaScript
• AJAX Basics – A Simple AJAX Example
• AJAX Basics – Office Status Widget
• AJAX Basics – Fetch API
• Local Storage Search Bar Demo
• Validating a Form with Regular Expressions

Back to top

Modern JavaScript From The Beginning course

• Task List app
• Loan Calculator app
• Number Guesser game
• Book List app (ES5 version)
• Book List app (ES6 version)

Back to top

The Complete Web Developer Course 2.0 – JavaScript

• Selection and Manipulating Styles With Javascript
• Disappearing Circles
• Variables, Arrays and Conditionals
• How Many Fingers Game – Version 1
• Javascript Loops
• How Many Fingers Game – Version 2
• Javascript Functions
• Reaction Timer

Back to top