A complete JavaScript & Bootstrap reference designed to take you from the fundamentals to advanced concepts with practical examples, interview-focused explanations, and real-world best practices.
Hi, I'm Eng. Diaa Elseady, a Full Stack Developer specializing in:
- React.js
- Next.js
- Node.js
- Express.js
- NestJS
- MongoDB
- TypeScript
This repository was created to serve as a structured JavaScript & Bootstrap reference that combines fundamentals, advanced concepts, interview questions, and practical examples in one place.
Whether you're learning JavaScript for the first time or preparing for technical interviews, this guide is designed to help.
- 📖 Complete learning path
- 💻 Hundreds of code examples
- 🎯 Interview-focused explanations
- ⚡ Modern JavaScript (ES6+)
- 🧠 Advanced concepts explained simply
- 🔥 Best practices
- 📌 Common pitfalls
- 🚀 Beginner-friendly structure
| # | Session | Level | Status |
|---|---|---|---|
| 01 | Fundamentals | 🟢 Beginner | ✅ |
| 02 | Core Concepts | 🟢 Beginner | ✅ |
| 03 | DOM & Events | 🟡 Intermediate | ✅ |
| 04 | API & AJAX | 🟡 Intermediate | ✅ |
| 05 | Async JavaScript | 🔵 Advanced | ✅ |
| 06 | Modern JavaScript | 🔵 Advanced | ✅ |
| 07 | Object-Oriented Programming | 🔴 Advanced | ✅ |
| 08 | Bootstrap 5 | 🟢 Beginner | ✅ |
Click to Expand
- Variables
- Data Types
- Operators
- Conditionals
- Type Conversion
- Comparison Operators
- Loops
- Functions
- Arrays
- Objects
- Array Methods
- DOM Manipulation
- Event Listeners
- Forms
- Event Bubbling
- Event Capturing
- HTTP Methods
- XMLHttpRequest
- Fetch API
- JSON
- Status Codes
- Postman
- Event Loop
- Callbacks
- Promises
- Async / Await
- Fetch
- ES6+
- Destructuring
- Spread Operator
- Rest Operator
- Optional Chaining
- Nullish Coalescing
- Closures
- Debouncing
- Throttling
- this
- call
- apply
- bind
- Constructor Functions
- Prototype
- Prototype Chain
- Classes
- Inheritance
- Encapsulation
- Abstraction
- Polymorphism
- Getters & Setters
- Static Methods
- Composition
- Installation
- Containers
- Grid System
- Display Utilities
- Colors System
- Buttons
- Forms
- Navbar
- Cards
- Carousel
- Modal
- Navs & Tabs
- ScrollSpy
- Icons
- Common Utilities
- Hoisting
- TDZ
- var vs let vs const
- Closures
- Scope Chain
- Event Loop
- Promise vs Async/Await
- this keyword
- call / apply / bind
- Prototype Chain
- Shallow vs Deep Copy
- Debouncing
- Throttling
- Auto Boxing
- typeof null
- Memory Management
- Execution Context
- And many more...
✅ Beginners
✅ Frontend Developers
✅ Backend Developers
✅ Full Stack Developers
✅ Students
✅ Self-learners
✅ Interview Preparation
- Read the sessions in order.
- Type every code example yourself.
- Experiment with the examples.
- Build small projects after every section.
- Review the interview questions.
📦 JavaScript-Complete-Reference-Guide
├── assets/
│ └── banner.png
│
├── sessions/
│ ├── session-01-fundamentals.md
│ ├── session-02-core-concepts.md
│ ├── session-03-dom-events.md
│ ├── session-04-api-ajax.md
│ ├── session-05-async-javascript.md
│ ├── session-06-modern-javascript.md
│ ├── session-07-oop.md
│ └── session-08-bootstrap.md
│
└── README.md
- ✅ JavaScript Reference
- ✅ Bootstrap Reference
- 🚧 React Reference
- 🚧 TypeScript Reference
- 🚧 Next.js Reference
- 🚧 Node.js Reference
- 🚧 Express.js Reference
- 🚧 NestJS Reference
- 🚧 MongoDB Reference
Contributions are always welcome!
If you'd like to improve this guide:
- Fork the repository.
- Create a new branch.
- Commit your changes.
- Open a Pull Request.
This project is licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License (CC BY-NC-ND 4.0).
You are free to:
- ✅ Share — copy and redistribute the material in any medium or format
Under the following terms:
- Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
- NonCommercial — You may not use the material for commercial purposes.
- NoDerivatives — If you remix, transform, or build upon the material, you may not distribute the modified material.
In simple terms:
- ✅ You can view, download, and share this guide freely
- ✅ You must give credit to the author (Eng. Diaa Elseady)
- ❌ You cannot use this guide for commercial purposes
- ❌ You cannot modify or distribute modified versions
For full license details, see the LICENSE file.
For commercial use or other permissions, please contact me directly.
If you found this repository useful,
please consider giving it a ⭐ Star.
It helps the project reach more developers and motivates me to continue creating free educational content.
Made with passion by Eng. Diaa Elseady