Master JavaScript - The Most Compete JavaScript Course 2020
Created by Rick Sekuloski, Last Updated 12-Sep-2020, Language:English
Master JavaScript - The Most Compete JavaScript Course 2020
Master JavaScript 2020!Projects, challenges, JavaScript ES6, ES7, ES8 ,ES9, ES10, ES11, OOP, AJAX, Webpack,Laravel
Created by Rick Sekuloski, Last Updated 12-Sep-2020, Language:English
What Will I Get ?
- From Zero to Hero, Go From Beginner to an Advanced JavaScript developer
- 3 Amazing real-world apps you can code, starting from with both ES5 and going all to ES11+ (Real World Apps)
- JavaScript Fundamentals: Variables, boolean logic, if/else, loops, functions, arrays, etc
- Asynchronous JavaScript: The event loop, promises, async/await, AJAX and APIs, JSON, HTTPS
- Modern Features like the 'this' keyword, function constructors, prototypal inheritance, first-class functions, closures
- Promise all, Promise settledAll, Promise Race, Promise Reject, Promise Resolve
- Modern JavaScript for 2020: NPM, Webpack, Babel and ES6 modules, Architecture
- Understand How JavaScript Really Works Behind the Scenes
- What is new in ES6
- What is new in ES7
- What is new in ES8
- What is new in ES9
- What is new in ES10
- What is new in ES11
- What is new in ESNEXT - future versions
- ES6: arrow functions, classes, default and rest parameters, etc.
- To Do List App
- Coding Challanges
- DOM Manipulation
- Module Patterns
- BigInt
- Amazing opportunity to learn how CSS, SASS and HTML work behind the scenes
Requirements
- No pre-requisits, just computer, internet, or mobile device if you want to sit back and listen
Description
Course Requirements
In order to follow me in this course, no coding experience is necessary, I will take you from the very beginning and will turn you into an expert.
During this course, I'm using Windows but any OS will work — Windows, macOS, or Linux. Together we will set up the text editor we need to for the course.
It is always recommended to have a basic understanding of HTML and CSS, that will be helpful but not a must! The course also includes a section of CSS, SASS, HTML intro so you can navigate easily.
Description
*** The #1 Complete JavaScript course on Tutorialspoint! ***
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.
So, is this course the right one for you?
Student #1: I want to gain a deep understanding of how JavaScript works and I would love to learn as much as I can: I want to learn JavaScript.
Student #2: I have taken another JavaScript course but they are confusing and hard so:
1) still don't really understand JavaScript
2) still don't feel confident to code real-world apps. Then there is no brainer take this course it will be a perfect match for you!
Student #3: I'm interested in using popular libraries/frameworks like React, Angular, or Node.js but I can't understand how they work.
1) Well, JavaScript is the one that needs to be taken before using popular libraries. This course will give you the knowledge to learn them all.
Student #4: You want to get started with web development: Them Master JavaScript is a great course where you can learn JavaScript language and learn how to code.
Still not sure?
Access to HD quality videos for life.
No monthly subscription.
Learn at your own pace, whenever you want, how much you can.
All resources are available like the starter and final code for each section. Lectures are also included
Q&A when you have questions or get stuck.
Multiple coding challenges to apply and practice your skills (solutions included).
Now if this sounds like a good option for you then please lets both you and I start this adventure today by clicking the “Take this course" button, and join me in the only JavaScript course that you will need!
Who this course is for:
This course is for someone that wants to gain
Deep understanding of the most popular programming language in the world: JavaScript.
If you are a student and want to learn a web development language that sits in the first 4 always
If you're interested in using popular libraries/frameworks like React, Angular, or Node then you need this course.
In general: JavaScript is a great language to learn how to code and that makes this course irresistible.
Course Content
-
JavaScript Fundamentals
10 Lectures 01:32:57-
Important Lecture - How to get maxiumum of this course
00:05:11 -
Javascript Fundamentals, Environment Setup, Our First Index File Created
Preview00:08:15 -
Difference Between Inline And External Js Files, Single Line, Multiple Line Comments
Preview00:09:43 -
Primitive Javascript Data Types And Alert Box
Preview00:10:25 -
Variables Naming Convention Rules
Preview00:05:10 -
Variable Mutation And Javascript Coercion, Plus Defining Multiple Variables
00:08:55 -
Logical Operatos, Math Operatos, Types Of, Prompting Users For Information
00:18:41 -
Operator Precedence
00:15:21 -
Coding Assignement, Weight Converter
00:04:07 -
Javasript If Else Statments
00:07:09
-
-
JavaScript HTML DOM Manipulation
14 Lectures 03:41:31-
1.JavaScript Dom and Dom Manipulation
Preview00:04:05 -
2. Document Object and Its Properties
Preview00:23:48 -
3.Single Query Selectors getElementById And qyeryselector
00:25:11 -
4. Dom Selectors For Multiple Elements
00:22:02 -
5. Dom, Parents, Siblings, Previous
00:26:58 -
6.Eventlisteners, Onclick, Mouse Over Events
00:13:41 -
7.Mouse Events
00:13:03 -
8.Local And Session Storage
00:12:08 -
9.Create An Elements, Constans, Variables
00:18:10 -
10. Mini Project Our To Do List
00:01:30 -
11. Javascript Working On Our To Do List App, Display The Li, Store Them In Our
00:16:20 -
12. Displaying Items From Localstorage And Delete Items With Clear
00:09:06 -
13. To Do List Finished
00:17:28 -
14. Event Bubbling And Event Delegation
00:18:01
-
-
Dice Game Run To 20 or 100
7 Lectures 01:29:28-
0. Run To 100, Dice Game With Javascript
Preview00:04:06 -
1. Project Walkthrough, And Setting Our Js File
00:15:22 -
2. Use Queryselector, Getelementbyid, Classlist To Add Classes To Our Dice Game
00:09:30 -
3.Roll The Dice With Random Number And Displaying It On GUI
00:11:55 -
4. Toggle Between Player Status, Calcuate Their Dice Number For Each Player
00:13:44 -
5. Build the Blocks in Player Score Board Using Function and Loops
00:14:14 -
6. Reset, Announcing Winner, And Smart Way To Stop The Game From Running
00:20:37
-
-
Advanced JavaScript Objects and Functions
12 Lectures 03:01:19-
1.Javascript Object Inheritance And The Property Chain
Preview00:11:29 -
2. Objects, Inheritance And Prototype Chaining
00:28:22 -
3. Console Log, Inspecting Arrays, Properties And Prototypes
00:14:55 -
4. Object Create In Javascript-8
00:08:12 -
5. Primitives Vs Objects
00:13:52 -
6. This Keyword , Inside The Constructor And Global This Keyword
00:08:46 -
7. Javascript Built In Constuctors
00:10:38 -
8. Important, 3 Example Of First Class Functions
00:26:02 -
9. Javascript Returning Functions
00:09:45 -
11. IIFE - Immediately Invoked Function Expression
00:09:26 -
11. Closures, Closure Function Behind Scenes
00:15:51 -
12.Call, Apply And Bind Methods
00:24:01
-
-
Burny Calorie APP
24 Lectures 05:52:11-
1. Project Walktrough And What We Are Building
Preview00:09:53 -
2. Html Markup, Css, Js, Sass, Font-Awesome Explained
Preview00:11:38 -
3. Architecture, Modules, Data Encapsulation, To Do List First Section
00:09:26 -
4. Setting The Architecture And Three Modules For Our App
00:12:53 -
5.AddEventListener & Keypress Listener For Form Submition
00:13:34 -
6. Read Form Data, Connect Main With Ui Controller And Use Class Names Object
00:18:24 -
7.Clean The Code And Group Event Listeners
00:08:07 -
8. Using Parsefloat, Parseint, Isnan To Prevent Wrong Form Values To Be Submited
00:13:33 -
9. Function Constructors For Add And Burn Calories Plus How To Store The Data
00:10:36 -
10. Adding Calories And Storing Inside Our Storage Array
00:16:05 -
11. Storing New Calories With Unique Id Inside Our Storage And Finish The Adding
00:12:16 -
12.Display The Calorie Item From Storage To UI
00:23:30 -
13. Dispaly Notification For Food Or Exercise Calories Plus Motivational Talk
00:14:15 -
14. Calculate Added ,Burned Calories Return And Store Their Values, Long Lecture!
00:30:14 -
14. Display The Result In Front Ui And Change The Remaning Color Based On Condition
00:22:29 -
15. Finishing The Remaining Calories Front UI
00:09:20 -
16. Second To Do Lits, Congratulations On The Finishing The First Part
00:02:30 -
17. Delete Calories Event Delegation, ParentNode, Select Food And Exercise Ids
00:20:34 -
18. Delete Calories From Storage, Ui And Update The Front UI
00:19:15 -
19. Last Stage Planning And Outlining Our Coding Points
00:02:31 -
20. Display Date Name, Month Name Using Date Function, Reset Everything
00:24:30 -
21.Format Calories To Include Decimal Point And Comma
00:21:35 -
22. Use The Functions And Display The Results On From UI
00:07:33 -
23. Clear Form After Calcuate & Error Notification, Clearn The Code & How To Use Sass To Compile CSS
00:17:30
-
-
ES6 ECMAScript 2015 - Next Generation JavaScript
15 Lectures 04:28:08-
1. Welcome To ES6, What We Will Learn
Preview00:03:01 -
2. New Way Of Declaring Variables Let And Cons
00:24:47 -
3. ES5 Vs ES6 Blocks And IIFES, Data Encapsulation
00:13:08 -
4. String Methods, Template Literals Using Backtick
00:17:54 -
5.Arrow Function, With Single Or Multiple Arguments & Lines Of Code
00:21:39 -
6. Break From JS, Sass, CSS, BEM, Box Shadows To Create A Traffic Light
00:29:27 -
7.Lexical This Keyword
00:25:03 -
8. Destructuring Data Sets
00:11:30 -
9.For Of, FindIndex, Find, Array.From
00:16:35 -
10. Spread Operator, Arrays And Nodelists
00:11:04 -
11.Rest Operator
00:15:17 -
12. Default Parameters
00:15:17 -
13. JavaScript Maps
00:23:57 -
14. Classes, Synthetic Sugar Over Prototype Property
00:17:29 -
15. Subclasses & Inheritance Explained With Person Actor Class
00:22:00
-
-
Clinic & Parking Challenge
5 Lectures 01:21:10-
1.ES Challenge, Everything You Need To Do
00:04:05 -
2. Don't Need To Watch This Lecture If You Want To Code It Step By Step
00:22:57 -
3. Starting Our ES6 Coding Challenge With Parent, Subclass, Map
00:16:50 -
4. Finished Clinic Report Using Destructuring, Math Min And Math Max Function
00:18:35 -
5. Parking Report Finished
00:18:43
-
-
Asynchronous JavaScript, Promises , ASYNC/AWAIT
6 Lectures 00:56:30-
0. Section Intro
00:00:42 -
1. Write Our First ASYNC JavaScript Fucntion
00:07:56 -
2. SYNCH Vs ASYNC And Event Loop
00:10:44 -
3. Callback Fn Problem
00:11:15 -
4.JavaScript Promises
00:15:03 -
5.ES8 Async Await, New Way Of Handling With Promise
00:10:50
-
-
HTTPS , API, Ajax & JSON Theory & Practical Exercies
6 Lectures 00:52:29-
1.Http-Https
00:12:12 -
2. JSON
00:06:50 -
3. AJAX
00:05:03 -
4.API
00:06:08 -
5.Ajax Call Using Fetch And Promise
00:13:23 -
6. Fetch Promise With Async Await
00:08:53
-
-
MAPI - API Project
29 Lectures 07:30:28-
1. Project Overview MAPI- API Project-1
Preview00:04:28 -
2. Modern JavaScript, What You Need To Know
00:06:06 -
3. How To Use Command Line, Linux, Mac And Windows
00:13:51 -
4. Nodejs, Npm, Webpack Part 1
00:14:07 -
5. Webpack Configuration Part 2
00:22:59 -
6. Webpack Automatic Server, Plugins Part 3
00:16:14 -
7. Babel Configuration
00:19:46 -
8. Architecture Setup Mvc, Named And Default Imports And Exports
00:19:15 -
9. API Call, Fetch And Get The Data-
00:08:53 -
10. Search Model, Our Real First API Call
00:10:21 -
11. Search Controller, Application Data, Add Event Listeners
00:15:28 -
12. View, Search Movie View
00:21:04 -
13. View, Movie View , Clear Input, Results, And Ajax Loading Part 2
00:20:24 -
14. Pagination For Our Search Results
00:25:09 -
15. Movie Model, Config Files And Getting Movie Data
00:18:47 -
16. Movie Controller, Hashchange Onload Event
00:15:51 -
17. Movie View Part 1
00:15:55 -
18. Movie View, Display Rating Starts Part 2
00:15:12 -
19. Movie Views, Displaying The Tabs Part 3
00:17:29 -
20. Increase Or Decrease Movie Tickets, Work On Model, View & Controller
00:15:08 -
21. Cart Model
00:14:26 -
22.Cart View Plus New Function Hashhandler
00:14:27 -
23. Cart Controller Completed
00:23:06 -
24. Like Model And Its Functions
00:06:26 -
25. Like View
00:08:37 -
26. Like Controller Finished
00:24:01 -
27. LocalStorage For Like And Cart Model And Minor Mistake Fixed
00:20:47 -
28. Persisting And Loading Data From Local Storage Completed
00:17:56 -
29. Final Production Build
00:04:15
-
-
ES7
2 Lectures 00:04:30-
1. ES7 ECMAScript
00:03:42 -
2. Exercise For ES7
00:00:48
-
-
ES8
2 Lectures 00:20:54-
1. ES8 ECMAScript
00:13:14 -
2. Async Await And Exercise
00:07:40
-
-
ES9
2 Lectures 00:21:53-
1.ES9 Object Spread Operator
00:05:11 -
2.ES9 Finally And For Await
00:16:42
-
-
ES10
1 Lectures 00:20:19-
1.ES10 ECMAScript 2019 Features
00:20:19
-
-
ES11
2 Lectures 00:44:57-
1. Promise.All, Promise.Reject, Promise.Race, Promise.Resolve
00:16:05 -
2. ES11 Features
00:28:52
-

Rick Sekuloski
Web Developer and Programmer
I'm a full-stack web developer and designer that will always try to build beautiful projects from scratch, meaning I'm very detailed when I start working on a project. I've been building websites and apps since my early days at University. I have finished my bachelor of Information Technology in Macedonia and I also have finished a Master's degree in Information Technology Studies in Federation University Australia.