Modern JavaScript The Complete Course - Build +15 Projects

Let's see the tools needed for this course

Let's see a small example of what can be done with JavaScript

Let's review the Code Snippets Included in this course

The Google Chrome Console is going to be really important, you can refer back to this video while learning, you will love the Console ;)

the var keyword is almost death, but let's see how you can create variables with var

Let's review the difference between var & let

JavaScript provides another way of creating variables is called const

Let's review  the data types in JavaScript

Let's review strings in JavaScript

Let's review some of the methods available for Strings

Second video where we are learning the methods available for strings

Let's review numbers and their methods in JavaScript

Let's review numbers and it's methods in JavaScript

Time to work with comparison operators

Let's see how you can convert Strings into Numbers

Last video where we're learning how to convert strings into numbers

Let's review the opposite action, from Numbers into Strings

YOU WILL LOVE Template Strings!, believe me this is one of the nicest features in ES6!

Let's review arrays in JavaScript

Let's review some methods or functions when working with arrays

Let's review how to remove elements from an array

Sorting arrays in javascript is weird, specially with  numbers, let's review more about this

The Heart of JavaScript are Objects, let's review objects in this video

Let's see const variables and arrays and objects

You can create your functions also, let's see how in this video

Let's review an alternative method of how to create a function

Let's continue learning about functions in JavaScript

Let's review Dates in JavaScript, also some of the methods available with dates

Let's add some flow and behaviour into our programs with if, else if and else 

Let's add some flow and behaviour into our programs with if, else if and else 

Let's build one example with the if statement

Time to see the switch statement, not very popular but really useful!

Let's review for loops with javascript, if you want to execute a code until a condition is met then you have to use a loop, but let's start working with for loops first!

Let's use the for loop to loop through an array

Let's see the difference between while and do while loops

Let's see a smal comparison between for, forEach and Maps

You can also loop an Object, let's see how

Let's review how you can handle errors with the try catch

Before we start working with the DOM, let's review the window object

Let's continue working with the Window Object

Let's review the Variable Scope in JavaScript

Let's see what's the DOM in JavaScript

The main keyword when doing DOM Scripting is the document keyword, let's see how to use

Second and last video of the document keyword

If you want to return a maximum of one element, you should use querySelector or getElementById, let's see how they work

Let's continue learning about the functions that will return one element

Now let's review functions that will return multiple elements

Let's continue working with this functions that return multiple elements

Traversing the DOM is how you move into the different Nodes (Elements or attributes) let's see how to traverse The DOM

Let's continue learning how to traverse the DOM

Now let's traverse from Children to Parent

Last video of this very important topic :)

In JavaScript you can create Text Elements, let's see how in this video

Let's replace elements with JavaScript

Let's use JavaScript to remove elements from the DOM

Let's see how we can manipulate Classes, id's and other attributes with JavaScript

Let's finish this chapter with the last video of classes, ids and attributes

An Event Listener is going to hold the code execution until something happens in your site, let's see a small example

Let's pass events into functions

There're several mouse events, let's see some of them

Let's continue learning JavaScript and Mouse Events

Let's review some events available in forms and Inputs

Last video of inputs and form events, let's continue learning :)

Event Bubbling is one of the most weird stuff, let's see what's this with an example and how to prevent it

Delegation is going to be really useful, in fact we're going to use this in the first  2 projects

Let's see how we can add, get, delete elements from local storage

Let's see how we can add multiple elements into the storage

Let's preview this final project, so you can see what you are going to learn in this chapter

Let's kickoff this project

Let's see how we can read the information added in the form into the HTML

Let's add the functionality to remove elements from the DOM

_{Let's add new elements into the local storage}

The elements that are into local storage should be displayed when the page loads, let's see how

Let's remove elements from the storage

In this video we're going to finish this project

Let's preview this project, is going to be develop using some DOM Scripting Techniques and also Local Storage

Let's start this project

Let's see how we can add courses into the shopping cart

Let's finish the add to cart functionality

Let's see how we can remove a course from the shopping cart and also clear the cart

Let's add this courses into the local storage

When the page loads we need to print the courses into the shopping cart, let's see how

Let's see how we can clear the cart contents from the storage

Let's see how we can remove a single course from storage

Let's preview the project for this chapter

Let's start building this project, again we are going step by step

Let's validate the input fields for the email