Modern JavaScript The Complete Course – Build +10 Projects

Modern JavaScript The Complete Course – Build +10 Projects

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 18.5 Hours | 2.70 GB

Learn JavaScript the most popular language for Web Development by Building Real-World Projects with hands-on training

In this course you’re going to learn JavaScript, from the fundamentals to Intermediate and Advanced Topics such as Prototypes, Delegation, Classes, Ajax, Promises, Generators, OOP, Fetch API, Async Await, Async JS, Objects, how to consume REST API’s and more!

if you are unfamiliar with this topics, you’re in the right course because you’re going to learn all of this and BUILD AMAZING PROJECTS

The best way to learn something new in programming is by building projects, in this course we’re going to build several projects from beginner to advanced level.

Included projects in this course:

  • Save from Form into Local Storage
  • Simulate Email Sending App
  • Generate Names from a REST API
  • Cryptocurrencies rate from a REST API (more than 100 cryptocurrencies included)
  • Events in your city with EventBrite and REST API
  • Shopping Cart with Local Storage
  • Car Insurance Live Quotation
  • My Weekly Budget APP
  • & More…

All this projects are developed using different techniques: classes, prototypes, fetch api, ajax, async await, arrow functiones, promises & more!

What Will I Learn?

  • Learn the latest JavaScript features such as Async JS, Fetch API, Async Await & more
  • You’re going to learn how to consume REST API’s with JavaScript
  • How to create JavaScript classes and OOP
  • You’re going to learn more advanced topics such as Generators, Iterators, Maps, Sets, Promises & more
  • OOP JavaScript with Object Constructors, Classes & Prototypes
  • Asynchronous JavaScript with Callbacks, Promises & Async Await
  • Add Interaction to your websites
Table of Contents

Introduction
1 Overview of the Projects
2 Course Structure
3 JavaScript Ecosystem
4 The Development Environment _ Tools needed to complete this course
5 Your first JavaScript program
6 The Code Snippets in This Course

The Google Chrome Console
7 Google Chrome Console

JavaScript Fundamentals
8 Variables with var
9 Comparison Operators
10 Converting Strings into Numbers Part 1
11 Converting Strings into Numbers Part 2
12 Converting Numbers into Strings
13 Template Strings in JavaScript
14 Arrays and How to create Arrays in JavaScript
15 Useful Methods when working with Arrays
16 Remove Elements from an Array
17 Sorting Arrays and Other Methods
18 JavaScript Objects
19 Variables with let
20 Const Variables with Arrays _ Objects
21 JavaScript Functions – Function Declaration
22 JavaScript Functions – Function Expression Part 1
23 JavaScript Functions – Function Expression with Property methods
24 Dates in JavaScript
25 Comparison – If, else if _ else part 1
26 Comparison – If, else if _ else part 2
27 Comparison – If, else if _ else part 3
28 One last example with the if operator
29 The Switch Statement
30 Variables with const
31 For Loops in JavaScript
32 For Loops in JavaScript Looping an Array
33 While _ Do While Loops
34 for, forEach _ Maps
35 Looping Objects in JavaScript
36 Try – Catch – Finally in JavaScript
37 The WIndow Object – Part 1
38 The WIndow Object – Part 2
39 Variable Scope
40 Data Types in JavaScript
41 Strings in JavaScript
42 String Methods Part 1
43 String Methods Part 2
44 Numbers and the Methods available for Number part 1
45 Numbers and the Methods available for Number part 2

DOM Scripting
46 What_s the DOM
47 Traversing the DOM – From Children to Parent _ Siblings- Part 1
48 Traversing the DOM – From Children to Parent _ Siblings – Part 2
49 Creating HTML Elements with JavaScript
50 Replace Elements with JavaScript
51 Remove Elements with JavaScript
52 Classes, Id_s and other attributes – Part 1
53 Classes, Id_s and other attributes – Part 2
54 The document keyword – Part 1
55 The document keyword – Part 2
56 JavaScript functions to select one element – Part 1
57 JavaScript functions to select one element – Part 2
58 JavaScript functions to Select Multiple Elements – Part 1
59 JavaScript functions to Select Multiple Elements – Part 2
60 Traversing the DOM – From Parent to Children – Part 1
61 Traversing the DOM – From Parent to Children – Part 2

Event Listeners in JavaScript
62 Introduction to Event Listeners
63 Passing Event as parameter and the target
64 Mouse Events – Part 1
65 Mouse Events – Part 2
66 Input _ Form Events – Part 1
67 Input _ Form Events – Part 2
68 What_s the Event Bubbling
69 Delegation

LocalStorage
70 Add items into local storage
71 Add Multiple Items into local storage

PROJECT Save into local storage from HTML Form
72 Preview of the final project
73 First Steps with the Project
74 Adding new elements into the DOM
75 Removing elements from the DOM
76 Adding Elements into Local Storage
77 Printing Elements from Storage on Load
78 Removing Elements from the Storage – Part 1
79 Removing Elements from the Storage – Part 2

PROJECT Adding Courses into the Shopping Cart
80 Preview of the final project
81 First Steps with the Project
82 Adding Courses into the Shopping Cart – Part 1
83 Adding Courses into the Shopping Cart – Part 2
84 Removing Courses from the cart and clear the cart
85 Saving Courses Into Storage
86 Print from Storage on Load
87 Clearing from Storage
88 Remove from Storage

PROJECT Simulate Email Sending with Form
89 Preview of the final project
90 Kicking off the Project
91 Validating Fields – Part 1
92 Validating Fields – Part 2
93 Allowing the user to send the email if all the fields are filled
94 Displaying a Gif when email is sent
95 Displaying a Second Gif when Email is sent and restart form

More About Objects with JavaScript
96 Object Literals
97 Inheriting a Class and it_s methods
98 Object Constructor
99 Constructors for Data Types – Part 1
100 Constructors for Data Types – Part 2
101 Prototypes – Part 1
102 Prototypes – Part 2
103 Inheriting Constructors _ Prototypes
104 The Object Create Method
105 Creating a Class

PROJECT Car Insurance Quotation from a FORM
106 Preview of the final project
107 From Prototypes to ES6 Classes
108 Kicking off the Project
109 Reading Values from the Form
110 Printing a message when no values are added into the form
111 Calculating the Insurance
112 Finishing the Calculate Insurance Function
113 Printing the Result
114 Displaying a Summary
115 Finishing this Example

PROJECT Weekly Budget APP
116 Preview of the final project
117 Kicking off the Project
118 Getting User Budget and Creating the Classes
119 Validating the Expenses
120 Adding Expenses into the List
121 Working with the Remaining Budget

Learning AJAX
122 First Ajax Example
123 AJAX _ JSON – Part 1
124 AJAX _ JSON – Part 2
125 API_s, REST API_s _ Request
126 AJAX, JSON _ REST API_s

PROJECT Name Generator with AJAX _ Rest API
127 Preview of the final project
128 Kicking off the Project
129 Reading All The Fields from the form
130 Making the Ajax Request
131 Printing the Results

Asynchronous JavaScript
132 Asynchronous JavaScript
133 Callbacks
134 Promises

Fetch API
135 Fetch API – Loading Text from a File
136 Fetch API – Load Content from a JSON
137 FETCH API – Load Content from a REST API
138 Converting the Name Generator Project from AJAX into Fetch API

Arrow Functions
139 Arrow Functions
140 Arrow Functions and Fetch API
141 Adding Arrow Functions into the Name Generator Project

Async Await
142 First Example with Async Await
143 Async Await example from a REST API
144 Adding Async Await into the Name Generator Project

PROJECT Cryptocurrencies Rates
145 Preview of the final project
146 Starting the project
147 Querying the Rest APIS
148 Reading Values from the Form
149 Display an alert when form is empty
150 Querying the Rest API
151 Printing the Results
152 Finishing the Project

PROJECT Display Events with the EventBrite API
153 Preview of the final project
154 Creating the EventBrite App
155 Querying the Rest API to return the Categories
156 Printing the Categories into the Select
157 Reading the form content
158 Querying the REST API to get all the Events
159 Printing the Events and Finishing the Project

Destructuring
160 Basic Object Destructuring
161 Destructuring an Object that resides inside another Object
162 Destructuring a more Complex Object _ Arrays
163 Destructuring Functions

More Modern JavaScript Topics
164 Symbols
165 Sets
166 Maps
167 Iterators
168 Generators
169 Built Iterators In JavaScript (Part 1)
170 Built Iterators In JavaScript (Part 2)
171 Regular Expressions (Part 1)
172 Regular Expressions (Part 2)

PROJECT PerfectCocktail – A Drinks Recipes APP
173 Overview of the Final Project
174 Adding a Button to show the Recipe in a Modal Window
175 Starting the Show Recipe into a Modal Function
176 Displaying the Recipe Info into the Modal
177 Adding the Categories into a Select from the REST API
178 Querying By Category
179 Querying by Alcohol Non Alcohol Drink
180 Adding a Button to save into Favorites
181 Saving Favorite Drinks into Local Storage
182 Print Favorites in the Favorites page
183 Removing Favorites from the DOM
184 The Project Files for this Project and the API
185 Removing Favorites from the Local Storage
186 Identify Favorite Drinks with a different Button
187 Adding the Form Event Listener
188 Displaying a Message if form is empty
189 Querying the Rest API
190 Building the Results Template
191 Adding the Information from the REST API to the Template
192 Making our Rest API Queries more flexible
193 Working with Different Methods and Templates in our App