Backend with NodeJS Roadmap

By Seif El-Din Sweilam for Backend Circle in CAT Reloaded

Inroduction

The purpose of this roadmap is to collect and organize open-source resources for learners seeking to learn Back-End Development and use node.js as a development environment. There are direct and indirect topics that are supposed to improve the technical skills of the learner.

Topics are ordered and organized according to the vision of the planner, this order isn't at all obligatory but it's recommended to ensure that the learner doesn't face much problems.

NOTE

🚧 This version of the roadmap is still under development.
You can refer to Version 1 in the v1 branch to find any missing resources until this is done.

Content

Level 0

Objectives

By the end of this level, the learner should learn

• How the internet and the web browser work
• How frontend code works
• Version Control Systems
• What are relational and non-relational databases
• Basic Data Structures and Algorithms
• Basic Knowledge with Operating Systems

Plan

Phase	Content
Week 1	🎞️ Resources 🌏 Arabic HTML Crash Course Abdelrahman Gamal CSS Crash Course Abdelrahman Gamal Chrome Dev Tools Elzero Web School 🌏 English HTML & CSS Crash Course The Net Ninja Chrome Dev Tools Koding 101 📃 Task Level 0: Week 1 Quiz
Week 2	🎞️ Resources 🌏 Arabic Git & GitHub Big Data Arabic What is a database? GeekHood SQL vs NoSQL Databases JobStack 🌏 English Git & GitHub freeCodeCamp What is a database? Giraffe Academy SQL vs NoSQL Databases Academind 📃 Task Level 0: Week 2 Quiz
Week 3	🎞️ Resources 🌏 Arabic Networking for Web Developers Networking 🌏 English Network Fundamentals Network Direction DNS ByteByteGo 📃 Task Level 0: Week 3 Quiz

Level 1

Objectives

By the end of this level, the learner should learn

• JavaScript: Syntax, Features, OOP, Asynchronous Programming
• NodeJS: Development, Packages, Modules, Processes, http module
• Express: Basics, Middlewares
• MongoDB: CRUD Operations, Integration with `express

Plan

Phase	Content
Week 1	🎞️ Resources 🌏 Arabic JavaScript Syntax, Variables, DataTypes and Operators Elzero Web School [1:30] 🌏 English JavaScript Syntax, Variables, DataTypes and Operators The Net Ninja [1:2] 📃 Task Level 1: Week 1 Quiz
Week 2	🎞️ Resources 🌏 Arabic Arrays and Control Flow (Conditional and Iteration Statements) Elzero Web School [31:56] Functions, Objects and Higher Order Functions Elzero Web School [57:85] Hoisting Shadow Coding 🌏 English Arrays Dave Gray Control Flow (Conditional and Iteration Statements) The Net Ninja Functions and Objects The Net Ninja [4:5] Higher Order Functions Traversy Media Hoisting Colt Steele 📃 Task Level 1: Week 2 Quiz
Week 3	🎞️ Resources 🌏 Arabic Objects and Arrays Destructing, Spread Operator Elzero Web School [115:122] Data Structures (Map, Set, ...) & Array Methods Elzero Web School [123:133] Regular Expressions Elzero Web School [134:146] Closures Shadow Coding 🌏 English Objects and Arrays Destructing Web Dev Simplified Spread Operator The Net Ninja Data Structures (Map, Set, ...) Traversy Media Array Methods Florin Pop ٌRegular Expressions The Net Ninja freeCodeCamp Closures ColorCode Fireship 📃 Task Level 1: Week 3 Quiz
Week 4	🎞️ Resources 🌏 Arabic OOP Mindset (Recommended) Agmad Shar7 (Usfngm) Object-Oriented Programming Elzero Web School [147:158] Dates (Halal) Elzero Web School [159:163] Generator Functions Elzero Web School [164:166] EcmaScript Modules Elzero Web School [167:168] 🌏 English Object-Oriented Programming The Net Ninja Dates dcode Generator Functions dcode EcmaScript Modules Web Dev Simplified freeCodeCamp 📃 Task Level 1: Week 4 Quiz
Week 5	🎞️ Resources 🌏 Arabic Asynchronous Programming, JSON, Utilizing APIs Elzero Web School [169:188] Error Handling Tarmeez 🌏 English Asynchronous Programming, JSON, Utilizing APIs The Net Ninja JSON Web Dev Simplified Error Handling Dave Gray 📃 Task Level 1: Week 5 Quiz
Week 6	🎞️ Resources 🌏 Arabic Node.js Runtime Environment Codezone [1:3] KMR Script [1:6] 🌏 English Node.js Runtime Environment The Net Ninja [1:5] Academind [1:6] Dave Gray [1:5] 📃 Task Level 1: Week 6 Quiz
Week 7	🎞️ Resources 🌏 English Backend Principles Sriniously [1:6] MongoDB Bro Code Web Dev Simplified
Week 8	🎞️ Resources 🌏 Arabic Express.js, Mongoose & Template Engines Courses 4 Arab [1:19] 🌏 English Express.js, Mongoose & Template Engines The Net Ninja [6:12] Express.js Sam Meech-Ward 📃 Task Level 1: Week 8 Quiz
Final Project	📃 Task Starter Code & Description

Level 2

Objectives

By the end of this level, the learner should learn

• TypeScript: Syntax, Features, Usage
• Architecture: MVC and other design patterns
• Express: Validation, Authentication, Authorization, Sessions, APIs, JWT
• API Documentation: Rules, using Swagger & Postman
• Unit Testing: Test-Driven Development, Using tools like jest and `supertest

Plan

Phase	Content
Week 1	🎞️ Resources 🌏 Arabic TypeScript Elzero Web School Youssef Abbas TypeScript with Backend Apps Youssef Abbas 🌏 English TypeScript The Net Ninja TypeScript Builders & Runners Better Stack TypeScript with Backend Apps Anson (first 1 hour only) 📃 Task Level 2: Week 1 Quiz
Week 2	🎞️ Resources 🌏 Arabic Project Structure: Controllers, Services and Repositories Courses 4 Arab (See English resources for more details) Project Structure: Environment Variables in OS Hassan Saad Project Structure: Environment Variables in Node.js Algorithm Academy Index Academy 🌏 English Project Structure: Controllers and Services Covalence Sriniously Software Developer Diaries Project Structure: Environment Variables in OS JimShapedCoding Project Structure: Environment Variables in Node.js procademy [47:48] 📃 Task Level 2: Week 2 Quiz
Week 3	🎞️ Resources 🌏 Arabic Validation with `express-validator` Index Academy [44:47] Code with Fadi Schema Validation with `zod` Fullstack Yazan Zod inside Express Seif El-Din Sweilam Error Handling Index Academy [36:43] 🌏 English Validation with `express-validator` Anson Schema Validation with `zod` Web Dev Simplified Zod inside Express JacobToftgaard Error Handling procademy [90:101] 📃 Task Level 2: Week 3 Quiz
Week 4	🎞️ Resources 🌏 Arabic MVC Project Tutorial: Follow Along and submit your code in the task form Courses 4 Arab (User Management Dashboard) Sessions Emam Academy Session-Based Authentication KMR Script [28:31 + 35] Password Security Programming Advice `bcrypt` in Node.js Bassant's Tips 🌏 English MVC Project Tutorial: Follow Along and submit your code in the task form The Net Ninja (Blog Website) Raddy (User Management Dashboard) Sessions Anson [12:14] Zach Gollwitzer Session-Based Authentication The Full Stack Junkie Password Security Studying with Alex `bcrypt` in Node.js Sam Meech-Ward 📃 Task Level 2: Week 4 Quiz
Week 5	🎞️ Resources 🌏 Arabic Express's Multer Youssef Abbas Khalid Elshafie Build your own Pinterest with Password Auth and Image Uploads 🌏 English urlencoded vs multipart Form Data TechFunnel Express's Multer PedroTech Build your own Pinterest with Password Auth and Image Uploads 📃 Task Level 2: Week 5 Quiz
Week 6	🎞️ Resources 🌏 Arabic Web Rendering: Server-Side vs Client-Side Amr Mohamed Intro to REST APIs Tarmeez JSON Recap Tarmeez REST in Action with Express Codezone [5:7] Index Academy 🌏 English Web Rendering: Server-Side vs Client-Side Smoljames Intro to REST APIs Academind JSON Recap Web Dev Simplified REST in Action with Express Web Dev Simplified 📃 Task Level 2: Week 6 Quiz
Week 7	🎞️ Resources 🌏 Arabic Session-Based vs. Token-Based Authentication pragma JWT Authentication Index Academy CodeZone [8:9] API Query Features: Filtering, Sorting, Field Limiting and Pagination Index Academy [70:77] 🌏 English Session-Based vs. Token-Based Authentication Code Realm JWT Authentication procademy [102:122] API Query Features: Filtering, Sorting, Field Limiting and Pagination procademy [74:80] REST API in Action (with Authentication) TomDoesTech Code with Antonio Coding Garden Code on Demand 📃 Task Level 2: Week 7 Quiz
Week 8	🎞️ Resources 🌏 Arabic OAuth 2.0 Workflow Almadrasa Passport.js Local Strategy Code With Zeyad Passport.js OAuth2.0 Strategies Algorithm Academy API Security Ahmed Elemam Rate Limiting Youssef Abbas 🌏 English OAuth 2.0 Workflow Java Brains InterSystems Learning Services Google OAuth 2.0 TomDoesTech Coding Shiksha Passport.js Local Strategy Anson Passport.js OAuth2.0 Strategies Anson API Security freeCodeCamp Software Developer Diaries Rate Limiting Raddy 📃 Task Level 2: Week 8 Quiz
Week 9	🎞️ Resources 🌏 Arabic SMTP Protocol DeepWave Technology Sending Emails with `nodemailer` Youssef Abbas 🌏 English SMTP Protocol PowerCert Animated Videos Sending Emails with `nodemailer` Traversy Media Third-Party Email Services Resend SendGrid Sending SMS Messages with Twilio API AyyazTech 📃 Task Level 2: Week 10 Quiz
Week 10	🎞️ Resources 🌏 Arabic Software Testing Tresmerge OpenAPI & Swagger.io API Documentation Ali Hassan Deployment on Cyclic Mahmoud Abdullah 🌏 English Jest Testing Framework freeCodeCamp Vitest Testing Framework Net Ninja API Testing TomDoesTech (TypeScript) Anson (JavaScript) OpenAPI & Swagger.io API Documentation TomDoesTech Deployment on Railway Infinite Improbability Drive Rahat WebDev 📃 Task Level 2: Week 11 Quiz
Final Project	📃 Task Project Description

Level 3

Objectives

By the end of this level, the learner should learn

• Database: SQL Syntax, DB-APIs, ORMs, Migrations
• Modern APIs: GraphQL
• Real Time Connections: Using socket.io and WebRTC
• Caching: Caching Techniques, Redis for server-side caching
• Task Scheduling: node-schedule
• Browser Automation: E2E Testing and Web Scraping using puppeteer

Plan

Phase	Content
Week 1	🎞️ Resources 🌏 Arabic SQL Queries (DDL/DML) Mohamed El Desouki SQL Joins Mohamed El Desouki Tech Vault [6] SQL Aggregations Mohamed El Desouki 🌏 English SQL Queries (DDL/DML) CS50 [Lecture 2] SQL Joins techTFQ SQL Aggregations Michael Fudge 📃 Task SQL Fundamentals Task
Week 2	🎞️ Resources 🌏 Arabic SQL Subqueries Tech Vault [8] Database Normalization Tech Vault [5] Metigator SQL Views Tech Vault [9, 10] 🌏 English SQL Subqueries techTFQ SQL Views CS50 [Lecture 4] 📃 Task Normalization & Views Task
Week 3	🎞️ Resources 🌏 Arabic Database Indexing Tech Vault [5-8] Metigator Database Transactions Tech Vault [17-18] Mohamed El Desouki [2-16] Concurrency & Locks Tech Vault [19-22] Mohamed El Desouki [17-30] 📃 Task Internals Task
Week 4	🎞️ Resources 🌏 Arabic Concept: Migrating Databases pragma ORM: Prisma (Note that Prisma changed since v7 update so you will need to check the official documentation for the differences) Simple Arab Code Ali Sleem ORM: Sequelize Algorithm Academy 🌏 English Concept: Migrating Databases Software Developer Diaries ORM: Prisma (Note that Prisma changed since v7 update so you will need to check the official documentation for the differences) Web Dev Simplified ORM: Drizzle Web Dev Simplified ORM: Sequelize WittCode Alex Rusin (Sequelize Migrations) Sequelize Documentations (Sequelize Migrations) ORM: TypeORM CoderOne Laith Academy
Week 5	🎞️ Resources 🌏 Arabic Intro to Websockets Reach Star Websocket via `socket.io` Codezone KMR Script [48:51] Smart Code WebRTC & Peer-to-Peer Connections KMR Script 🌏 English Websocket via `ws` JavaScript Mastery Websocket via `socket.io` Good Morning Developers Dave Gray WebRTC & Peer-to-Peer Connections Web Dev Simplified
Week 6	🎞️ Resources 🌏 Arabic Project: Building a Chat App with `socket.io` KMR Script [52:63] 🌏 English Project: Building a Chat App with `socket.io` Mafia Codes Coding with Dawid CodeOde Traversy Media
Week 7	🎞️ Resources 🌏 Arabic Browser Automation & Web Scraping using puppeteer Tresmerge aosus.org 🌏 English Browser Automation & Web Scraping using puppeteer Michael Kitas Traversy Media Get __it Done!
Week 8	🎞️ Resources 🌏 Arabic Session: Challenges in Payment Integration JobStack PayPal Integration Takhareef Mobarmeg [39:40] Paymob Integration Eng. Mina Soltans 🌏 English Stripe Integration manfra.io Web Dev Simplified PayPal Integration manfra.io Web Dev Simplified
Week 9	🎞️ Resources 🌏 Arabic Intro to GraphQL Ahmed Elemam Yallacode GraphQL in Action Ali Sleem Yallacode (GraphQL in Node.js) Learn With Naw 🌏 English Intro to GraphQL Fireship GraphQL in Action The Net Ninja PedroTech
Week 10	🎞️ Resources 🌏 Arabic Session: Backend Caching Strategies JobStack Intro to Redis Islam Mahmoud 🌏 English Backend Caching Strategies Software Developer Diaries Redis Crash Course Web Dev Simplified Net Ninja API Caching with Redis Better Stack CRON Jobs and Schedules Better Stack OpenJavaScript
Mid Project
Final Project

Level 4

Objectives

By the end of this level, the learner should learn

• Hosting: Linux operating system, SSH protocol, VPS hosting
• Web Security: Avoiding Attacks and designing security layers
• Architecture: Microservices, Nodejs Design Patterns
• Automation: Tasks and pipelines
• System Design: Fundamentals of designing complex software
• Software Engineering: SDLC, Agile Workflow, DevOps Workflow
• Containers: Concept, Docker and Kubernetes

Plan

Phase	Content
Week 1	🎞️ Resources 🌏 Arabic Design Patterns Introduction Passionate Coders Creational Design Patterns: Factory Passionate Coders DevGeeks Academy Creational Design Patterns: Abstract Factory DevGeeks Academy Creational Design Patterns: Singleton Passionate Coders DevGeeks Academy Creational Design Patterns: Builder Passionate Coders DevGeeks Academy Creational Design Patterns: Prototype Mohamed Reda DevGeeks Academy 🌏 English Design Patterns Introduction Web Dev Simplified Creational Design Patterns: Factory Christopher Okhravi DevSage Creational Design Patterns: Abstract Factory Christopher Okhravi Creational Design Patterns: Singleton Christopher Okhravi DevSage Web Dev Simplified Creational Design Patterns: Builder Web Dev Simplified Creational Design Patterns: Prototype NeetCodeIO Code with Ahsan
Week 2	🎞️ Resources 🌏 Arabic Structural Design Patterns: Adapter Passionate Coders Mohamed Reda [5,6] DevGeeks Academy Structural Design Patterns: Bridge DevGeeks Academy Structural Design Patterns: Composite DevGeeks Academy Structural Design Patterns: Decorator Mohamed Reda Passionate Coders DevGeeks Academy Structural Design Patterns: Facade Mohamed Reda [7:10] DevGeeks Academy Structural Design Patterns: Flyweight Mohamed Reda DevGeeks Academy Structural Design Patterns: Proxy Mohamed Abusarea Mohamed Reda [1:3] DevGeeks Academy 🌏 English Structural Design Patterns: Adapter Christopher Okhravi Simply Explained Code Legends Structural Design Patterns: Bridge Christopher Okhravi Structural Design Patterns: Composite Christopher Okhravi Choice Specs Structural Design Patterns: Decorator Christopher Okhravi Code Legends Structural Design Patterns: Facade Christopher Okhravi Web Dev Simplified Structural Design Patterns: Flyweight Advanced C Structural Design Patterns: Proxy Christopher Okhravi DevSage
Week 3	🎞️ Resources 🌏 Arabic Behavioral Design Patterns: Chain of Responsibility Passionate Coders DevGeeks Academy Behavioral Design Patterns: Observer DevGeeks Academy Behavioral Design Patterns: Command Passionate Coders [10:12] DevGeeks Academy Behavioral Design Patterns: Interpreter DevGeeks Academy Behavioral Design Patterns: Iterator DevGeeks Academy 🌏 English Behavioral Design Patterns: Chain of Responsibility levonog Behavioral Design Patterns: Observer Christopher Okhravi DevSage Behavioral Design Patterns: Command Christopher Okhravi Web Dev Simplified Behavioral Design Patterns: Interpreter levonog Behavioral Design Patterns: Iterator Christopher Okhravi DevSage
Week 4	🎞️ Resources 🌏 Arabic Behavioral Design Patterns: Mediator DevGeeks Academy Behavioral Design Patterns: Memento Passionate Coders DevGeeks Academy Behavioral Design Patterns: State Passionate Coders DevGeeks Academy Behavioral Design Patterns: Strategy Passionate Coders DevGeeks Academy Behavioral Design Patterns: Template Passionate Coders DevGeeks Academy Behavioral Design Patterns: Visitor DevGeeks Academy 🌏 English Behavioral Design Patterns: Mediator DevSage Behavioral Design Patterns: Memento Derek Banas Behavioral Design Patterns: State Christopher Okhravi Simply Explained Behavioral Design Patterns: Strategy Christopher Okhravi DevSage Behavioral Design Patterns: Template Christopher Okhravi Code Legends Behavioral Design Patterns: Visitor DevSage