└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # FullStack_Using_Nodejs_RoadMap 2 | In this repository , you'll find FullStack Using Nodejs road map , This repository will always be updated. 3 | 4 | ## RoadMap Index : 5 | 6 | 🔗 [ Computer Science Basics ](#Computer-Science-Basics) 7 | 8 | 🔗 [Beginner-Level](#beginner_level) 9 | 10 | 🔗 [ Intermediate Level](#intermediate-level) 11 | 12 | 🔗 [ Advanced Level](#) 13 | 14 | 🔗 [Interview Preparation](#interview-preparation) 15 | 16 | 17 | ___ 18 | 19 | # Computer Science Basics 20 | 21 |
22 | 23 | Introduction to Computer Science 24 | 25 | 26 | ## Introduction to Computer Science 27 | 28 | ### Note : 29 | 30 | #### You choose only one of Basics : 31 | 32 | - CS50 33 | 34 | 📹 [CS50's Introduction to Computer Science In English](https://www.edx.org/course/introduction-computer-science-harvardx-cs50x) 35 | 36 | 37 | 📹 [CS50's Introduction to Computer Science In Arabic](https://youtube.com/playlist?list=PLnrlZUDQofUv7JE4QIahAyztrQU9bnJmd) 38 | 39 | OR 40 | 41 | - Python 42 | 43 | 📹 [Introduction to Computer Science and Programming Using Python from Elzero](https://youtube.com/playlist?list=PLDoPjvoNmBAyE_gei5d18qkfIe-Z8mocs) 44 | 45 | OR 46 | 47 | - C++ 48 | 49 | 📹 [C++ In Arabic](https://youtube.com/playlist?list=PL1DUmTEdeA6IUD9Gt5rZlQfbZyAWXd-oD) 50 | 51 | OR 52 | 53 | 📹 [C++ In Arabic](https://youtube.com/playlist?list=PLDoPjvoNmBAwy-rS6WKudwVeb_x63EzgS) 54 | 55 |
56 | 57 |
58 | 59 | Data Structures and Algorithms 60 | 61 | ## Data Structure for C++ and Python 62 | 63 | ### Notes : 64 | When you choose C++ language , you choose data structure C++ 65 | 66 | When you choose python language , you choose data structure python 67 | 68 | 69 | 📹 [Data Structure For C++](https://youtube.com/playlist?list=PL1DUmTEdeA6JlommmGP5wicYLxX5PVCQt) 70 | 71 | 📹 [Data Structure For Python](https://youtu.be/pkYVOmU3MgA) 72 | 73 | ## Object Oriented Programming(OOP) for C++ and Python 74 | 75 | ### Notes : 76 | When you choose C++ language , you choose OOP C++ 77 | 78 | When you choose python language , you choose OOP python 79 | 80 | 📹 [OOP For C++](https://youtube.com/playlist?list=PL1DUmTEdeA6KLEvIO0NyrkT91BVle8BOU) 81 | 82 | ### Notes : 83 | 84 | - You have two courses of OOP Python , you can choose one course of them 85 | 86 | 📹 [OOP Python](https://youtu.be/A9kSngn7254) 87 | 88 | 📹 [OOP Python](https://youtu.be/Ej_02ICOIgs) 89 | 90 |
91 | 92 | 93 |
94 | Introduction to Databases 95 | 96 | 97 | ## SQL Databases 98 | 99 | ### Notes : 100 | 101 | If you want the video translated, open the subtitle CC 102 | 103 | 📹 [SQL Tutorial - Full Database Course for Beginners](https://www.youtube.com/watch?v=HXV3zeQKqGY) 104 | 105 | 📹 [Database Design Course - Learn how to design and plan a database for beginners](https://www.youtube.com/watch?v=ztHopE5Wnpc) 106 | 107 | 📹 [MySQL Tutorial for Beginners [Mosh]](https://www.youtube.com/watch?v=7S_tz1z_5bA&ab_channel=ProgrammingwithMosh) 108 | 109 | 📹 [MySQL Database FreeCodeCamp](https://www.youtube.com/watch?v=ER8oKX5myE0) 110 | 111 | 112 | OR 113 | 114 | 📹 [DB-In Arabic](https://www.youtube.com/playlist?list=PL37D52B7714788190) 115 | 116 | 📹 [DB-In Arabic](https://www.youtube.com/playlist?list=PL85D9FC9DFD6B9484) 117 | 118 | 📹 [DB-ITI](https://maharatech.gov.eg/course/view.php?id=740) 119 | 120 | #### Books 121 | 122 | 📖 [Funamentals-of-Database-Systems](https://drive.google.com/file/d/1pbOLCvwbPxGIUElK6nIiNZwoUUI6Uo6U/view?usp=sharing) 123 | 124 | 📖 [Pro-SqL-Server-Relational-Database-Design-and-Implementation](https://drive.google.com/file/d/1t0efww6g_S3eARVPtYSK5y_Gs1RtyOBp/view?usp=sharing) 125 | 126 | 127 | 128 |
129 | 130 | ___ 131 | 132 | # Beginner_Level 133 | 134 |
135 | 136 | Web Basics 137 | 138 | ## What is HTTP methods & codes? 139 | 140 | #### Videos 141 | 142 | 📹 [HTTP-Methods](https://youtu.be/iYM2zFP3Zn0?si=lSuB1NnYNd63xEa9) 143 | 144 | 📹 [HTTP-Status-Codes](https://youtu.be/wJa5CTIFj7U?si=7BfP_73I2M-diVkx) 145 | 146 | 147 | ## What is API & Rest API? 148 | 149 | 📹 [API](https://www.youtube.com/watch?v=s7wmiS2mSXY) 150 | 151 | 📹 [Rest-API & HTTP](https://youtu.be/Q-BpqyOT3a8?si=1G7FVh1IECi1DiPU) 152 | 153 | ## Front End Basics 154 | 155 |
156 | 157 | Front End Basics 158 | 159 | 160 | ### HTML & CSS & JavaScript & ES6 161 | 162 | #### Note : 163 | 164 | ES6 is ECMA Script (Modern JavaScript) 165 | 166 | 📹 [ HTML - Elzero ](https://youtube.com/playlist?list=PLDoPjvoNmBAw_t_XWUFbBX-c9MafPk9ji) 167 | 168 | 📹 [ CSS - Elzero ](https://youtube.com/playlist?list=PLDoPjvoNmBAzjsz06gkzlSrlev53MGIKe) 169 | 170 | 📹 [ JavaScript- Elzero ](https://youtube.com/playlist?list=PLDoPjvoNmBAx3kiplQR_oeDqLDBUDYwVv) 171 | 172 | 📹 [ JavaScript_Projects - Elzero ](https://youtube.com/playlist?list=PLDoPjvoNmBAz7_BgzvNcOaE-m_SnE4jiT) 173 | 174 | 📹 [ ES6 - Elzero ](https://youtube.com/playlist?list=PLDoPjvoNmBAy3siU1b04xY24ZlstofO9M) 175 | 176 | ### Books 177 | 178 | 📖 [JavaScript - You Don't Know JavaScript](https://drive.google.com/file/d/1qnKyYBjReI1Wi7JdTLl1WBQLM3ldFUQc/view?usp=sharing) 179 | 180 | 📖 [JavaScript - notes Professional](https://drive.google.com/file/d/1qr6Ibr6piTpnbCL9RZqFpRa0o7FOPvh6/view?usp=sharing) 181 | 182 | 📖 [JavaScript - ES6](https://drive.google.com/file/d/1pIxZoP7gioFeuj3WMB8aPRkV2LIiAP-6/view?usp=sharing) 183 | 184 | 📖 [JavaScript-ES6 - TutorialsPoint]( https://drive.google.com/file/d/1p85ts7bUecB_LerMLD0iZeZFLkVsXd88/view?usp=sharing) 185 | 186 | ### Documentations 187 | 188 | #### HTML 189 | 190 | 📹[HTML-DOCS](https://developer.mozilla.org/en-US/docs/Web/HTML) 191 | 192 | 📹[HTML-DOCS](https://www.w3schools.com/html/html_intro.asp) 193 | 194 | #### CSS 195 | 196 | 📹[CSS-DOCS](https://www.w3schools.com/cssref/index.php) 197 | 198 | 📹[CSS-DOCS](https://developer.mozilla.org/en-US/docs/Web/CSS) 199 | 200 | #### JavaScript & ES6 201 | 202 | 📹[JavaScript-DOCS](https://developer.mozilla.org/en-US/docs/Web/JavaScript) 203 | 204 | 📹[JavaScript-ES6-DOCS](https://www.w3schools.com/js/js_es6.asp) 205 | 206 | ___ 207 | 208 | ### TypeScript & Angular 209 | 210 | #### Notes : 211 | 212 | - Firstly , you have to take Typescript Course 213 | 214 | - Secondly , you have to take Angular Course 215 | 216 | ### Typescript 217 | 218 | 📹 [Typescript - Elzero ](https://youtube.com/playlist?list=PLDoPjvoNmBAy532K9M_fjiAmrJ0gkCyLJ) 219 | 220 | ### Angular Courses 221 | 222 | 📹 [Angular - FreeCodeCamp In English](https://youtu.be/3qBXWUpoPHo) 223 | 224 | OR 225 | 226 | 📹 [Angular - In Arabic](https://youtube.com/playlist?list=PL1ano0qwNuBwA90YwA-5d8g2wbOYHkl5h&si=wir3bvp4MDKw6VEV) 227 | 228 | 📹 [Angular - ITI](https://youtube.com/playlist?list=PLesfn4TAj57WJFn86KXOInQAsCdJlp6vl&si=64jVdgkS0sXaXa47) 229 | 230 | ### Books 231 | 232 | 📖 [Typescript](https://drive.google.com/file/d/1t2Nix7dJA5hrDKo6CkAE3L2PlVMf5CHY/view?usp=sharing) 233 | 234 | 📖 [Angular](https://drive.google.com/file/d/1oyDQKIFgxj1RGenDgOwyYzsDSs8DuvVy/view?usp=sharing) 235 | 236 | ### Documentations 237 | 238 | 📹 [Typescript-DOCS](https://www.typescriptlang.org/docs/) 239 | 240 | 📹 [Angular-DOCS](https://angular.io/docs) 241 | 242 | ___ 243 | 244 | ### React 245 | 246 | 📹 [React - Codezon](https://youtube.com/playlist?list=PLQtNtS-WfRa9LbmD8ON7rWhn-AtKTGdkn) 247 | 248 | 📹 [React- FreeCodeCamp](https://youtu.be/u6gSSpfsoOQ) 249 | 250 | ### Books 251 | 252 | 📖 [React - React Native](https://drive.google.com/file/d/1s61fIoquj6VVi5rmI7TyIXiESiv-K4XV/view?usp=sharing) 253 | 254 | 📖 [React - 2024](https://drive.google.com/file/d/1xPFIWJLyB5YSvtC98D4tTjfktpkAMn3f/view?usp=sharing) 255 | 256 | 📖 [MernStack using React & Typescript](https://drive.google.com/file/d/1rMbFjoKUMvisP4p6_He3hHV2TyAjRaol/view?usp=sharing) 257 | 258 | 259 | ### Documentations 260 | 261 | 📹 [React-DOCS](https://legacy.reactjs.org/docs/getting-started.html) 262 | 263 |
264 | 265 |
266 | 267 | ___ 268 | 269 | 270 | # Intermediate Level 271 | 272 |
273 | 274 | The way to Nodejs and MongoDB 275 | 276 | ## Nodejs & Express 277 | 278 | 📹 [Nodejs & Express In English](https://youtu.be/Oe421EPjeBE?si=b8zoaA-QsJRTYPpz) 279 | 280 | OR 281 | 282 | 📹 [Nodejs & Express In Arabic](https://youtube.com/playlist?list=PLkzDzmo9y3VG_pByjuxE7uuLYvmWgfBub&si=hloSzyi7dhE-nLl_) 283 | 284 | 📹 [Nodejs & Express In Arabic](https://youtube.com/playlist?list=PLL2zWZTDFZzgxxD66mv95I8hC0pby5bdp&si=mXzdL6n1pLAxI6Dh) 285 | 286 | 📹 [Nodejs & Express ITI ](https://youtube.com/playlist?list=PLesfn4TAj57X2dgSLhv75FnAxWb84ohyO&si=lnP0r8cKUa6lEzOr) 287 | 288 | ### Books 289 | 290 | 📖 [Nodejs - Design Patterns](https://drive.google.com/file/d/1ry4eTZ9ffzyRbSxfWN6TF0l1Kou09SwX/view?usp=sharing) 291 | 292 | 📖 [Nodejs - Novice To Ninja](https://drive.google.com/file/d/1s-i6eMg03gCBCOLa_NoFL12JwZIUTmXY/view?usp=sharing) 293 | 294 | 295 | ### Documentations 296 | 297 | 📹 [Nodejs-DOCS](https://nodejs.org/en/docs) 298 | 299 | 📹 [Express-DOCS](https://expressjs.com/) 300 | 301 | ## Rest-API using Postman in Nodejs 302 | 303 | 📹 [What-is-Postman](https://youtu.be/VywxIQ2ZXw4?si=GgcT25pt8O7QKmJJ) 304 | 305 | 📹 [Rest-API-Using-Postman](https://youtu.be/l8WPWK9mS5M?si=doepbl13Wm8wEfxT) 306 | 307 | ### Books 308 | 309 | 📖 [Rest-API-Using-Nodejs](https://drive.google.com/file/d/1sOg-fENtnficsAcBgk0-_Cm5Ku9SMIWo/view?usp=sharing) 310 | 311 | ## MongoDB Database 312 | 313 | ### Notes : 314 | 315 | To study MongoDB course you have to study nodejs first 316 | 317 | 📹 [MongoDB Full Course 2023](https://youtu.be/8eJJe4Slnik) 318 | 319 | 📹 [MongoDB Schema Design](https://youtu.be/leNCfU5SYR8?si=DyLYHKSfy5eiHvPR) 320 | 321 | OR 322 | 323 | 📹 [MongoDB Crash Course](https://youtu.be/-56x56UppqQ?si=eY0SFUeaTlOfji6B) 324 | 325 | 📹 [MongoDB Crash Course 2022](https://youtu.be/2QQGWYe7IDU?si=TCekNQHm6TcSh8bo) 326 | 327 | 📹 [MongoDB + Mongoose + Nodejs Crash Course](https://youtu.be/5QEwqX5U_2M?si=BrF6-Lf6UwqhOkNx) 328 | 329 | OR 330 | 331 | 📹 [MongoDB In Arabic](https://youtube.com/playlist?list=PLd6o9p13Lc5387FWk_GXU0Rh5AhrBGod5&si=24YQuLZVIX_Ax620) 332 | 333 | 📹 [MongoDB ITI ](https://youtube.com/playlist?list=PLesfn4TAj57XGGSmVzzpxY69-lha1EWEI&si=Nvfo_96xAPwi3VEp) 334 | 335 | ### Books 336 | 337 | 📖 [MongoDB - Notes Professionals](https://drive.google.com/file/d/1rStoYYyy5kZvCxomNq2yOS5INyDv4Ogf/view?usp=sharing) 338 | 339 | 📖 [MongoDB - Fundamentals](https://drive.google.com/file/d/1r_9fgap2zwErGb7Oj1cd3EqEjSk5K0Pj/view?usp=sharing) 340 | 341 | 342 | ### Documentations 343 | 344 | 📖 [MongoDB-DOCS](https://www.mongodb.com/docs/) 345 | 346 | ## Projects Using Nodejs & Express 347 | 348 | 📹 [4 Projects-Using-Express & Nodejs](https://youtu.be/qwfE7fSVaZM?si=2ZVf3wov_dpLxW5S) 349 | 350 | ## Projects Using Nodejs & Express & React 351 | 352 | 📹 [E-commerce](https://youtu.be/rMiRZ1iRC0A?si=L9UqqGLqut-5v95s) 353 | 354 | 📹 [Chat-App](https://youtu.be/mYy-d6BtqmU?si=YRHekU7c4593pUmK) 355 | 356 | ## Projects Using Nodejs & Express & Angular 357 | 358 | 📹 [Task-Manager](https://youtube.com/playlist?list=PLIjdNHWULhPSZFDzQU6AnbVQNNo1NTRpd&si=PqKRNs0HDX__X4JN) 359 | 360 |
361 | 362 | 363 | 364 |
365 | 366 | The way to NestJS Framework and Connection to SQL Databases 367 | 368 | ## NestJs 369 | 370 | ### Notes 371 | 372 | - You have to take Typescript and Angular Courses to be able to study Nestjs 373 | 374 | - NestJS is a modern framework for developing backend applications using TypeScript (or JavaScript). It is based on Node.js, and uses a Modular Architecture similar to Angular, with strong 375 | support for Dependency Injection and SOLID design.Use NestJS if you: 376 | 377 | ✔️ You are working on a large project that needs strong organization. 378 | 379 | ✔️ You need Dependency Injection like Angular. 380 | 381 | ✔️ You want to use GraphQL easily. 382 | 383 | ✔️ Need integrated support for WebSockets, Microservices. 384 | 385 | ✔️ Want to improve your testing with Jest 386 | 387 | 📹[What is NestJs & Why should we learn?](https://youtube.com/shorts/-s3F4pZWBKw?si=no0UDX_ZC-9N6h_y) 388 | 389 | 📹[What is NestJs & Why should we learn?](https://youtube.com/shorts/4czy5p01r0Q?si=jHIqublbJZDzxnMR) 390 | 391 | 📹[NestJs - In Arabic](https://youtube.com/playlist?list=PLOldSEMXUdZsFAEJwxYkE83dhm1ZkWEOL&si=_w6pk9MHli6LCLkF) 392 | 393 | 📹[NestJs - In English](https://youtube.com/playlist?list=PL1BztTYDF-QPfrzXwoC_6OSLs818uAqN2&si=yN8jLKNGIpkUZd4O) 394 | 395 | 📹[NestJs - SOLID Principles](https://youtu.be/vE74gnv4VlY?si=TBeSFZ1p-ut4RN1U) 396 | 397 | ### Documentations 398 | 399 | 📖[NestJs - DOCS](https://docs.nestjs.com/) 400 | 401 | 📖[Sequelize - DOCS](https://sequelize.org/docs/v6/) 402 | 403 | 📖[Sequelize Migrations - DOCS](https://victoronwuzor.medium.com/how-to-setup-sequelize-migration-in-a-nestjs-project-b4aec1f88612) 404 | 405 | 📖[GraphQL - DOCS](https://graphql.org/learn/) 406 | 407 | ### Books 408 | 409 | 📖[NestJs - E-book](https://drive.google.com/file/d/1mnW4_wQMxKAP16iYx6tUYKOJhJ7owwyf/view?usp=drivesdk) 410 | 411 | ## Connection to SQL databases - TypeORM 412 | 413 | 📹[PostgreSQL - TypeORM](https://youtu.be/SkDHvfyXdsQ?si=z4ii0rXnD-TVYxeP) 414 | 415 | 📹[MySQL - TypeORM](https://youtu.be/W1gvIw0GNl8?si=K5wRD_UFiL0IwWov) 416 | 417 | 📹[GraphQL - TypeORM in English](https://youtu.be/CSfZmyzQAG8?si=HLNOvnbczROg2CUk) 418 | 419 | 📹[GraphQL - TypeORM in Arabic](https://youtu.be/cxz-OXVk4yk?si=DqKc8tR0qqpoh0rS) 420 | 421 | ## Projects in NestJs 422 | 423 | ### Notes : 424 | 425 | - You'll see more advanced topics like docker , microservies and more , don't worry and wait for advanced level to understand these topics better. 426 | 427 | 📹[E-Commerce - Project](https://www.youtube.com/watch?v=LOkIwgDp3yk&list=PLOldSEMXUdZvXCqtuVvjkmnqaiR6WyDSf) 428 | 429 | 📹[Blog - Project](https://youtube.com/playlist?list=PLVfq1luIZbSmJIuw_EZVP9mFiMED5fGIn&si=h1RGm_m1yvgI-Gmq) 430 | 431 | 432 |
433 | 434 | ___ 435 | 436 | # Interview Preparation 437 | 438 |
439 | 440 | Interview Questions 441 | 442 | 🔗 [Nodejs - Interview - Questions](https://www.simplilearn.com/tutorials/nodejs-tutorial/nodejs-interview-questions) 443 | 444 | 🔗 [Nodejs - Interview - Questions](https://www.geeksforgeeks.org/node-interview-questions-and-answers/) 445 | 446 | 🔗 [Nodejs - Interview - Questions](https://www.turing.com/interview-questions/node-js) 447 | 448 |
449 | 450 | 451 | 452 |
453 | 454 | CV Templates 455 | 456 | 🔗 [CV - Templates](https://resume.io/cv-templates?ga_utm_source=google&utm_medium=ppc&utm_campaign=18251013112&utm_adgroup=ARABIC-cv-templatefree&utm_custom=Resume.io|ARAB.MISC|PS|NB&utm_content=619976113101&utm_term=free%20cv%20templates&matchtype=e&device=m&location=9112470&gad_source=1&gclid=Cj0KCQjwudexBhDKARIsAI-GWYWtyywcdFWOMaaN8I60Wq2sXf_DOkfeB-08oSG8O-ODCxFUWDgSS5oaAqcTEALw_wcB) 457 | 458 | 🔗 [CV - Templates](https://enhancv.com/resume-templates/?psafe_param=1&utm_source=google&utm_medium=cpc&utm_campaign=google_performance_max_non_core_markets&gad_source=1&gclid=Cj0KCQjwudexBhDKARIsAI-GWYVvf1dbDmrfB7Tq9zOTA5QCGz0GU-VrFYw3Htn57xbeqCCZwW1ANI4aAtahEALw_wcB) 459 | 460 | 🔗 [CV - Templates](https://www.canva.com/resumes/templates/) 461 | 462 | 463 |
464 | 465 | 466 | _____________________________________________________________________________________________________________________________________________ 467 | 468 | ## JavaScript Challenges 469 | 470 |
471 | 472 | JavaScript Challenges 473 | 474 | 🔗[JavaScript - Exercism - Challenges](https://exercism.org/tracks/javascript) 475 | 476 | 🔗[JavaScript - Jscodebox - Challenges](https://jscodebox.com/) 477 | 478 | 🔗[JavaScript - Codewars - Challenges](https://www.codewars.com/collections/js-code-challenges) 479 | 480 | 🔗[JavaScript - Jschallenger - Challenges](https://www.jschallenger.com/) 481 | 482 | 🔗[JavaScript - Jscodechallenges - Challenges](https://jscodechallenges.vercel.app/) 483 | 484 | 🔗[JavaScript - JavaScript30 - Challenges](https://javascript30.com/) 485 | 486 | 🔗[JavaScript - Leetcode 30 Days - Challenges](https://leetcode.com/studyplan/30-days-of-javascript/) 487 | 488 | 📽️[JavaScript - Explanation Leetcode 30 Days In English - Challenges](https://youtube.com/playlist?list=PLQpVsaqBj4RIpDQIVowFni58LsK4cM9Qz&si=cB7WqdrH589BC4jg) 489 | 490 |
491 | 492 | 493 | 494 | ___ 495 | 496 | ## Free Frontend Templates 497 | 498 |
499 | 500 | Free Frontend Templates 501 | 502 | 🔗[Free - Frontend - Templates](https://templatemo.com/) 503 | 504 | 🔗[Free - Frontend - Templates](https://themewagon.com/theme-price/free/) 505 | 506 | 🔗[Free - Frontend - Templates](https://themefisher.com/free-bootstrap-templates) 507 | 508 |
509 | 510 | 511 | 512 | 513 | 514 | 515 | 516 | 517 | 518 | 519 | 520 | 521 | --------------------------------------------------------------------------------