soumya898 / basic-javascript

Basic JavaScript

Syllabus

Acciojobs F2 module resources
ACCIOJOBS F2 MODULE (DEC 2022)
GITHUB REPO LINK

Lesson Plan

Class 1: Js Fundamentals - 1

• Introduction to Javascript
• Ways of linking/executing js code
• Prompt, console and alert() functions
• Node.js Dev environment
• Values, variables and data types

Class 2: Js Fundamentals - 2

• Operators
  • Arithmetic
  • Logical
  • Relational
• Conditionals
  • If else
  • Switch case
• Break and continue statement
• Type conversion and coercion
• Loops in JS

Class 3: Js fundamentals - 3

• Introduction to JS functions and their syntax.
• Introduction to arrays in Js
• Introduction to objects in js

Class 4: Intro to DOM: Document Object Model

• Introduction to Dom
• Dom tree and traversal
• Reading DOM elements
• Dom methods
• Manipulating/Accessing the page content
  • innerText, innerContent and innerHTML
• Dynamically creating content to the page
• Add or remove elements from page

Class 5: DOM methods and Events

• Accessing and Altering attributes of elements
• Reading/Altering styles
• Events and EventListeners

Class 6: Deep dive into Functions

• Different types of functions
• Function hoisting
• Spread operator
• Intro to function hoisting
• IIFE(immediately invoked function expressions)
• Try catch and finally

Class 7: Deep dive into arrays

• Array Destructuring and Spread operator
• Iterators on arrays
• Higher order functions
• Map, filter and reduce
• Sort, forEach, find etc

Class 8: Strings in JS

• Strings basics and templating
• Important string methods
• RegEx introduction
• String comparisons

[EXTRA] Class: Building Session

• Projects on JS from scratch

Class 9: Debugging & JS Execution

• Debugging JS
• Usage of debugger, console statements and break points
• Stack overflow and MDN docs
• JS engine and runtime
• Execution context and call Stack
• Global execution context
• Functional execution context
• Call Stack

Class 10: Closures, Hoisting & TDZ

• Closures
• Scope and Scope chaining
• Variable Environment
• Hoisting in detail
• Temporal Dead Zone

Class 11: Deep Dive into Objects

• Destructuring Objects
• Objects properties and methods
• Constructor functions and Iterables
• This keyword

Class 12: JSON & methods

• JSON introduction
• Important json methods
• JSON.parse()
• JSON.stringify()
• Other functions etc

Class 13: BigInt, Symbol And Dates

• BigInt data types
• Symbol data type
• Working with Dates in JS

Class 14: Important ES6 methods

• call, bind, and apply methods
• Object copying/cloning

Class 15: OOPs in JS

• Important OOPs concepts in JS
• Constructor function
• New operator
• Prototypes
• Prototypal inheritance
• Prototypal chain
• Prototypal inheritance on built-in objects