level 1 content:

1. Basics of JavaScript:

   • if, switch, loop statements is JS.
   • falsy value in JS.
   • undefined, null, 0, NaN, falsy value.
   • anonymous function (IMP)

2. What can JS does?

   • change the content of HTML (innerHTML)
   • change the style of elements
   • can hide / show the element on condition

3. Where to write JS code ?

   • in html document inside <script> </script>
   • external .js file
   • NOTE: use <script> at the end of html doc.(i.e. before closing body tag)

4. Windows methods:

   • window.alert()
   • document.write()
   • document.print() : to print current page
   • console.log()
   • console.warn() : to specify warning msg
   • console.error() : to specify error msg

5. getElementById and innerHTMl with variables

6. diffrence between let and var

7. Data Types

   • number(int/float), string(char/string), object(array/object)
   • exponential declaration
   • typeof method
   • declaration without initialization considered as undefined

leve 2 content:

1. object declaration and access elements.

2. type of ways to access object:

   • direct access
   • by assingning to other variable by new keyword
   • by object constructor

3. basic functions for dom element

   • function on button click onclick
   • function to manipulate innerHTML

4. three interview questions on basic JS with answer

level 3 content:

1. Arrays in JS:

   • multiple DataTypes in single array
   • add / remove(pop) element
   • NOTE: array methods are not covered here!

2. Document Object Model & Browser Object Model IMP

3. FUN WITH JS :)

• use browser console to run those all methods of 2 and tricks of 3.

level 4 content: (imp level)

• ECMAScript 6, New Features:

  1. Variable declaration:

     • let: block scope, modifiable
     • const: gloabl scope, unmodifiable
     • var: global scope, modifiable (use rarely)

  2. Templete litarals (template string)

  3. for .. in and for .. of loops

  4. Array methods

  5. String methods

  6. Date and Time methods imp

  7. Math object

level 5 content:

1. Project: calculator

2. Array and Object Destructuring

3. ES7: array.includes(ele) and exponantial oparator 2**3

4. ES8 and ES9:

   ES8: string.padStart(int) & string.padStart(int) and obj.values() & obj.entries() ES9: Spread Operator

5. ES10: array.flat(1 to Infinity0) Multidimension to single dimension array

level 6 content:

1. Ways to write events in JS:

   • inline events: alert, confirm.
   • custom functions: onclick, onchange, onkeypress, onkeyup, onkeydown, onmousedown, etc.
   • getElementById / querySelector obj.onclick:

      const usingId = document.getElementById("id");
      usingId.onClick = () => {};
      usingId.onChange = () => {};
      ...
   

   • using event litener obj.addEventListener('evenType', callback) recommended

2. Event listeners and event object:

   • mouse events: mousedown, mouseup, mouseenter, mouseleave
   • key evenets: keypress, keyup, keydown
   • querySelector() and addEventListener()

3. Increment / Decrement on click event

4. Small project on -> Input event: input:text and drop down

level 7 content:

1. objects in JavaScript:

   • object with stirng, number & function type values.
   • ways to specify functoin inside object
   • object inside object (nested object)

2. Object props, dynamic object

3. spread operator:

   const arr1 = [4,5,6];
   const arr2 = [1,2,3,...arr1,7,8,9];
   

4. this operator

level 8 content:

1. Introduction to Advanced JS

2. Lexical Scope:

   • inner block can acquire variable of outer block but dont possible vice versa! this is lexicon scope

3. Higher order functions

4. JSON: JSON.stringify() and JSON.parse() methods

level 9 content: (imp & hard)

note: go to step by step as given below:

1. Timing Functions, Higher order functions

2. Callback with calbackhell

3. JavaScript Promises

4. Async Await

5. Propagation:

   • bubbling propagation: bottom-up, by default
   • capturing propagation: top-down, set addEventListener's third parameter to true

level 10 content: (Projects):

Congratulations !! 🔥 You are project ready now 🥳

1. Random jokes api implementation:

   • concepts: promises, async-await, fetch api

2. Random contry inforamtion:

   • concepts: promises, async-await, fetch api