Web Development Concepts

I created this repository to provide a clear and structured pathway for understanding web development, from the basics to advanced full-stack concepts. This resource is designed to help you grasp essential technologies—like HTML, CSS, and JavaScript, React etc while diving deeper into critical aspects such as backend connectivity, frontend-backend integration, and database management and integration.

PS: below links will give more in depth knowledge of mentioned concepts with examples (within this repo to easily navigate)

• nvm commands | nvm

• Frontend:

  • HTML | Link
  • CSS | Link
  • JavaScript | JS-30-Days | ES6 | Old
  • DOM Manipulation | Link
  • React JS foundation
    • state concept with ToDo app using naive DOM manipulation | Link
    • state rendering on DOM like React does under the hood (High level) | Link
  • React JS (2024) | Link
  • React Js (Old) | Link
  • Tailwind | Link
  • TypeScript | Link

• Backend:

  • Express servers | Link
  • Middlewares | Pre-req | Examples
  • Input validation, Zod | Link
  • fetch - link | axios - link
  • Authentication - JWT | Link
  • Database connectivity | mongoDB connect
  • frontend-backend connection | Link
  • Debouncing Link | Throttling Link
  • Serverless Backend deployment - CloudFare | Link
  • Reverse proxy & certificate management | Link

• Databases

  • Databases NoSQL & SQL | theory
  • MongoDB - NoSQL | Example
  • Postgres - SQL | Example
  • ORM (Object Relational Mapper) & Prisma | Link

• Projects

  • MongoDB Project (structured) | without-auth | with-auth
  • React ToDo App (frontend & Backend) | Link
  • Background update | Link | Demo
  • Sorting Visualizer | sorting.princebansal.tech
  • Guess My Number | guessnum.princebansal.tech