Skip to content

Ashukr321/complete-javascript-Basic-to-Advanced

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

Node js Developer RoadMap

[JavaScript Aces Interview]

𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗘𝗻𝗴𝗶𝗻𝗲 𝗮𝗻𝗱 𝗖𝗼𝗺𝗽𝗶𝗹𝗮𝘁𝗶𝗼𝗻

  • What is a JavaScript engine, and how does it work?
  • What are the different JavaScript engines available (V8, SpiderMonkey, Chakra, etc.)?
  • What is Just-In-Time (JIT) compilation, and how does it optimize JavaScript performance?
  • What are the different phases of JavaScript execution? (Parsing, Compilation, and Execution)
  • What is an Abstract Syntax Tree (AST), and how is it generated?
  • What is the role of the interpreter and compiler in JavaScript execution?
  • What is the difference between a runtime and a JavaScript engine?
  • How does the optimizing compiler improve JavaScript performance?
  • What is hidden class optimization in V8, and why is it important?

𝗘𝘅𝗲𝗰𝘂𝘁𝗶𝗼𝗻 𝗖𝗼𝗻𝘁𝗲𝘅𝘁 𝗮𝗻𝗱 𝗦𝗰𝗼𝗽𝗲

  • What is an Execution Context, and how is it created in JavaScript?
  • What are the different types of Execution Contexts in JavaScript? (Global, Function, Eval)
  • What is the Execution Stack (Call Stack), and how does JavaScript manage function calls?
  • What is Scope in JavaScript, and how does Lexical Scope work?
  • What is the difference between the Global Execution Context and Function Execution Context?
  • What is the Scope Chain, and how does it help resolve variables?
  • What is Hoisting, and how does JavaScript handle it?
  • What is the Temporal Dead Zone (TDZ) in JavaScript?
  • What is Closure, and how does it work internally?
  • What is the this keyword, and how does it behave in different contexts?

𝗠𝗲𝗺𝗼𝗿𝘆 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁 𝗮𝗻𝗱 𝗚𝗮𝗿𝗯𝗮𝗴𝗲 𝗖𝗼𝗹𝗹𝗲𝗰𝘁𝗶𝗼𝗻

  • What is the difference between Stack and Heap memory in JavaScript?
  • How does JavaScript manage memory and avoid memory leaks?
  • What is Garbage Collection, and how does it work in JavaScript?
  • What are the different types of Garbage Collection algorithms? (Mark and Sweep, Reference Counting)
  • What is a memory leak in JavaScript, and how can you prevent it?
  • How do WeakMap and WeakSet help with memory management?
  • What are closures, and how can they cause memory leaks?
  • How can you monitor and optimize JavaScript memory usage?
  • How does JavaScript handle large objects and memory-intensive operations?
  • What are Typed Arrays, and how do they improve performance in JavaScript?

Quick Reference

alt text alt text javascript methods.png

Array methods

img.png

How Javascript work

img_1.png

High-Level

img_2.png

Garbage-collected

img_3.png

Interpreted or Just in time complied

img_4.png

Prototype-based object Oriented

img_5.png

img_6.png

First class functions

img_7.png

Dynamic

img_8.png

Concurrency - Model

img_9.png

What is javascript Engine

img.png

Compilation vs Interpretation

img_10.png

Just in Time Compilation 🚀

img.png

img_11.png

Bigger Picture of Javascript Runtime

img_12.png

img_12.png

Execution Context

img_14.png

Execution Context in Details

img_15.png

Call Stack

img_16.png

Scope and Scope Chain

img_17.png

Types of Scope

img_18.png

Scope Chain

img_19.png

Variable LookUp

img_20.png

Variable Environment and Hoisting And The TDZ

img_21.png

Temporal Dead Zone

img_22.png

This Keywords

img_23.png

Primitive vs Objects

img_24.png

img_25.png

Day 1

What is an array in JavaScript?
How to create an object in JavaScript?
How does JavaScript work?
How does JIT (Just-In-Time) compilation work?
Explain the Global Execution Context

Day 2

Scoping and its types: Explain Lexical Scope
How does the Execution Context work?
Primitive vs Reference Data Types
How to create variables in JavaScript
How to create functions and their types

Day 3

Date Object in JavaScript
List down the Web APIs
Explain the working of the Call Stack
Map methods of the Array
Reduce methods

Day 4

Explain the Window Object in JavaScript
Ternary Operator
DOM API
Explain the working of the Event Loop
Explain Filter Array Method

Day 5

Ternary Operator
Split Array Method
ToString Method
How JavaScript works as a single-threaded language
Array Join Method

Day 6

IIFE (Immediately Invoked Function Expression)
What is AST (Abstract Syntax Tree) in JavaScript?
Higher-Order Function (HOF)
Strict Mode in JavaScript
IIFE (Immediately Invoked Function Expression)
Prototype Object in JavaScript
Prototype Inheritance

Day 7

Pure Function in JavaScript
Microtask Queue in JavaScript
Memory Leak in JavaScript
Error Object in JavaScript
Array Methods: values(), length(), reverse()

Day 8

Array Methods: sort(), at(), fill()
ES6 vs ES5
Cookies in JavaScript
Callback in JavaScript
Event Loop

Day 9

Rest Parameters
Object Destructuring
How to create a Class and Constructor
How to implement Inheritance
Find Array Method

Day 10

For Loop in JavaScript
For...of Loop
For...in Loop
forEach() Loop
Hoisting in JavaScript
Variable Lookup in Scope Chain

Day 11

This Keyword in JavaScript
Array Methods: from(), join(), pop()
shift(), unshift(), push(), pop()
Clone Array
Object.values()

Day 12

Hoisting
Closures
CSRF in JavaScript

Day 13

Deep Freeze Object in JavaScript
BOM (Browser Object Model) in JavaScript
Web Workers in JavaScript

Day 14

Ajax
DOM Tree in JavaScript
Local Storage vs Session Storage
Array includes() method

Day 15

Splice Array Method
Proxy Object in JavaScript
Set in JavaScript
Iterate over Set

Day 16

setTimeout
clearTimeout
clearInterval
Load CSS asynchronously

Day 17

How async and await work
Promises Chaining
Promises .all

Day 18

Mark and Sweep Algorithm
Currying in JavaScript
Call, Apply, and Bind Methods
Event Bubbling and Capturing
Event Delegation

Day 19

Prefetch, Preload, and Preconnect
Polyfills and Bind Methods
Null vs Undefined
Polymorphism in JavaScript
Static Method and Instance Methods in JavaScript

Day 20

Setter and Getter in JavaScript
Race Condition in Asynchronous Programming
How to Prevent Race Condition

Day 21

DOM API
getElementById()
getElementsByClassName()
getElementsByTagName()
querySelector()
querySelectorAll()
getElementsByName()

Day 22

Mouse Event

Click
Dblclick
Mouseover
Mouseout
Mouseup

Form Event

Submit
Change
Focus
Blur

Window

Load
Resize
Scroll

Day 23

How to Get Input from User in JavaScript
Explain Console Object and its Methods
Explain typeof
Function Scoping
Named Function

Day 24

How to Create Prototype Object
JSON.parse()
JSON.stringify()
Template Literals

Day 25

Fetch and HTTP Methods
Factory Function
Symbol Data Type
Transpiling

Day 26

IndexedDB
Open IndexedDB
Adding Object in IndexedDB
Retrieve Data from IndexedDB
WeakMap

Day 27

WeakSet
Iterator

Day 28

File API
Read File as String
Read File as DataURL
Slice a File

Day 29

Client-side CSV download using Blob
Notification API
Vibration API

Day 30

Battery Status API
Get current battery level
Is battery charging
Get time left until battery is empty
Get time left until battery is fully charged

Day 31

Web Cryptography API
Creating digests (e.g. SHA-256)
Generating cryptographically random data

Day 32

What is the meaning of High-Level Language
How Memory is Managed in JavaScript
Interpreted or Just-In-Time
What is the meaning of Paradigm and how JS is Multi-Paradigm
Why we say JavaScript is Multi-Paradigm

Day 33

Why we say that JavaScript is a Prototype-based Object-Oriented Language
What is the meaning of the First-Class Function
Why JavaScript is known as a Dynamic Language
What is the meaning of the Single-Threaded
What is the meaning of the Non-Blocking Event Loop

Day 34

Explain the working of the Global Execution Context
Where the Window Object is Stored
What is Function Execution Context
Explain the working of the Eval Execution Context
Explain the This Keyword in the Global Execution Context

Day 35

Explain the Concept of Scoping 
Explain Scope Chain and Variable Lookup
Explain the Working of Hoisting

Types of Scope

Global Scope
Function Scope
Block Scope

Day 36

Explain the TDZ (Temporal Dead Zone)
Explain the Regular Function in JavaScript
Explain the Difference between Primitive vs Reference Type
Write all the Primitive Data Types

1. Call Stack

Reference


2. Primitive Types

Reference


3. Value Types and Reference Types


4. Implicit, Explicit, Nominal, Structuring and Duck Typing

Books


5. == vs === vs typeof


6. Function Scope, Block Scope and Lexical Scope

Books


7. Expression vs Statement


8. IIFE, Modules and Namespaces

Reference


9. Message Queue and Event Loop


10. setTimeout, setInterval and requestAnimationFrame


11. JavaScript Engines


12. Bitwise Operators, Type Arrays and Array Buffers


13. DOM and Layout Trees

Books


14. Factories and Classes


15. this, call, apply and bind

Reference


16. new, Constructor, instanceof and Instances

⬆ Back to Top


17. Prototype Inheritance and Prototype Chain

Reference

Books


18. Object.create and Object.assign

Reference


19. map, reduce, filter


20. Pure Functions, Side Effects, State Mutation and Event Propagation


21. Closures

Reference


22. High Order Functions

Books


23. Recursion


24. Collections and Generators

Reference


25. Promises

Reference


26. async/await

Reference

Books


27. Data Structures


28. Expensive Operation and Big O Notation


29. Algorithms


30. Inheritance, Polymorphism and Code Reuse

Reference


31. Design Patterns

Books


32. Partial Applications, Currying, Compose and Pipe

Books

Authors

🔗 Links

portfolio linkedin instagram

🚀 About Me

I'm ASHUTOSH KUMAR FULLSTACK DEVELOPER

I specialize in creating modern and responsive web applications. With a strong passion for front-end development, I bring creative solutions to life through code and design. Additionally, I am a winner 🏆 of the GDG Patna WEB Hackathon

Acknowledgements

  • Ashutosh kumar for creating and maintaining this repository.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published