Duration - 22-Hour 

Title: JavaScript Basic to Advanced for Interview Success
Audience: Beginners or experienced who are preparing for interviews.
Objective: Learn JavaScript basics and common interview topics with practical exercises to build confidence.

Module 1: JavaScript Basics (2 Hour)

Objective: Understand the foundations of JavaScript.

• What is JavaScript?
  • History and usage
  • Role in web development
• JavaScript Syntax and Basics
  • Variables (var, let, const)
  • Data types: String, Number, Boolean, Null, Undefined
  • Operators: Arithmetic, logical, and comparison
• Control Structures
  • if, else, switch
  • Loops: for, while, do-while

Exercise: Write a program to determine if a number is odd or even.

Module 2: Functions and Scope (2 Hour)

Objective: Learn to write reusable code and understand scope.

• Functions
  • Function declarations and expressions
  • Arrow functions
  • Parameters and return values
• Scope
  • Global and local scope
  • Block scope (let, const)
  • Closures

Exercise: Write a function that calculates the factorial of a number.

Module 3: Arrays and Objects (2 Hour)

Objective: Work with JavaScript’s most commonly used data structures.

• Arrays
  • Creating and accessing elements
  • Common methods: push, pop, shift, unshift, slice, splice
  • Iterating with for and forEach
• Objects
  • Key-value pairs
  • Accessing and modifying properties
  • Object methods

Exercise: Create an object to store user information and write functions to add, update, and delete properties.

Module 4: DOM Manipulation (2 Hour)

Objective: Interact with web pages using JavaScript.

• Document Object Model (DOM)
  • Selecting elements: getElementById, querySelector
  • Modifying elements: innerHTML, style, classList
  • Event listeners: addEventListener
• Form Handling
  • Accessing form inputs
  • Validating user input

Exercise: Build a simple form that updates a list dynamically when items are added.

Module 5: Asynchronous JavaScript (2 Hour)

Objective: Understand asynchronous programming for modern web development.

• Introduction to Asynchronous Programming
  • Synchronous vs. asynchronous behavior
• Callbacks
• Promises
  • then and catch
• async/await

Exercise: Write a program to fetch and display data from a public API (e.g., JSONPlaceholder).

Module 6: Problem-Solving Techniques (3 Hours)

Objective: Practice solving common JavaScript interview questions.

• String Manipulation
  • Reverse a string
  • Check if a string is a palindrome
• Array Operations
  • Find duplicates in an array
  • Sort an array without using built-in methods
• Object and Map Problems
  • Count the frequency of characters in a string
  • Group items by a key

Exercise: Solve multiple interview-style coding questions.

Module 7: JavaScript Essentials for Interviews (2 Hour)

Objective: Cover frequently asked theoretical concepts and coding patterns.

• Key Concepts
  • Difference between var, let, and const
  • Hoisting and Temporal Dead Zone (TDZ)
  • Closures and this keyword
  • Event bubbling and delegation
• Common Patterns
  • Debouncing and throttling
  • Module pattern
  • Singleton pattern

Exercise: Implement a debouncing function for an input search field.

Module 8: Mini Project and Wrap-Up (3 Hour)

Objective: Apply learned concepts to build a simple application.

• Mini Project: To-Do List App
  • Add, remove, and mark tasks as completed
  • Store tasks in LocalStorage
  • Use DOM manipulation and event handling

Wrap-Up -4 hrs

• Recap of key topics
• Tips for interview preparation
• Resources for further learning 

Additional Notes

• Focus on hands-on exercises to ensure engagement.
• Provide starter code and solutions for all exercises.

This course balances foundational knowledge, practical coding, and interview preparation to equip beginners for success.