JS Topics

JavaScript Basic Part-01

• Setting up the environment
  • vs code
  • node.js
• Introduction to JS ?
• What is JS ?
• What are the ways to add JS ?
• Output:
  • alert()
  • confirm(),
  • console.log/info/warn/error
• Prompt() for input value
• Comment:
  • Single line comment( \ )
  • Multiple line comments( /* */ )
• String letarul: `` backtic => structure ${variablename}
• Tokens:
  • Keywords
  • Puncuators
    • ''
    • ""
    • ;
    • :
    • () parenthesis
    • {} cerlybrakets
    • [] square brackets
    • <> angular brackets
• Backslash characters => \n, \t
• Variables :
  • var
  • let
  • const
• Data types (type of ) =>
  • String
  • Number
  • Boolean
    • true
    • false
  • Null( 0 )
  • Undefined
  • Object( array etc)
  • Symbol
  • Truthy vs Falsy values
• Operators:
  • Arithmetic: ( +, -, *, /, % )

JavaScript Basic Part-02

• Operators:
  • Unary Operator:
    • Post Increment( i++ )
    • Post Decrement( i-- )
    • Pre Increment(++i)
    • Pre Decrement(--i)
  • Assingment:
    • +=
    • -=
    • *=
    • /=
    • %=
  • Comparison:( >, <, >=, <=, ==, === );
  • Logical:
    • &&
    • ||
    • !
• Control statement
  • conditional control statement
  • Loop control statement
• conditional control statement
  • if
  • else
  • else if

JavaScript Basic Part-03

• Conditional control statement
  • switch
• Loop control statement
  • for,
  • while,
  • do while
  • while vs do while loop
  • break, contonue
  • for of , for in
• Array, String, Object

JavaScript Basic Part-04

• function vs method
  • function ( traditional vs arrow function)
  • function vs method
  • loop in object
  • Dot notation and Brackets notation
  • Built in function( pre defined method )
    • Number related method
    • Date related method
    • Math related method
    • Array related method
    • String methods
• callback and higher order function

JavaScript Intermediate Part-01

• ES6, ES7
  • String/template literals
  • Details var vs let vs const
  • Arrow function
  • Module
  • Spread operator
  • Rest parameter
  • Destructure
  • Default value

JavaScript Intermediate Part-02

• ES6
  • callback function
  • higher order function: - for loop - map() - filter() - foreach() - reduce() - some() - every() - sort()

JavaScript Intermediate Part-03

• Error handling -JSON vs JavaScript Object
• JSON
  • JSON.stringify() => JSObject to JSON
  • JSON.parse() => JSON to JS Object
• localstorage
  • setItem()
  • getItem()
  • removeItem()
  • clear()
• Asynchronous vs Synchronous
• event loop
• Asynchronous programming:
  • callback
  • promise
  • async
  • await
  • then
• Api calling

JavaScript Intermediate Part -05

• This keyword and use this related method
  • apply() method
  • call() method
  • bind() method
• Object in JavaScript

  • wrapper function

  • Dom and event handler