Master JavaScript – The Most Compete JavaScript Course 2020

Master JavaScript – The Most Compete JavaScript Course 2020

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 32.5 Hours | 15.0 GB


Master JavaScript 2020!Projects, challenges, JavaScript ES6, ES7, ES8 ,ES9, ES10, ES11, OOP, AJAX, Webpack,Laravel

JavaScript is the leading #1 programming language and the question is do you want to master it?

If you are tired of wasting your time and money on watching random YouTube videos or taking JavaScript courses that are not complete, simple, or complex?

Are you struggling to deeply understand ow JavaScript really works behind the scenes and how to apply your knowledge to real projects?

If the answer to my previous questions is YES… Then this is the course that will change all of that. This is what you have been looking for so long!

What this course will cover?

This is not just a JavaScript course, this course will offer you much more, modern CSS, HTML, and JavaScript practices. All of the current versions of JavaScript are included.

I will take you from being a complete JavaScript beginner to be a professional advanced developer. This course will help you learn how JavaScript works and how to code, solve problems, and debug. Along the course, you will learn how to structure and organize code using common JavaScript patterns, module patterns, and modern Architecture.

So, what are you waiting for come and join me on this awesome journey where I explain everything on the way with great detail and a large number of exercises!

This course will help you to understand how, and why JavaScript code is working. Where to apply your knowledge and how to be a perfect debugger, to train your eye for mistakes and fix them.

Now I want to be clear this course will contain a lot of coding challenges, projects, and theory lectures. So, you need all of these in order to build real-world projects.

This course is different because it’s not just about writing code, it’s also about how and why code works the way it does. Because it’s the perfect mix between theory and practice. Because it focuses not only on small coding examples but also on real-world projects and use cases.

This will empower you to be a capable JavaScript Developer so you can write, understand, and debug JavaScript code using all the latest techniques that we will cover.

What will be covered in this course

In short all of the versions staring from ES5, ES6, ES7, ES8, ES9, ES10, ES11, and any ESNEXT version,

JavaScript fundamentals like:

  • variables,
  • data types
  • Boolean logic
  • if/else statements
  • loops
  • ternary operators
  • functions
  • objects
  • arrays
  • and my hands are tired of typing but much more.

In order to understand JavaScript and how it truly works behind the scenes, you will learn in-depth about

  • Execution contexts
  • scoping
  • the ‘this’ keyword,
  • and more….

JavaScript and Website Interaction-one of my favorite parts:

  • DOM manipulation
  • Select and change Webpage Elements,
  • DOM Events.

We will cover much more complex features like

  • Function constructors
  • Prototypal inheritance
  • First-class functions
  • Closures,
  • The bind and apply methods, and more…..

At this stage we are having chance to code up 3 beautiful real-world apps where you can apply your knowledge and learn the new concepts

(Note provided the starter HTML and CSS code for these projects).

Design is a very important and elegant thing so you will learn how to use

modules and functions so you can separate your code and that will allow you to create data privacy and encapsulation, and why that is something very important.

What’s new in ES6 / ES2015 the biggest update for JS.

You will learn about Asynchronous JavaScript: the event loop, promises, async/await, AJAX calls and APIs, promise all, Promise Race, Promise Reject, Promise settled.

Modern JavaScript 2020 where you will learn how to set up a modern development workflow using Node.js NPM, Webpack, Babel, and ES6 modules.

+ Table of Contents

JavaScript Fundamentals
1 Important Lecture – How To Get Maximum Of This Course
2 Javascript Fundamentals, Environment Setup, Our First Index File Created
3 Difference Between Inline And External Js Files
4 Primitive JavaScript Data Types And Alert Box
5 Variables Naming Convention Rules
6 Variable Mutation And Javascript Coercion, Plus Defining Multiple Variables
7 Logical Operators, Math Operators, Types Of, Prompting Users For Information
8 Operator Precedence
9 Coding Assignment, Weight Converter
10 JavaScript If Else Statements

JavaScript HTML DOM Manipulation
11 JavaScript Dom and Dom Manipulation
12 Document Object and Its Properties
13 Single Query Selectors getElementById and qyerySelector
14 DOM Selectors for Multiple Elements
15 DOM, Parents, Siblings, Previous,
16 EventListeners onClick & Mouse over
17 Mouse Events
18 Local Storage And Session Storage
19 Create Element’s, Constants and Variables
20 Mini Project Our To Do List
21 JavaScript Working on Our To Do List App, Display the list elements
22 Displaying Items From Localstorage and Delete Items on Clear
23 To Do List App Finished
24 Event Bubbling and Event Delegation

Dice Game Run To 20
25 Run To 20, Dice Game With JavaScript
26 Project Walkthrough, and Setting your Js file
27 QuerySelector, getElementById, ClassList To Add classes to our dice game
28 Roll the Dice with Random number and displaying it on GUI
29 Toggle Between Player Status, Calculate Their Dice Number For Each Player and
30 Build the Blocks in Payer Score Board Using Function and Loops
31 Reset, Announcing Winner, And Smart Way to Stop The Game From Running

Advanced JavaScript Objects and Functions
32 JavaScript Object Inheritance And The Property Chain
33 Objects, Inheritance And Prototype Chaining
34 Console Log, Inspecting Arrays, Properties And Prototypes
35 Object Create In JavaScript
36 Primitives Vs Objects
37 This Keyword , Constructor And Global This Keyword
38 JavaScript Built In Constructors
39 Important, Example Of First Class Functions
40 Javascript Returning Functions
41 IIFE- Immediately Invoked Function Expression
42 Closures, Closure Function Behind Scenes
43 Call, Apply And Bind Methods

Burny – Calorie App
44 Project Walkthrough And What We Are Building-1
45 HTML Markup, CSS, JS, Sass, Font-Awesome Explained
46 Architecture, Modules, Data Encapsulation, To Do List First Section
47 Setting The Architecture And Three Modules For Our App
48 Add Event listener & KeyPress Listener For our Form Submission
49 Read Form Data, Connect Main With Ui Controller And Use Class Names Object
50 Clean The Code And Group Event Listeners
51 Using Parsefloat, Parseint, Isnan To Prevent Wrong Form Values To Be Submited
52 Function Constructors For Add And Burn Calories Plus How To Store The Data
53 Adding Calories And Storing Inside Our Storage Array
54 Storing New Calories With Unique Id Inside Our Storage
55 Display The Calorie Item From Storage To UI
56 Display Notification For Food Or Exercise Calories Plus Motivational Talk
57 Calculate Added ,Burned Calories Return And Store Their Values, Long Lecture
58 Display The Result In Front UI
59 Finishing The Remaining Calories Front UI
60 Second To Do List, Congratulations On The Finishing The First Part
61 Delete Calories Event Delegation, Parent Node, Select Food And Exercise Ids
62 Delete Calories From Storage, Ui And Update The Front UI
63 Last Stage Planning And Outlining Our Coding Points
64 Display Date Name, Month Name Using Date Function, Reset Everything
65 Format Calories To Include Decimal Point And Comma
66 Use The Functions And Display The Results On From UI
67 Clear Form , Error Notification and Clean The Code

ES6- ES2015 Next Generation JavaScript
68 Welcome To ES6 What We Will Cover
69 New Way Of Declaring Variables Let And Const
70 ES5 Vs ES6 Blocks And Iffes, Data Encapsulation
71 String Methods, Template Literals Using Backtick
72 Arrow Function, With Single Or Multiple Arguments
73 A JS Break, Looking into Sass, Css, Bem, Box Shadows & Create A Traffic Light
74 Lexical This Keyword
75 Destructuring Data Sets
76 For Of, Findindex, Find, Array.From
77 Spread Operator, Arrays And NodeLists
78 Rest Operator
79 Default Parameters
80 JavaScript Maps
81 Classes, Synthetic Sugar Over Prototype Property
82 Subclasses & Inheritance Explained With Person Actor Class

Clinic & Parkings Challenge
83 ES6 Challenge, Everything You Need To Do
84 Don’t Need To Watch This Lecture If You Want To Code It Step By Step
85 Starting Our ES6 Coding Challenge With Parent, Subclass, Map
86 Finished Clinic Report Using Destructuring, Math Min And Math Max
87 Parking Report Finished

Asynchornous JavaScript, Promises, ASYNCAWAIT and AJAX
88 Section Intro
89 Write Our First Async JavaScript Fn
90 Synch vs Async and Event Loop
91 Callback fn problem
92 Promise
93 Bonus ES8 Feature Async Await, New Way of Handling with Promise

HTTPS, API , Ajax & JSON Theory & Practical Example
94 HTTP-HTTPS
95 JSON
96 AJAX
97 API
98 AJAX CALL USING FETCH AND PROMISE
99 FETCH PROMISE WITH ASYNC AWAIT

MAPI – API PROJECT
100 Project Overview MAPI – API Project
101 Modern JavaScript, What You Need To Know
102 How To Use Command Line, Linux, Mac and Windows
103 NodeJS, NPM, Webpack Part 1
104 Webpack configuration Part 2
105 Webpack Automatic Server, Plugins Part 3
106 Babel Configuration
107 Architecture Setup MVC, Named and Default Imports and Exports
108 API call, Fetch and get the data
109 Search Model, Our Real First Api Call
110 Search Controller, Application Data, Add Event Listeners
111 View, Search Movie View
112 View, Movie View , Clear Input, Results, and Ajax Loading Part 2
113 Pagination For Our Search Results
114 Movie Model, Config Files and Getting Movie Data
115 Movie Controller, Hashchange Onload event
116 Movie View Part 1
117 Movie View, Display Rating Starts Part 2
118 Movie Views, Displaying the Tabs Part 3
119 Increase or Decrease Movie Tickets, Work on Model, View & Controller
120 Cart Model
121 Cart View Plus New Function Hashhandler
122 Cart Controller Completed
123 Like Model and its functions
124 Like View
125 Like Controller Finished
126 Localstorage for Like and Cart Model and minor mistake fixed
127 Persisting and Loading Data From Local Storage Completed
128 Final Production Build

ES7
129 ES7 ECMAScript
130 ES7 Exercise

ES8
131 ES8 ECMAScript
132 ASYNC AWAIT And Exercise

ES9
133 ES9 Object Spread Operator
134 ES9 Finally, And For Await

ES10
135 ES10 ECMAScript 2019 Features

ES11
136 Promise.all, Promise.reject, Promise.race, Promise.resolve
137 ES11 Features