The Complete JavaScript Course - Beginner to Professional

Learn about the most basic unit primitive data types Strings Numbers and Boolean

Variables allow you to contain data and then use and reuse those values also update the values as needed within your JavaScript code.

Get familiar with the different data types and how they work

Prompt lets you create an interaction with your web users.   Connect JavaScript with web page visitors.

Explore JavaScript Arithmetic operators + - * / % modulus

Explore JavaScript Assignment operators = += -= *= /=

Explore JavaScript Comparison operators Strict equal ( === ) Not equal ( != ) Equal ( == )

Explore JavaScript Logical Operators Logical AND (&&) Logical OR (||) Logical NOT (!)

Exercise create a ToDo list from scratch. Using interaction from the web user generate status of a task and information that is output in the console.

Find out how arrays contain default values that can be used within your application get length and select an item from an array using its index value.

Exercise guess the index value game - minigame using prompt to guess the index value of an item in the array

See Arrays in action with ready to use functionality that lets you interact with your arrays.

Work with arrays and see the power of built in methods within JavaScript to manipulate and update array contents.

Access array information and check if values are contained within an array using Index.

Exercise Array updater : Use user input to update and find items contained with the array.   Create a dynamic array updater.

JavaScript Nested array or Multidimensional Array. Store even more information into an array use a multidimensional array and retrieve values from a multidimensional array.  

Getting data from JavaScript arrays. Use a loop to retrieve all the values from an array.  Iterate through an array.

JavaScript Objects introduction on how to store lots of information in one variable.

Get data from a JavaScript Object and use it within your code.

JavaScript Objects see how to manipulate data and retrieve new values.

Learn how to retrieve JavaScript object data by looping through the contents of the object.

See how JavaScript Objects and JavaScript arrays can be combined for even more power with data.

Learn about the Document Object Model and what it can do.  This is where JavaScript connects to your HTML page elements.  The entire HTML page as nodes that can be manipulated using JavaScript.

See what you can do with the DOM.  Using the DOM you can update elements without refreshing web pages and much more.

See how to select elements and then update them all using JavaScript

innerHTML lets you update and change the HTML output of an element using JavaScript.

Connect with user input and get those values back into your JavaScript code.  Getting values from input fields and then using those values within JavaScript.

Check for true or false and then do something depending on the result.  Ternary operators are a quick and short format for conditional checks and to apply logic.

Check for true or false and then do something depending on the result.  Ternary operators are a quick and short format for conditional checks and to apply logic.

If statements let you apply logic and execute a block of code depending on the result of that logic.

Get more options to your logic with Else

Use the JavaScript switch statement to check if a case is true and execute a block of code.  

Use the JavaScript switch statement to check if a case is true and execute a block of code.  

Just like tossing a coin to check for heads or tails logic is perfect for checking to see a result and taking an action on that result.

Exercise Magic Eight Ball : Get answer to your question with the magic eight ball. How it knows is what you are thinking is in the JavaScript.

A statement that is executed at least once and is re-executed each time the condition evaluates to true

While loops allow you to execute until a condition is no longer true

Exercise in code Cracking looping until you guess it

For loops are the most popular format for loops and used the most when coding JavaScript.  Select the loop option that is best suited for your needs.

Nested Loops allow you to build more with looping.   A loop within a loop looping the child within each parent value.

Stop the loop and continue with a loop allowing more control as to what gets output within the loop, applying logic and conditions.

Adding conditions to loops allows you to customize your output.

Pairing loops with arrays is a natural way to get all the information and iterate through an array.  Power of loops is really valuable when it comes to arrays.

Just like with arrays objects hold lots of data and loops are ideal to get access to the data by iterating through data.

Exercise build a shopping list builder to add items into an array

Functions are like mini programs allowing you to selectively execute blocks of code when needed. Learn how to declare functions and use them within your code.

Learn how functions can be used to return values and how local and global variables are used the variable scope.

Exercise - Create a random name generator using JavaScript Functions

Exercise - Build a JavaScript calculator where you can enter in values and either add subtract multiply or divide the user input values.

Learn how to use the latest JavaScript to pass no argument defaults values and also how to do it for older browsers

Exercise Code Cracking game - Guess the random code see how many times it take you to guess the code.  

Functions don’t always need to have name and functions can also be variables that change value.

Functions can invoke themselves - recursive self-invoking functions can be used to loop code and more.

Exercise building a word guessing game using recursive functions

Exercise Improve on the Word guessing game by shuffling all the array items

Function scope review what is global what is local?

Exercise - extend your arrays by removing out duplicates using this code snippet.

Functions are really powerful and adding functions within functions can increase what can be done with your function.

Exercise building a shopping list from the user's input and adding it to the current list within the HTML page.

Using callbacks a function that is passed to another function as a parameter and the callback get executed inside that function

Exercise Callback calculator an improvement on the previous calculator built in an earlier lesson. Coding is about making things more efficient.

Exercise building a deck of cards and dealing those cards out to a selected number of players.  

Learn how to handle the deck of cards and deal out the cards from an array

Windows setTimeout Method Calls a function or executes a code snippet after specified delay.

Get information about the page visitors Location including Longitude and Latitude

Selecting Elements can also be done by traversing through the DOM from the various levels within the Tree via JavaScript

Create interaction with web users using Event Handlers.

Exercise building an image uri generator

Exercise building a web page image carousel

Exercise Learn how to have an input field only accept digits or only accept characters

Exercise Add form validation to your form

Exercise Drag and Drop text from one element into another

Exercise Build a game that shows random names that are scrambled and you need to guess which is the correct name.

More options for element selection By Tag

More options for element selection By Class

Add click events to multiple elements

Make a selection of multiple elements using QuerySelectorAll Exercise : build a dynamic element selector to copy elements from selector in the input field

Exercise : Build a popup message modal using JavaScript

Use JavaScript to select elements and manipulate classes

Exercise Build a web component to hide and show elements building an accordion style component.