JavaScript Modern ES6 – 2020 – The Complete Course

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Tools that you need

Chapter 2: NEW! – Visual Studio Code – All you need to know

Lecture 1: Install Visual Studio Code | Node JS | GIT and Setup

Lecture 2: Navigating VS Code | Changing themes

Lecture 3: Creating new Files | Folders | Moving files

Lecture 4: Using integrated terminal | Running JavaScript Code

Lecture 5: Installing Extensions and enabling them | My Favorite Extensions

Lecture 6: VS Code Alternatives | Atom text editor | Sublime text

Chapter 3: Basics of JavaScript as a Programming Language

Lecture 1: [bonus] Stay upto date with web development and programming

Lecture 2: JavaScript Syntax

Lecture 3: Variables in JavaScript

Lecture 4: UseStrict & Hoisting in JavaScript

Lecture 5: ( NEW!! ) Difference between Var, Let and Const

Chapter 4: Operators | Decision Making Statements | Looping Statements

Lecture 1: COURSE CODE

Lecture 2: Operators

Lecture 3: BitWise Operators

Lecture 4: Decision making statements – if, if-else, switch-case

Lecture 5: Looping statements – for, for-in, for-of, while, do while, break

Lecture 6: BONUS Article from tharunshiv.com : 5 main topics in HTML that you should know

Chapter 5: Functions and Arrow Functions

Lecture 1: Functions – return, parameters, default parameters, rest operator

Lecture 2: Functions – constructor, recursion, anonymous, arrow, generator functions

Lecture 3: Article – Generator Functions and Anonymous functions

Lecture 4: Generator Functions | 4 Ways to use them | Advantages

Chapter 6: Project – Stick It Notes – Part 1

Lecture 1: Project Website and code

Lecture 2: Project Demo – The Website

Lecture 3: Project Demo – Mobile

Lecture 4: Project Intro

Lecture 5: A Note from the Instructor

Lecture 6: Building the HTML of the Project

Lecture 7: Writing the CSS – Part 1

Lecture 8: Writing the CSS – Part 2

Lecture 9: Continuation of the Project

Chapter 7: Cookies | Page Redirects | Dialog boxes | Print Pages

Lecture 1: ( NEW!! ) Cookies | Sessions | LocalStorage – an Intro

Lecture 2: ( NEW!! ) LocalStorage – Store , Retrieve, Remove, Clear all

Lecture 3: ( NEW!! ) Cookies and Sessions – Create, read, delete, expires

Lecture 4: Dialog Boxes – Alert, Confirm, Prompt

Lecture 5: Page Redirection

Lecture 6: Print Page

Lecture 7: BONUS from tharunshiv.com : 3 reasons why you shouldn't use CSS Frameworks

Chapter 8: Objects – All you need to know about them

Lecture 1: Objects – Object Initialization

Lecture 2: Objects – Object Constructor

Lecture 3: Objects – Object.create()

Lecture 4: Objects – Object.assign()

Lecture 5: Objects – delete objects

Lecture 6: Objects – Comparing objects

Lecture 7: Objects – Destructuring

Lecture 8: BONUS article from tharunshiv.com : PWA | Progressive Web Apps | Pros and Cons

Chapter 9: Arrays | Set Interval | Set Timeout

Lecture 1: Arrays – Initializing and storing

Lecture 2: Arrays – Methods in Arrays

Lecture 3: Set Interval | Set timeout

Lecture 4: BONUS Article from tharunshiv.com : 8 Freelancing blunders to avoid

Chapter 10: NEW! – Advanced Array Methods – Map Reduce Filter Some Every Find FindIndex

Lecture 1: The Map Method – Part 1

Lecture 2: The Map Method – Part 2

Lecture 3: The Reduce Method

Lecture 4: The Filter Method

Lecture 5: The Some Method

Lecture 6: The Every Method

Lecture 7: The Find Method

Lecture 8: The FindIndex Method

Chapter 11: Object Oriented Programming in JavaScript ES6 – Classes

Lecture 1: Class – How to create a class | Constructor in class | Instance of a class

Lecture 2: Class – this keyword, Instance variables

Lecture 3: Class – Getter & Setter methods

Lecture 4: Class – Inheritance, Super Keyword,

Lecture 5: Class – In terms of Functions | Mystery debunked | Type of Class

Lecture 6: Class – Static variables and static methods

Chapter 12: Promises | .then() | .catch()

Lecture 1: Promises – What is a Promise | Creating a Promise | .then() | .catch()

Lecture 2: Promises – simulate a request | chaining of .then()

Lecture 3: Promises – Promise.all() | Promise.race()

Chapter 13: Complete JavaScript DOM

Lecture 1: Welcome to JavaScript DOM

Lecture 2: JavaScript DOM – An Intro to the Section

Lecture 3: What and why JavaScript DOM?

Chapter 14: The foundation of JavaScript DOM

Lecture 1: The Document Object

Lecture 2: Get Element By ID

Lecture 3: Difference between textContent, innerText and innerHTML

Lecture 4: Get Elements by ClassName

Lecture 5: Get Elements by TagName

Lecture 6: Query Selecctor

Lecture 7: Advanced Tricks : Grab the Last child or the nth child

Lecture 8: Query Selector All

Chapter 15: JavaScript DOM Advanced

Lecture 1: Traversing the parent and children

Lecture 2: Traversing the siblings

Lecture 3: Creating and Inserting elements

Lecture 4: Events & Event Listeners in JavaScript