Notes Repository: Cohort 2.0 - Harkirat’s Course

“Your centralized hub for everything learned and explored during Cohort 2.0 with Harkirat.”

Time Table and Course Length click here. Time Tracker to Complete Course on Time click here.

Week 1: Basic JS Fundamentals

• JavaScript Foundation

  • Why Languages?

  • Interpreted vs Compiled Languages

  • Why JavaScript? >> Other Languages in Some Use Cases

  • Strict vs Dynamic Languages

  • Single-Threaded Nature of JavaScript

  • Simple Primitives in JS (Number, String, Booleans)

  • Complex Primitives in JS (Arrays, Objects)

  • Functions in JavaScript

  • Async Functions vs Sync Functions

  • Promises

  • Async/Await Syntax

Week 2: Node, Express & Development.

• Node.js and Express with Development Tools

  • Node Js Runtime | HTTP

  • Express.Js

  • Express Request Object: req.query, req.body, and req.headers

  • `Bash and Terminal Basics

  • Map, Filter and Arrow Fuctions

  • Git/Github - Version Control System

Week 3: Authentication, Database, Middleware, global Catches, Zod.

• Authentication & Database.

  • Fetch API Overview

  • Authentication Overview (Hashing, Encryption, Jwt)

  • Database Overview

  • Authentication system with mongoDB.

  • Additonal concidration

• Middlewares, Global Error Handling, Input Validation, Authenticaton

  • In Depth Middleware in React.

  • Global Error Handling ( Custom Classes )

  • Input Validation with Zod

  • Authentication Workflow

Week 4: DOM, Dynamic Frontends, Connecting FE to BE

• DOM & Dynamic Websites

  • What does DOM Stands for ?

  • What was Javascript and how do they relate.

  • What is a Dynamic Website

  • Debouncing

• React foundation ( Why Frontend Frameworks )

  • Dom Manupulation

  • How to Create React

  • Databases and Connection

  • What extra does a http server probide

Week 5: React Deep Dive

• Fundamentals / Basics of React.

  • Why do we need React ?

  • What is State, Component, Re-render

  • React useState Hook and Spreading

  • Todo App in react.

Week 6: React Deeper Dive

• Advance Concepts of React

  • React components Return

  • Re-Render

  • Memo (Memoization )

  • Keys

  • Wrapper components

  • Side Effects

• Hooks in React JS

  • useState Hook

  • useEffect Hook

  • useContext Hook

  • useReducer Hook

  • useMemo Hook

  • useCallback Hook

  • useRef Hook

  • useLayoutEffect Hook

Week 7: Routing, Prop Drilling, Context API, Recoil

• Routing in React Js & Jargons to know.

  • React Router Dom With Example and useNavigation()

  • Lazy Loading with Suspense

  • Default Exports

  • Nested and Parameterized Routes.

  • Routing Protection ( Private Routes )

  • Prop Drilling

  • Context API & Steps to use it.

  • Optimizing Context Usage

• Context State Management and Recoil

  • Why do we need context API?

  • Problems with Context API.

  • Why choose Recoil over other Libraries?

  • RecoilRoot, Atom, Selector, Recoil Hooks.

  • Advance Recoil Features : Async Data queries, Atom Family, Selector Family

  • & useRecoilStateLodable & useRecoilValueLodable

Week 8: Tailwind CSS