This repository contains my personal solutions for the assignments and coding challenges from the JavaScript Bootcamp provided by Elzero Web School. The bootcamp is a comprehensive journey through JavaScript, covering everything from basic syntax to advanced concepts like OOP and Asynchronous programming.
This repository serves as my personal journey through the JavaScript Bootcamp by Elzero Web School. Every solution you find here has been carefully crafted, tested, and documented to ensure clarity and correctness.
What you'll find inside:
- ✅ Assignments – Practical, hands-on tasks that reinforce theoretical concepts from each lesson.
- ✅ Challenges – Real-world problems and brain teasers designed to sharpen logic and problem-solving skills.
- ✅ Clean Code – Well-commented, readable, and maintainable JavaScript following best practices.
- ✅ Multiple Approaches – Some solutions include different methods to solve the same problem.
Why this repository exists:
- 📌 Track my progress – A structured log of my learning journey from beginner to advanced.
- 📌 Help others – A reference for fellow students who might get stuck or need alternative explanations.
- 📌 Build a portfolio – Demonstrate practical JavaScript skills to potential employers or collaborators.
Repository structure:
Each folder corresponds to a specific lesson or module, named clearly (e.g., 6. Variables Introduction/). Inside, you'll typically find:
📁 6. Variables Introduction/ ├── 📄 index.html ├── 📄 main.js └── 🎨 style.css (if needed)
Common files you'll see:
index.html– The structure (for DOM-related lessons)main.js– Main JavaScript code for the lessonstyle.css– Styling for visual assignments and projects (may be included only when necessary)assignment-*.js– Individual assignment solutions (if separated)challenge.js– Challenge or problem-solving tasks
💡 Note: Some pure logic lessons may not include
index.htmlorstyle.css– only JavaScript files. Thestyle.cssfile is added only for lessons involving DOM manipulation and visual styling.
Who is this for?
- Students currently taking the Elzero JavaScript Bootcamp
- Self-taught developers looking for practice examples
- Anyone preparing for JavaScript interviews or assessments
💡 Tip: While these solutions are correct and tested, try solving the assignments yourself first before peeking at the answers. The real learning happens when you struggle a bit!
| Section | Status |
|---|---|
| Introduction & Syntax | 🟢 Completed |
| Data Types & Variables | 🟢 Completed |
| Operators | 🟢 Completed |
| Number And String | 🟢 Completed |
| Conditions And Switch | 🟢 Completed |
| Arrays And Methods | 🟢 Completed |
| Function And Parameters | 🟢 Completed |
| Function And Scopes | 🟢 Completed |
| Higher Order Functions | 🟢 Completed |
| Objects And Methods | 🟢 Completed |
| DOM (Document Object Model) Part 1 | 🟢 Completed |
| DOM (Document Object Model) Part 2 | 🟢 Completed |
| BOM (Browser Object Model) | 🟢 Completed |
| Local Storage | 🟢 Completed |
| Destructuring | 🟡 In Progress |
| Map And Set | 🟡 In Progress |
| Regular Expression | 🟡 In Progress |
| Object Oriented Programming | 🟡 In Progress |
| Date, Generators, Modules | 🟡 In Progress |
| AJAX And JSON | 🟡 In Progress |
| Promises | 🟡 In Progress |
| Final Projects | 🟡 In Progress |
- JavaScript (ES6+)
- HTML5
- CSS3 (for DOM styling tasks)
- Chrome Developer Tools (for debugging)
-
Clone the repository:
git clone [https://github.com/HaithamAbuDraz/javascript-elzero-bootcamp.git](https://github.com/HaithamAbuDraz/javascript-elzero-bootcamp.git)
-
Navigate to a specific lesson: Browse through the folders to find the specific assignment or challenge solution you are looking for.
-
Run the code: Open the index.html file in any modern browser or run the .js files using Node.js.
Special thanks to Eng. Osama Elzero for providing such high-quality, free educational content for the Arab community.
If you find this repository helpful, you can support it by:
- ⭐ Starring the repository
- 🍴 Forking the project
- 📢 Sharing it with other developers