Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

JavaScript - Marathon Interview Questions Series

Name: JavaScript - Marathon Interview Questions Series
Rating: 4.6 (1361 reviews)

The Quintessential Guide For Cracking JavaScript Interviews For Developers World-wide

Created byNirmal Joshi

Last updated 1/2025

English

What you'll learn

Real-world JavaScript interviews questions asked in IT companies.
Q&As that you’ll need to become a JavaScript expert.
Apply for JavaScript jobs anywhere in the world.
Core concepts and features you need to know in JavaScript development.
JS Language, Arrays, OOJS, DOM & Web, Asynchronous JS, Map, Set, WeakMap & WeakSet (ES6 Data structure), Automated Testing
Lectures & topics focused on real-world coding problems.
Fast and friendly Q&A support

Course content

15 sections • 146 lectures • 17h 26m total length

Difference Between Null & Undefined ?5:31
Related Questions :-
What is undefined in JavaScript?
What will be the output of undefined==null and undefined===null? Why?
Can you explicitly assign ‘undefined’ to a variable?
let i=undefined; [show example]
Function Scope Vs. Block Scope8:40
Related Questions :-
What is hoisting in JavaScript?
How does block scope work?
What is the scope of a variable?
What is Automatic Semicolon Insertion (ASI) ?6:06
Related Questions :-
Should you terminate all lines by a “;”?
function test(){
return
{
a:5
}
}
const obj=test();
console.log(obj);
Why this code is returning undefined in spite of function returning a valid object literal?
Can ‘use strict’ statement or the strict mode change the behavior of ASI?
Difference between Rest and Spread operator?10:28
Related Questions :-
Can we use arguments object in arrow function?
Which is the best way to create new arrays with assignment?
How can you handle the “n” number of parameters passed to a function ? or create a function which can take any number of parameters and returns sum or max or any other such calculative values.
Can the rest operator be placed anywhere in the function parameter list? Or
function test(...a,b){
//statements
}
Is this piece of code valid? Give the reason.
When do you get Infinity or -Infinity as output?7:15
Related Questions :-
How will you put a validation for positive or negative Infinity?
What will be the output of this code?
Code:
console.log(1/0);
When do you get NaN as output?7:29
Related Questions :-
What will be the output of the below statement?
console.log(NaN==NaN);
What is the difference between isNaN() and isFinite() method?
Explain must know points of arrow function.15:07
Related Questions :-
Explain the syntactical features of arrow function.
Why “this” does not work in arrow function?
Explain output of following code with reason.
const obj={
method:()=>{
console.log(this);
}
}
How can you handle arguments object like functionality in arrow function?
Can you write IIFE with arrow function syntax?
How does a "closure" work in JavaScript ?9:13
Related Questions :-
How can you access private variable or function outside the scope?
Explain the advantage of closure?
How can sum(5)(6) return 11?12:01
Related Questions :-
What is function currying?
const multiplication=a=>b=>c=>return a*b*c
What will this statement do? Explain in detail.
Explain practical usage of function currying.
Iterables and Iterators13:00
Relative Questions :
1) What is the purpose of the iterator ?
2) How do you create an iterator ?
3) Explain a practical use of an iterator ?
Generators24:29
Related Questions :-
What are generator functions? Explain the syntax.
Which is the right syntax function* (){} or function *(){}?
Explain all methods of generator objects.
Explain the use of “yield*”.
Can you prevent return() from terminating the generator?
Memory Management & Garbage Collection8:02
Related Questions :-
How does Garbage Collection work in JavaScript?
Explain “Mark-and-Sweep” algorithm’s pattern.
Which situation can create a memory leak?
How do you handle errors in JavaScript code ?10:29
Related Questions :-
When do you need try...catch?
How can you generate an error?
Can you generate SyntaxError or ReferenceError kind of errors?
What is the purpose of the finally block?
How can you refer to the name or description of error?
Can we have finally without a catch block as well?

Explain array & traversal in array.12:33
Related Questions :-
What is the difference between for...in and for...of?
What will be the output of the below code?
=>
let arr = ["ES5","ES6","ES7","ES8"];
arr.forEach(function(element,index){
console.log(element,index);
if (index==2){
break;
}
})
What will be the output of below statements?
=>
let arr=[7,9,0];
console.log(arr[arr.length]);
Add, Remove, Insert, Replace Elements in Array12:17
Related Questions :-
What is the difference between push() and unshift() method?
What is the difference between pop() and shift()?
How can you insert an element at a given position?
How can you remove a specific element?
What does splice() return?
If there is no element removed then what will splice() method return?
How do you perform search in an array ?11:47
Related Questions :-
What is the difference between find() and filter() method?
If there is no value to return, what will findIndex() return?
What is the difference between indexOf() and includes() method?
How will you search multiple values in an array?
What will be the output of this code?
let arr=["One","Two","Three","Four","Five"];
console.log(arr.lastIndexOf("Abcd"));
What is the use of map() method ?8:44
Related Questions :-
Find the length of each element in a new array.
Find the square root of every element and store it in a new array.
There is an array called products as shown here
let products=[
{pCode:1,pName:"Apple"},
{pCode:2,pName:"Banana"},
{pCode:3,pName:"Grapes"},
{pCode:4,pName:"Oranges"}
]
Get all product names (i.e pNames) in a new array
How to flatten 2D array ?12:57
Related Questions :-
How will you flatten an array i.e e.g converting a 2 dimensional array into single dimension?
Get sum of a key field of an object literal & Then find total salary of employees
const employees=[
{eNo:1001,salary:3000},
{eNo:1002,salary:2200},
{eNo:1003,salary:3400},
{eNo:1004,salary:6000}
]
Find avg value of all elements of an array?
Find the sum or product of all elements?
What is the difference between reduce() and reduceRight()?
How can you sort an array ?11:20
Related Questions :-
What will be the output in case an array has “undefined” while sorting the values?
How will sort an object literal?
How will you sort a numeric array?
Sort all values of the array in descending order.
Explain Array Destructuring ?8:50
Related Questions :
1. What is the destructuring assignment?
2. Swap values using destructuring.
3. What will be the output of this code?
=> let [a,b,c] = [5,,7];
console.log(a,b,c);
4. How will you set a default value while destructuring an array?

String Basics - [UTF -16] - \u - Unicode8:50
Related Questions :-
Explain various ways to declare a string variable.
How will you deal with unicode characters?
Show the syntax to display long unicode characters.
ES6 Template Literal (String)5:23
Related Questions :-
What is a template literal?
How will you display a value or an expression inside template string?
What is the advantage of using template string?
“.length” Property and Search Methods6:06
Related Questions :-
Explain the indexOf() and lastIndexOf() method with syntax.
What is the difference between search() and indexOf() method?
What will be the output of the below given code? Explain with reason.
let str="This is a test";
console.log(str.indexOf("is",5));
console.log(str.lastIndexOf("is",1));
Extraction Methods12:22
Case Conversion & replace() Method7:18
Related Questions :-
1. Create a program which check whether a character is vowel or consonant

Date & Time Basics8:34
Related Questions :-
Explain different ways of creating date/time object
What will be the output of the below code
=> const dt = new Date(2020,08,23);
console.log(dt);
Explain various formats of ISO standard followed by JavaScript ?
Date Methods7:42
Related Questions :-
1. Get Character month.
2. Find the date before 50 days of the given date.
3. What will be the output if you add 35 as date in Date() constructor.
Time Methods4:13
Related Questions :-
1. Calculate the date difference in days.
2. How can you change hours or minutes in time ?

What is object literal?19:27
Related Questions :-
Can you have dynamic keys with object literal?
How can you add read-only properties to an object?
What is property value short hand with object literal?
What will be the output of this code
let obj={a:'First'};
let obj1 = obj;
obj1.a="Second";
console.log(obj.a);
Explain the reason why?
How can we create a clone or separate copy of an object literal?
What is “this” object?6:02
Related Questions :-
What will be the output of this code if you run in the browser and why?
function test(){
console.log(this);
}
test();
What is the context of “this” inside arrow function? Or what will be the output of this code
let obj={

test:()=>{
console.log(this);
}
}
obj.test();
What is the purpose of call(), apply() and bind()?8:23
Related Questions :-
What is the difference between call, apply and bind()?
What will be the output of this code? Or can you assign value to “this” object with assignment operator i.e. “=”?
const obj={
a:6
}
function test(){
this=obj;
}
test();
Class, Class expression & Static members16:13
Related Questions :-
How can you create a class?
When does constructor() called?
Can we have dynamic property or method names in a class?
What is a class expression?
What are static members in a class? What is the purpose of defining them as static?
How can you call another static method from a class?
Inheritance, Subclassing and Extending built-in class13:26
Related Questions :-
How can you inherit a class?
What is subclassing?
What is the purpose of super keyword?
How will you override a method?
How can you extend a built-in class?
Destructuring Object Literal6:16
Related Questions :-
Explain a practical scenario of object literal destructuring ?
Explain the output of this code
const { a=90, b } = { };
console.log(a,b);
Class Accessors - getter & setter methods3:51
Related Questions :-
1. What is a getter or setter method?

Map18:33
Related Questions:-
What are the advantages of using Map over objects?
How will you iterate through Map ?
Can you assign key/values with this syntax ? Explain the reason for the answer - map[‘key’]=value
How can you convert simple objects to Map?
How can you convert a Map into simple objects?
How will you remove an item or all items from Map?
Set7:19
Related Questions:-
What is the difference between Map and Set ?
How will you remove specific values from Set ?
What will entries() method with Set will return ?
WeakMap() and WeakSet()6:22
Related Questions :-
Explain difference Between Map and WeakMap.
Explain difference Between Set and WeakSet.

Understanding DOM7:24
Related Questions :-
1. What is DOM or DOM API?
2. What is a DOM Tree?
3. What do you mean by DOM Manipulation?
Difference between Document Object & Window Object7:45
Related Questions :-
What is the difference between window and document?
What is DOM [Document Object Model] or DOM API?
What is BOM [Browser Object Model]?
Explain the difference between DOM and BOM?
Which is the global object in browser?
How will we check the width and height of window?
How will you get hostname or value typed in address bar?
How to handle timer based events ?10:52
Related Questions :-
Explain the difference between setTimeout() and setInterval()?
Why can’t we write document.setTimeout() or document.setInterval()?
How can you stop a timer ?
How will you create a digital clock ?
What is event bubbling & event capturing ?11:32
Related Questions :-
Which is the default propagation path?
How can you stop the event propagation?
How can you change the default propagation path?
How can you get the reference of element on which event is fired?
Practical question :- What will be the output of code & why?
What is event delegation ?7:54
Related Questions :-
How event bubbling or capturing is useful in the practical programming world?
Which property can be used to check the element type on which the event is triggered?
How can you get value of the element which raised the event?
How to navigate through DOM ?19:06
Related Questions :-
What is a node in DOM tree? Explain different types of nodes?
How can you access next same level element for a given node element?
What is the difference between childeNodes and children property?
How can you check whether an element has child nodes or not?
What is the purpose of DOM navigation?
What will be the output of below given statement? - element.lastChild.nextSibling
getElementBy<id,tags,class & name>()11:10
Related Questions :-
1. Can you use document.getElementById() & element.getElementById() ?
2. What does the getElementsByTagName() return ?
3. What is the difference between getElementsByClassName() & getElementsByName() ?
querySelector() & querySelectorAll()4:58
Related Questions :-
Explain the difference between querySelector() & querySelectorAll().
How can you search elements using pseudo classes?
Between getElementBy methods and querySelector methods which is better to use?
Event Basics11:33
Related Questions :-
Explain various ways to configure an event with HTML elements.
Explain syntax of addEventListener() method.
What is an event object ?
MouseEvent12:08
Related Questions :-
How will you disable right click on an element?
How can you check whether a special key is pressed or not while an event is generated?
How do you check mouse button value while an event is generated?
For ctrl key and cmd on mac - how will you right the condition to check the key press.
ClientX/Y Vs. PageX/Y Vs. ScreenX/Y - Coordinates5:45
Related Questions :-
Explain the difference between clientX/Y and pageX/Y.
Explain the difference between clientX/Y and screenX/Y.
Keyboard Events7:05
Related Questions :-
How can you check if control and Z is pressed or not?
What does event.code return ?
Explain the difference between event.code and event.key ?
Input Element Events14:20
Related Questions :-
What is the difference between onblur and onchange event?
How will you handle events of checkbox and radio buttons?
Differentiate onkeypress/onkeyup and oninput event.
Which event you prefer with select [i.e. drop down list]?
How will you get the text value of selected item from a select element i.e. a drop down list?
oncut - oncopy - onpaste Events4:03
Related Questions :-
1. Explain about cut,copy and paste events
2. How can you stop an event of cut, copy or paste for an element ?

Introduction4:22
Custom HTMLElement - First step of web component7:39
Related Questions :-
1. Explain what is a web component and how can you create it?
Problem without shadow DOM2:21
Shadow DOM to the rescue5:11
Related Questions :-
1. What is shadow DOM? Explain the need for it.
2. How do you add a component to a shadow DOM?
HTML <template> - Must know for web components8:33
Related Questions :-
1. What is the purpose of the <template> tag?
Creating component template3:15
Dynamic Data with Custom Attributes6:12
Life cycle Callbacks3:32
Changing Attribute on Event8:57
Related Questions :-
1. What is the observerdAttributes() method’s functionality?
2. When will the attributeChangedCallback() method be invoked?
3. How can you improve rendering with the help of attributeChangedCallback()?
Deleting Component - disconnectedCallback()5:14
Related Questions :-
1. Explain the purpose of disconnectedCallback() life cycle method.
Setter method - the right approach1:56
The slot element4:57
Related Questions :-
1. What is light DOM?
2. How can you manage or display the content placed inside the custom HTML element?

What is a callback function ?13:09
Related Questions :-
What is an Asynchronous process?
What is the meaning of callback hell or pyramid of doom?
What is a Promise ?22:03
Related Questions :-
How will you configure a process which should be executed at the end of promise resolve or reject ?
What is chaining the promise? Explain the syntax.
What will be the output of the given code?
const pr = new Promise((resolve,reject)=>{
resolve("Over");
setTimeout(()=>{
resolve("Again");
},2000)
})

pr.then((msg)=>{
console.log(msg);
return pr;
}).then((msg)=>{
console.log(msg);
})
What is the status of promise by default?
What will be the status of promise when resolved or rejected?
Explain Promise.all() Vs. Promise.allSettled() Vs. Promise.race() ?15:15
Related Questions :-
What will be the output if the iterable is not a promise inside all() method arguments,e.g as shown below where “p2” is not a promise?
const p1 = new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve("Promise1");
},2000)
})
const p2 = "Normal string";
const p3 = new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve("Promise3");
},2000)
})

Promise.all([p1, p2,p3]).then((prMsgs) => {
console.log(prMsgs);
}).catch((err)=>{
console.log(err);
})
How will you handle rejected multiple promises in the most efficient way?
Explain the purpose of Promise.race() method.
What will be the output of empty iterable if given as a parameter inside the race() method as shown in this code?
const obj = Promise.race([]);
console.log(obj);

setTimeout(()=>{
console.log(obj);
},2000);
Explain functionality of async/await ?13:50
Related Questions :-
Can you write await without async?
Do you need to return a promise from an async function?
Can you have an async IIFE?
Which is the best way to handle errors with await?
Explain the syntax of Promise.all() with async/await?
AJAX & XMLHTTPRequest (XHR)20:21
Related Questions :-
What is AJAX?
How will you set a timeout with an XHR request?
How can you set the data format for response?
Explain “readyState” property of XHR.
Explain the “onreadystatechange” event.
How can you force the XHR request to stop the execution?
When is the “load” method called?
How will you set HTTP headers? Explain the sequence.
Explain different ways of getting response header values?
The "fetch" API13:04
Related Questions :-
Explain the fetch API functionality.
How will you make a DELETE request with fetch API?
Async Iterators & Generators7:37
Related Questions :-
What is Symbol.asyncIterator?
Can we use spread operator with async iterator e.g. [...obj]?
How will you handle the async iterator using generator function syntax?

What is Module ?7:06
Related Questions :-
1. What is a module ?
2. Can you import any module inside the script tag ?
3. How will you run the import and export statements on a local machine ?
Named Export/Import14:24
Related Questions :-
1. What is a named export and import ?
2. Can you avoid {} while importing a named module ?
3. How can you import all named modules from a file ?
4. Is it a good practice to import all modules together ?
5. Do the modules hoist ?
6. Do you need the same name while importing a named module or you can change ?
Default Export/Import6:57
Related Questions :-
1. What is default export/import & the difference between named & default export/import ?
2. Explain various ways of implementing default export/import ?

Requirements

Good to have basic JavaScript knowledge but not mandatory
Basic understanding of HTML and CSS helps but is NOT required

Description

JavaScript will be the hot thing and isn’t going anywhere for the next 5 years!

For several years now, we’ve seen a huge demand for JavaScript developers world-wide. If you want to get a programming job quickly, this is the language to learn. Not only that, there’s always something new coming up every now and then, so you need to be updated about the latest changes and industry trends.

Others say that cracking JavaScript interviews is complicated. I say it is NOT! If you have the right resources and up-to date information - learning JavaScript is easy and fun. I have built this course for individuals who are facing difficulties in cracking JavaScript interviews - keeping one thing in mind - answering each and every question in the simplest of ways!

Why JavaScript only?

I am sure you want to learn Angular, Node.js, React, Vue JS, Typescript, Svelte, or any other framework to be the best in the business, but at the end of the day, JavaScript fundamentals are the key because understanding and learning JavaScript is an investment that will certainly pay off for you in the future.

With my 25+ years of experience in the programming industry - I’ve put all my JavaScript knowledge and teaching experience in building this comprehensive course. I’ve made sure there’s everything required for freshers as well as experienced individuals. With that being said - I am working on a progressive course update plan where I’ll add new lectures from time to time because JavaScript is an ocean and I need to dive deep to bring out the best and the most precious questions/concepts pearls for you!

The course is based on my experience as a teacher with thousands of students across platforms like Udemy as well as my YouTube channel. It's packed with all sorts of real-world interview and assessment questions which are asked in IT development companies - all with the goal of giving you the best possible way of learning JavaScript in the simplest ways.

What's in the course?

Because this course has sections packed with beginner to advanced level content - I strongly recommend that you check out the full course curriculum to get a clear idea of all the topics. To summarise, here's what you'll find in the course:

Language fundamentals
Arrays
String
OOJS
DOM & Web
Asynchronous JS
Map, Set, WeakMap & WeakSet (ES6 Data structure)
Automated Testing
Practical real-world examples and so on...

Who is this course for?

Developers who want to crack JavaScript interviews.
New/junior/expert developers who want to learn modern JavaScript
Expert developers who want to upgrade their existing JavaScript skills.
Programmers who want to learn front-end web development.

Sounds good? Then start today and hit the “Take this course" button.

Enroll now for the only JavaScript course that you will ever need!

Who this course is for:

Beginner, Intermediate and Senior Javascript, UI/UX, MEAN Stack, MERN Stack developers
Anyone looking to crack any level of JavaScript interview

JavaScript - Marathon Interview Questions Series

What you'll learn

Explore related topics

Course content

Language Fundamentals13 lectures • 2hr 18min

Arrays7 lectures • 1hr 18min

String5 lectures • 40min

Date & Time3 lectures • 20min

OOJS7 lectures • 1hr 14min

Map, Set, WeakMap & WeakSet (ES6 Data structure)3 lectures • 32min

DOM & Web14 lectures • 2hr 16min

Web Components12 lectures • 1hr 2min

Asynchronous JS7 lectures • 1hr 45min

Module - Import/Export3 lectures • 28min

Requirements

Description

Who this course is for: