IIRF Online > Development > Web Development > JavaScript > JavaScript Modern ES6 - 2020 - The Complete Course
JavaScript Modern ES6 - 2020 - The Complete Course by Udemy
Learn Modern JavaScript ES6 from scratch till advanced in just 7 hours.
Course Highlights
- Modern ES6 Javascript 2020
- Basic Syntax of JavaScript
- Variables, Loops, Desicion Making statements in JavaScript
- Functions in JavaScript
- Objects in JavaScript
- Arrays in JavaScript
- Advanced ES6 JavaScript concepts: Class, Generators, Promises
- JavaScript DOM from basics till advanced
Skills you will learn!
Curriculum
2 Topics
Introduction
Tools that you need
6 Topics
Install Visual Studio Code | Node JS | GIT and Setup
Navigating VS Code | Changing themes
Creating new Files | Folders | Moving files
Using integrated terminal | Running JavaScript Code
Installing Extensions and enabling them | My Favorite Extensions
VS Code Alternatives | Atom text editor | Sublime text
6 Topics
[bonus] Stay upto date with web development and programming
JavaScript Syntax
Variables in JavaScript
UseStrict & Hoisting in JavaScript
( NEW!! ) Difference between Var Let and Const
Quiz 1
6 Topics
COURSE CODE
Operators
BitWise Operators
Decision making statements - if if-else switch-case
Looping statements - for for-in for-of while do while break
BONUS Article from tharunshiv.com : 5 main topics in HTML that you should know
5 Topics
Functions - return parameters default parameters rest operator
Functions - constructor recursion anonymous arrow generator functions
Article - Generator Functions and Anonymous functions
Generator Functions | 4 Ways to use them | Advantages
Quiz 2
9 Topics
Project Website and code
Project Demo - The Website
Project Demo - Mobile
Project Intro
A Note from the Instructor
Building the HTML of the Project
Writing the CSS - Part 1
Writing the CSS - Part 2
Continuation of the Project
7 Topics
( NEW!! ) Cookies | Sessions | LocalStorage - an Intro
( NEW!! ) LocalStorage - Store Retrieve Remove Clear all
( NEW!! ) Cookies and Sessions - Create read delete expires
Dialog Boxes - Alert Confirm Prompt
Page Redirection
Print Page
BONUS from tharunshiv.com : 3 reasons why you shouldn't use CSS Frameworks
8 Topics
Objects - Object Initialization
Objects - Object Constructor
Objects - Object.create()
Objects - Object.assign()
Objects - delete objects
Objects - Comparing objects
Objects - Destructuring
BONUS article from tharunshiv.com : PWA | Progressive Web Apps | Pros and Cons
4 Topics
Arrays - Initializing and storing
Arrays - Methods in Arrays
Set Interval | Set timeout
BONUS Article from tharunshiv.com : 8 Freelancing blunders to avoid
8 Topics
The Map Method - Part 1
The Map Method - Part 2
The Reduce Method
The Filter Method
The Some Method
The Every Method
The Find Method
The FindIndex Method
6 Topics
Class - How to create a class | Constructor in class | Instance of a class
Class - this keyword Instance variables
Class - Getter & Setter methods
Class - Inheritance Super Keyword
Class - In terms of Functions | Mystery debunked | Type of Class
Class - Static variables and static methods
3 Topics
Promises - What is a Promise | Creating a Promise | .then() | .catch()
Promises - simulate a request | chaining of .then()
Promises - Promise.all() | Promise.race()
3 Topics
Welcome to JavaScript DOM
JavaScript DOM - An Intro to the Section
What and why JavaScript DOM?
8 Topics
The Document Object
Get Element By ID
Difference between textContent innerText and innerHTML
Get Elements by ClassName
Get Elements by TagName
Query Selecctor
Advanced Tricks : Grab the Last child or the nth child
Query Selector All
5 Topics
Traversing the parent and children
Traversing the siblings
Creating and Inserting elements
Events & Event Listeners in JavaScript
The event parameter 'e'
8 Topics
Part 1 of the Project
Create Note From Input
Create Note
Remove Notes
Using Local Storage to store the Notes
Fetch notes from the Local Storage
Fixing a common error when using Local Storage
Fixing the bug in our Stick It Notes
6 Topics
What are Progressive Web Apps?
A discussion on Progressive Web Apps
Converting our Website into a PWA
Deploying the website - Setting up our Github Account
Deploying the website - Uploading to Netlify
What's next? What are the choices you have in JavaScript?
JavaScript Modern ES6 - 2020 - The Complete Course
Related JavaScript Courses
Thank You!
Your review has been submitted successfully.