[New] Javascript:The Complete Guide 2024 (Indian Instructor)

Learning JavaScript from basics to advanced with unique industry-proven approaches and making you confident with JS.

What you'll learn

Becoming a JavaScript developer

All JavaScript basics (Variables, Control Statements, Functions, Arrays, Objects, and more)

Async JavaScript (Promise, Callbacks, Async/Await, and more)

A professional developer approach to writing code and debugging

Advance concepts (Closures, IIFE, Recursion, and more)

Apply your understanding to assignments and quizzes.

Special lectures have been added for complete beginners to understand from scratch, like literals and variables.

Answering interview questions in JavaScript up to an advanced level

VSCode add-ons to simplify Javascript coding

Next-Gen JavaScript (ES6)

How to think and build steps to write complex code.

Learning each concept with an example

Document Object Model to handle HTML documents from JavaScript code.

JQuery in details for the real-time restapi call

Using JSON to communicate with other web servers

Understand and apply best practices that help with scalability.

Understanding different ways to solve problems while writing the code

Writing a robust code

Requirements

No coding experience is needed; we will be covering it right from the beginning.

Any computer with Mac, Windows, or Linux OS. We will be installing all other tools in the course step by step.

Knowing already HTML and CSS will be an advantage, which is completely optional.

No paid software is needed. Writing a robust code

Description

#1: Best Indian corporate instructor with JavaScript"I attended Navin's offline training in Deloitte, India, for JavaScript; it was a great experience, which also helped me become a senior developer at my current company. Then I also learned about other technologies from him on Udemy. I loved the ways he explained concepts and also understood in advance the doubts that could arise for a learner; that's great art that comes with experience for any instructor." – Govind SatputeJavaScript is preferred by almost all web development beginners, and JavaScript is used to build popular modern web development frameworks like React, Angular, Vue, Express, and hundreds more.Why choose this course?Everything is covered right from scratch.Practical scenarios added from my product-building experience.Unique ways to explain concepts with different real-time examples.Deep dive into advanced topics.Make yourself ready to learn advanced frameworks like React, Angular, Vue, Express, and many more.Designing solutions for given problems.Have you seen how few developers debug any code in minutes? Debugging is an art, which saves hours of your precious time.Suitable for beginners, intermediates, and advanced learners (specific modules for mastering an area of JavaScript). Why me as the instructor for this course?My name is Navin Rajesham, and I am a certified corporate trainer from India. You might have heard why Indian instructors prefer to learn new technology. There is a strong reason behind that. In India itself, we have 25+ states with different cultures, so when we teach, we get to know how to teach learners of different backgrounds. So when it comes to an international platform like Udemy, it's not new for us to build a course that should be suitable for learners in 100+ countries. I trained Deloitte, CitiusTech, Infosys, TCS, and many more MNCs on JavaScript. With my 10+ years of experience, I learned how to keep a path in a course, elaborate the things, put great examples to understand concepts, and make sure all the learners get the best out of it. Creating an online course is not just a simple task; it's an art that comes with experience. I feel great when I read reviews of how my courses have helped learners. I would like to thank my 70k+ learners on Udemy.What does the course cover?JavaScript Basics (Literals, Variables, Data Types, etc.)How is JavaScript a dynamically typed language?Next-Gen JavaScript featuresArray: map(), filter(), reduce(), reduceRight(),Array: find(), findIndex(), from(), includesHow does OTP generation work?Conditional Statements (If, If…Else, If…ElseIf, Switch)Looping Statements (For, While, Do, While)Label, Break, and ContinueArrow Functions, Anonymous FunctionsImmediately Invoked Function Expressions (IIFE)First-Class Functionscall(), apply() and bind()Closure: To limit variables to a particular functionRecursionsPure and Impure FunctionsCurryingHoistingDedicated Module on AJAXFile uploading and getting progress on uploads with AJAXDedicated Module on JSONCalling real-time RestAPI with JSON dataJSON vs. XMLDedicated Module on the Document Object Module (DOM)Dedicated Module on the Browser Object Model (BOM)Asynchronous Programming with PromiseAsynchronous Programming with Async AwaitCallback in detailWhat additional things were covered?Real-time examples like OTP generationCalling data from the live server and processing itUnderstanding security issues (like using innerHTML)Creating a solution with a unique approach (step-by-step patterns)Understanding the art of debuggingUnderstanding each new concept by first understanding its needUnderstanding similar approaches and selecting the best suitable for better scalability in the future Let's take your journey as a JavaScript developer to the next level. See you inside the course. 

Overview

Section 1: Setup & Best Practices

Lecture 1 IDE setup

Lecture 2 Sample File Creation

Lecture 3 Prettier - Code Formatter Extension

Lecture 4 Material Icon Theme - Extension

Section 2: [Part 1] Javascript Basics

Lecture 5 Literals

Lecture 6 Variables

Lecture 7 Let

Lecture 8 Const

Lecture 9 Comments

Lecture 10 Arithmetic Operators

Lecture 11 Data Type - String

Lecture 12 String Method

Lecture 13 Data Type - Number

Lecture 14 Data Type - Bigint

Lecture 15 Data Type - Boolean

Lecture 16 Undefined vs Null

Lecture 17 Data Type - Symbol

Lecture 18 Data Type - Object

Lecture 19 Dynamic types

Section 3: [Part 2] Javascript Basics

Lecture 20 Array

Lecture 21 Array length property

Lecture 22 Array can hold anything

Lecture 23 Holes in array

Lecture 24 Array like a Stack

Lecture 25 Array - shift() & unshift()

Lecture 26 Array - splice

Lecture 27 Array - delete operator

Lecture 28 Array - join

Lecture 29 Array - flat()

Lecture 30 [Optional] Array - deep flat() [Custom]

Lecture 31 Array - Default Sort

Lecture 32 Array - Sort without modify original

Lecture 33 Array - Sort with CompareFn

Lecture 34 Array - Sort on Objects

Lecture 35 What is stable sort?

Lecture 36 Array filter()

Lecture 37 Array filter() [Examples]

Lecture 38 [Optional] Array filter() - advance options

Lecture 39 Array map()

Lecture 40 Array map() - Objects

Lecture 41 Array map() - Best Practices

Lecture 42 [Optional] Array map() - advance options

Lecture 43 Array - reduce()

Lecture 44 Array - reduce() without initial value

Lecture 45 Array - reduce() with advance config

Lecture 46 Array - reduce() on objects

Lecture 47 Array - reduce() vs reduceRight()

Lecture 48 Array - IndexOf & lastIndexOf

Lecture 49 Array - find & findLast

Lecture 50 Array - findIndex() & findLastIndex()

Lecture 51 Array - from()

Lecture 52 Array - includes()

Lecture 53 Array with Const declaration

Lecture 54 Date

Lecture 55 Date - Get Methods

Lecture 56 Date - Set Methods

Lecture 57 Math Object

Lecture 58 OTP generation with Math.random()

Section 4: [Part 3] Javascript Basics

Lecture 59 If Else

Lecture 60 Nested If

Lecture 61 If Else If

Lecture 62 Conditional (Ternary) Operator

Lecture 63 Switch Statement

Lecture 64 Switch Example

Lecture 65 For Loop

Lecture 66 For Loop on 1 Dimensional Array

Lecture 67 For Loop on Multi Dimensional Array

Lecture 68 Why to use let in For Loop?

Lecture 69 for…of

Lecture 70 for…of on Multi Dimensional Array

Lecture 71 for..in

Lecture 72 while

Lecture 73 do while

Lecture 74 Label, Break & Continue

Lecture 75 Break vs Continue

Lecture 76 TypeOf

Section 5: Javascript Functions In Depth

Lecture 77 Anonymous Functions

Lecture 78 Arrow Function

Lecture 79 Function Hoisting

Lecture 80 First-class Function

Lecture 81 Overloading

Lecture 82 Arguments Object

Lecture 83 Default Parameters Prior to ES6

Lecture 84 Default Parameters ES6

Lecture 85 The this Object

Lecture 86 Function Properties & Prototype

Lecture 87 The call() Method

Lecture 88 The apply() Method

Lecture 89 The bind() Method

Lecture 90 Nested Functions

Lecture 91 Closure

Lecture 92 Recursion

Lecture 93 Call Stack Error

Lecture 94 Immediately Invoked Function Expressions (IIFE)

Lecture 95 Callback

Lecture 96 Pure Functions

Lecture 97 Impure Functions

Lecture 98 Currying

Section 6: Asynchronous JavaScript

Lecture 99 How Promise works?

Lecture 100 Promise Chaining

Lecture 101 Callback Hell

Lecture 102 All Settled

Lecture 103 All

Lecture 104 Async and Await

Section 7: Javascript HTML Document Object Model (DOM)

Lecture 105 Introduction

Lecture 106 Location of script import

Lecture 107 What is document object?

Lecture 108 getElementById()

Lecture 109 getElementByName()

Lecture 110 getElementsByTagName()

Lecture 111 getElementsByClassName()

Lecture 112 querySelectorAll() with Basic Selector

Lecture 113 querySelectorAll() with Grouping selectors

Lecture 114 querySelectorAll() with Combinators

Lecture 115 querySelectorAll() with Pseudo

Lecture 116 Node vs Element

Lecture 117 Parent Element

Lecture 118 Child Elements

Lecture 119 Siblings Elements

Lecture 120 Create Elements

Lecture 121 Create Elements

Lecture 122 Create Elements [Script Example]

Lecture 123 appendChild()

Lecture 124 textContent & innerText

Lecture 125 Reading from innerHTML

Lecture 126 Setting innerHTML

Lecture 127 Security Issues with innerHTML

Lecture 128 setHTML()

Lecture 129 DocumentFragment

Lecture 130 before()

Lecture 131 before() with multiple parameter

Lecture 132 before() with text

Lecture 133 after()

Lecture 134 after() with multiple parameter

Lecture 135 after() with text

Lecture 136 replaceChild()

Lecture 137 removeChild()

Lecture 138 cloneNode()

Lecture 139 append() vs appendChild()

Lecture 140 prepend()

Lecture 141 HTML Attributes & DOM Objects Properties

Lecture 142 Property - Attributes

Lecture 143 Property - Dataset

Lecture 144 setAttribute()

Lecture 145 getAttribute()

Lecture 146 removeAttribute()

Lecture 147 Property - Style

Section 8: Javascript Browser Object Model (BOM)

Lecture 148 Introduction

Lecture 149 What is window Object?

Lecture 150 window.open()

Lecture 151 Height & Width

Lecture 152 Resizing Window

Lecture 153 Moving Window

Lecture 154 Closing Window

Lecture 155 window.alert()

Lecture 156 window.confirm()

Lecture 157 window.prompt()

Lecture 158 setTimeout()

Lecture 159 setTimeout() with this keyword

Lecture 160 setTimeout() with params

Lecture 161 setInterval()

Lecture 162 Location - Object & It’s Properties

Lecture 163 Location - assign() & replace()

Lecture 164 Location - Navigate with href

Lecture 165 Location - reload()

Lecture 166 Location - redirection based on country

Lecture 167 URLSearchParams

Lecture 168 URLSearchParams keys() values() entries()

Lecture 169 Navigator

Lecture 170 Navigator - Browser compatibility

Lecture 171 Navigator - Clipboard text copy paste

Lecture 172 Navigator - Clipboard Events

Lecture 173 Navigator - Clipboard Copy Image

Lecture 174 Screen

Lecture 175 History - forward() & back()

Lecture 176 History - forward() & back() [Example]

Lecture 177 History - go()

Lecture 178 History - with Hash

Lecture 179 Geolocation

Lecture 180 Geolocation - watchPosition() & clearWatch()

Section 9: Javascript AJAX

Lecture 181 Introduction

Lecture 182 AJAX Example [Live Score Update] Part 1

Lecture 183 AJAX Example [Live Score Update] Part 2

Lecture 184 AJAX with JSON

Lecture 185 ReadyState Property

Lecture 186 Response & ResponseType

Lecture 187 Request Timeout

Lecture 188 Response Headers

Lecture 189 Request Headers

Lecture 190 File Upload with AJAX [Part 1]

Lecture 191 File Upload with AJAX [Part 2]

Lecture 192 File Upload with AJAX [Part 3]

Lecture 193 Submitting Data with AJAX

Section 10: JavaScript JSON

Lecture 194 Introduction

Lecture 195 Data Types Support

Lecture 196 JSON.stringify()

Lecture 197 JSON.stringify() with data types

Lecture 198 JSON.stringify() with unsupported data types

Lecture 199 JSON.stringify() with replacer function

Lecture 200 JSON.stringify() with replacer array

Lecture 201 JSON.stringify() circular reference error

Lecture 202 JSON.stringify() with array

Lecture 203 JSON.stringify() with localStorage [Theme Example]

Lecture 204 JSON.parse()

Lecture 205 JSON.parse() with reviver function

Lecture 206 JSON.parse() with reviver function [Date Example]

Lecture 207 Handling unsupported data with Replacer & Reviver

Lecture 208 JSON.parse() Errors

Lecture 209 JSON.parse() - Avoid functions in JSON

Lecture 210 JSON with restapi [Example]

Lecture 211 JSON vs XML

Lecture 212 JSON from local file

For those who want to master JavaScript,For those who is looking for a job as a JavaScript developer,Have you tried learning JavaScript earlier? but couldn't get a detailed idea, this course will really help you, as it has a unique approach to learning each concept.,If your goal is to learn advanced frameworks like React, Angular, VueJs, Express, and more, this course will really help you build the core needed throughout the course. I have also highlighted the points that are useful to learn for advanced JavaScript frameworks.,If you want to start programming, JavaScript will be the best choice.,If you are already an advanced JavaScript developer and want to even master it with critical topics.