JavaScript Complete Guide

Learn from basic to advance by building real-world applications

(100+ ratings)
  • Last updated 04/2022
  • Language: Hindi & English

Features:

  • 2Weekly Live Classes
  • 5+Live Projects
  • 3Months
  • ManyPractice questions
  • DedicatedGroup for discussions

Upcoming Batches

All Upcoming batches are occupied. Contact at info@edhint.com to book you seat in advance in the upcoming batch.

Projects you will work on

  • Library customization
  • JavaScript Calculator
  • Photo Slider customization
  • Todo App
  • Clock

Course Chapters

1. Introduction
  • 1. What is JavaScript?
  • 2. What is ECMAScript?
  • 3. First App in JavaScript
  • 4. Code execution in JavaScript
  • 5. JavaScript vs Java
  • 6. Set up Development Environment
  • 7. Assignment
2. JavaScript Fundamentals - Part 1
  • 1. Introduction
  • 2. Add JavaScript to a Project
  • 3. Variables & Constants
  • 4. Data Types in JavaScript
  • 5. Rules for Declaring variables
  • 6. Variables and Operators
  • 7. More on Operators & Variables
  • 8. Equality Operators: == vs. ===
  • 9. Summary
3. JavaScript Fundamentals - Part 2
  • 1. Introducing Functions
  • 2. Custom Functions
  • 3. Returning values
  • 4. Function declarations are hoisted
  • 5. Global Scope & Local Scope
  • 6. Executing Function on events
  • 7. Converting String Type to Number Type
  • 8. Increasing reusability using Functions
  • 9. Using Functions for Other Calculations
  • 10. Summary
4. JavaScript Fundamentals - Part 3
  • 1. Objects
  • 2. Adding methods to Object
  • 3. Arrays
  • 4. Array Methods
  • 5. String Methods
  • 6. Null, Undefined & NaN
  • 7. "typeof" Operator
  • 8. Summary
5. Must have Developer skills
  • 1. Using Google, StackOverflow and MDN
  • 2. VS Code Shortcuts
  • 3. Use IDE Extensions(Setting up prettier)
  • 4. Debugging JavaScript - Basics
  • 5. Debugging with Chromedev tool and Breakpoints
  • 6. Debugging code inside VS Code
  • 7. Handling error with try & catch
  • 8. Throw custom errors
  • 9. Summary
6. HTML & CSS Crash Course
  • 1. Section Intro
  • 2. Basic HTML Structure and Elements
  • 3. Attributes, Classes and IDs
  • 4. Basic Styling with CSS
  • 5. Introduction to the CSS Box Model
  • 6. Summary
7. Statements, Loops
  • 1. Booleans and Basic Conditional Operator
  • 2. Conditional Statements If Else
  • 3. Working with “if”, “else” & “else-if”
  • 4. Comparison Operators and Logical Operators - Revision
  • 5. Logical AND & OR Operator (Operator Precedence)
  • 6. Truthy and Falsy Values
  • 7. Ternary Operator
  • 8. Switch case Statements
  • 9. Common Loops used in JS
  • 10. "For" loop
  • 11. "For-of" loop
  • 12. "For-in" loop
  • 13. While & do-while loops
  • 14. Break and continue
  • 15. Error Handling with "try-catch"
  • 16. Throwing Custom Error using "try-catch"
  • 17. Summary
8. ECMAScript & Code execution in JS
  • 1. JavaScript before ES6
  • 2. Using let, var & const
  • 3. Hoisting in JavaScript
  • 4. Using 'use strict'
  • 5. Code Parsing & its compilation
  • 6. How JavaScript Engine works
  • 7. Garbage Collection
  • 8. Memory Leaks
  • 9. Summary
9. Functions - Advanced
  • 1. Functions vs Methods
  • 2. More about Functions
  • 3. Ways Of Creating Functions
  • 4. Anonymous Functions
  • 5. Arrow functions
  • 6. Rest and Spread Operator
  • 7. Shallow & Deep Copy
  • 8. Callback functions
  • 9. bind() in javascript
  • 10. Difference between call(), bind() and apply()
  • 11. Summary
10. Working with DOM
  • 1. Introducing DOM
  • 2. Document vs Window
  • 3. Common JavaScript DOM methods
  • 4. Attributes vs Properties
  • 5. Working with multiple Elements
  • 6. Traversing the DOM
  • 7. Traversing the Child Nodes
  • 8. ParentNode & ParentElement
  • 9. Sibling Elements
  • 10. DOM Traversal & Query Methods
  • 11. Styling DOM Methods
  • 12. Create/Adding Elements with JS
  • 13. Adding Elements via createElement()
  • 14. Inserting DOM Elements
  • 15. Cloning DOM Nodes
  • 16. Live Node Lists vs Static Node Lists
  • 17. Remove Elements
  • 18. Summary
11. Arrays and its Iteration
  • 1. Array - Introduction
  • 2. Data storing in Arrays
  • 3. Array methods
  • 4. splice() method
  • 5. slice() method
  • 6. Splice() vs slice
  • 7. Adding Array to Arrays with concat() method
  • 8. Retrieving Indexes with IndexOf & lastIndexOf
  • 9. Finding value with find() & findIndex()
  • 10. The forEach() method
  • 11. Traversing Data with map()
  • 12. Sorting & Reversing data
  • 13. filter() method
  • 14. reduce() method
  • 15. split() & join()
  • 16. The spread Operator(...)
  • 17. Array destructuring
  • 18. Maps & Sets - Introduction
  • 19. Working with Sets
  • 20. Working with Maps
  • 21. Summary
12. Objects - Advanced
  • 1. Object - Overview
  • 2. Primitive & Reference Values
  • 3. Adding, modifying & Deleting properties
  • 4. Property access with exceptions
  • 5. Property Type & Property Order
  • 6. Setting & Accessing Properties dynamically
  • 7. Checking Property with hasOwnProperty()
  • 8. Object & Array Comparison
  • 9. Introducing "this"
  • 10. The "this" keyword & its behavior
  • 11. Browser and "this"
  • 12. "This" and Arrow function
  • 13. Getters & Setters
  • 14. Summary
13. Classes and OOPS in JavaScript
  • 1. What is OOPS?
  • 2. Getting started with OOPS
  • 3. Using a First Class
  • 4. Constructor methods
  • 5. Fields & Properties
  • 6. Working with Multiple classes
  • 7. Class Methods & 'this'
  • 8. Adding a class and Shop feature
  • 9. Static methods & properties
  • 10. Class vs Object literals
  • 11. Getters & Setters
  • 12. Introducing Inheritance
  • 13. Implementation of Inheritance
  • 14. Using inheritance everywhere
  • 15. Overriding methods and super constructor
  • 16. super() Constructor Execution, Order & 'this'
  • 17. Ways of Adding methods
  • 18. Private Properties
  • 19. "Pseudo-Private" Properties
  • 20. The "instanceof" Operator
  • 21. Built-in Classes
  • 22. Object Descriptors
  • 23. Summary
14. Constructor Functions & Prototypes - Advanced
  • 1. Introducing constructor functions
  • 2. Constructor functions vs Classes vs “new” keyword
  • 3. Prototypes in detail
  • 4. Working with Prototypes
  • 5. Prototype Chain & Global Object
  • 6. Classes & Prototypes
  • 7. Methods in Classes & in Constructors
  • 8. Built-in Prototypes
  • 9. Setting & Getting Prototypes
  • 10. Summary
15. DOM & Browser API - Advanced
  • 1. Using "datasets"
  • 2. Getting Elements Box Dimensions
  • 3. Elements Sizes & Positions
  • 4. DOM & Prototypes
  • 5. Positioning the Tooltip
  • 6. Handling Scrolling
  • 7. Working with template tags
  • 8. Loading Scripts Dynamically
  • 9. Setting Timers & Intervals
  • 10. The "location" and "history" Objects
  • 11. The "navigator" Object
  • 12. Working with Dates
  • 13. "Error" object & Constructor Functions
  • 14. Summary
16. Working with Events
  • 1. Ways of listening Events
  • 2. Removing Event listeners
  • 3. The "event" Object
  • 4. Supported Event Types
  • 5. Working with "preventDefault()"
  • 6. "Capturing" and "Bubbling" phases
  • 7. Event Propagation & "stopPropagation()"
  • 8. Using Event Delegation
  • 9. Triggering DOM Elements Programmatically
  • 10. Event Handler Functions & "this"
  • 11. Drag & Drop - theory
  • 12. Configuring Draggable Events
  • 13. Marking the "Drop Area"
  • 14. Dropping & Moving Data
  • 15. Summary
17. Async JavaScript with Promises & Callbacks
  • 1. Understanding Synchronous code
  • 2. Understanding Asynchronous code
  • 3. Blocking code & The "Event Loop"
  • 4. Sync & Async Code
  • 5. Multiple Callbacks & setTimeout()
  • 6. Introducing Promises
  • 7. Promises Chaining
  • 8. Promise Error Handling
  • 9. Promise states & "finally"
  • 10. Async/Await
  • 11. Async/Await vs "Raw Promises"
  • 12. Promise.call(), Promise.race() etc.
  • 13. Summary
18. HTTP requests
  • 1. What are http requests
  • 2. Http methods behind the scene
  • 3. Getting started with Http requests
  • 4. Making a GET request
  • 5. Parsing JSON Data
  • 6. Promisifying Http requests
  • 7. Making POST request
  • 8. Other different HTTP methods
  • 9. Using fetch() API
  • 10. Working with fetch() API
  • 11. XMLHttpRequest vs fetch()
  • 12. Working with formData()
  • 13. Summary
19. Modular JavaScript
  • 1. Splitting code
  • 2. Getting started with JavaScript modules
  • 3. Create a Development server
  • 4. Importing & exporting modules
  • 5. Using modules
  • 6. Named export Syntax
  • 7. Working with Default Exports
  • 8. Dynamic imports & Code splitting
  • 9. Module scope and global "this“
  • 10. Summary
20. JavaScript & Browsers
  • 1. Browser Storage options
  • 2. localStorage & sessionStorage
  • 3. Introducing Cookies
  • 4. Working with Cookies
  • 5. Introducing IndexedDB
  • 6. Working with IndexedDB
  • 7. Browser Support
  • 8. Determining features supporting
  • 9. Checking required support
  • 10. Feature detection & Fallback code
  • 11. Using polyfills
  • 12. Code transpiling
  • 13. Support outside of a browser
  • 14. Summary

Course Overview

JavaScript is the most popular programming language in the world today. It powers the entire modern web and mobile. It provides millions of high-paying jobs all over the world. That's why you should learn JavaScript.

In this Live course, you will learn the JavaScript fundamentals: variables, operators, statements, boolean logic, functions with advanced concepts, arrays, objects, loops, etc.

 You will also be creating 6+ awesome real-world projects for your portfolio. Apart from it, you will be able to know how to think like an experienced and how to use the resources available on Google, Stackoverflow, MDN etc.

Requirements

  • No prior coding experience is necessary to take this course! Course is designed to start JavaScript from basic.
  • Any computer and OS will work. We will help to set up the development environment.
  • A basic understanding of HTML and CSS is a plus, but not a must! The course includes an HTML and CSS crash course.


Live Classes are scheduled for every weekend Saturday & Sunday.


FAQs

1. Do We Get any Placement Assistance?

The complete course is designed in the way so that you will be hinted for the interview based questions througout the course.

2. How my queries will be resolved?

There are 2 ways by which you will be connected with your instructor. First is the live classes where you can put your queries and second is the group dedicated for the batch. You can clear your queries on any of the places.


Still Confused? Get in touch with our instructors at +91 - 8287374553

Upcoming Batches

All Upcoming batches are occupied. Contact at info@edhint.com to book you seat in advance in the upcoming batch.