🌐 Web Development Bootcamp Guide

Welcome to the Web Development Bootcamp! 🚀
This guide is designed to help you navigate the bootcamp and make the most of the resources available.

📚 Getting Started

📘 Check the Wiki First:
Visit the Wiki section for detailed notes from:
- Section 01
- Section 27
💻 Accessing Projects:
Wiki section numbers link to project folders:
Example: Section 01
📝 Viewing Notes:
Non-numbered Wiki links show detailed notes
🏆 Capstone Projects:
Located in /Capstone Projects

📋 Summary:

📚 Wiki: Detailed notes & explanations

🔢 Section Numbers: Project code access

🔗 Other Links: Section notes

🏆 Capstone Projects: Main repository folder

🌟 Appreciation Note

Dear Mr. Von Schappler,

I hope you are doing well.

I am writing to express my deepest gratitude for your guidance, support, and unwavering dedication throughout my journey to completing this project.

Your unique way of thinking and exceptional teaching methods have truly made a significant impact on my learning experience.

Your passion for the subject and your commitment to helping your students succeed are truly inspiring.

You have a remarkable ability to explain complex concepts in a way that is easy to understand, and your patience and encouragement have been invaluable to me.

With your help, I was able to tackle challenges that I once thought were insurmountable, and I have grown both personally and academically because of your mentorship.

This project would not have been possible without your insights, feedback, and continuous support.

Your belief in my abilities gave me the confidence to push myself further and achieve my goals.

I am incredibly grateful for the time and effort you have invested in my success.

I would also like to highlight your amazing GitHub channels that provide organized knowledge and helpful resources: vonschappler and code-with-von.

Thank you once again for being such a remarkable mentor and teacher.

Your guidance has made a lasting impact on my life, and I will always cherish the knowledge and wisdom you have shared with me.

With heartfelt thanks,
Ammar Al-Suhaimi

🚨 Important Note

And if the above approach doesn't work for you, there's another direct way: I've listed all the projects with notes and code to make it easy for viewers.

⬇️ ⬇️ ⬇️

Here's the second, more direct way, where I've listed all the projects with notes and code to make it easy for viewers:

🛠️ Projects

💻 All-FrontEnd-Projects

📂 Section 10

🔲 Display Grid
- A. 🌐 Deployed Website
- B. 💻 Source Code
- C. 📖 Notes
#️⃣ Grid Solution 1
- A. 🌐 Deployed Website
#️⃣ Grid Solution 2
- A. 🌐 Deployed Website
#️⃣ Grid Solution 3
- A. 🌐 Deployed Website
📏 Grid Sizing
- A. 🌐 Deployed Website
- B. 💻 Source Code
- C. 📖 Notes
🎨 Mondrian Project
- A. 🌐 Deployed Website
- B. 💻 Source Code
- C. 📖 Notes

📂 Section 11

🅱️ Bootstrap Intro
- A. 🌐 Deployed Website
- B. 💻 Source Code
- C. 📖 Notes
🧩 Bootstrap Components
- A. 🌐 Deployed Website
- B. 💻 Source Code
- C. 📖 Notes
🐶 Tindog Project
- A. 🌐 Deployed Website
- B. 💻 Source Code
- C. 📖 Notes

📂 Section 12

🎨 CSS Design Practice
- A. 🌐 Deployed Website (Need To Fix)
- B. 📖 Notes
- C. 💻 Source Code

📂 Section 13

🖌️ Figma Design
- A. 🌐 Prototype
- B. 📖 Notes

📂 Section 14

📜 JS Basics

📂 Section 15

📜 Intermediate JS
- 🌐 Deployed Code
- 💻 Source Code
- Notes:

📂 Section 16

🌳 DOM Basics

📂 Section 17: Dicee Game

🎲 Dicee Game Project
- 🌐 Live Game
- 💻 Source Code
- 📖 Notes:

📂 Section 18

🥁 Drum Kit Project
- 🌐 Live Instrument
- 💻 Source Code
- 📖 Notes:
  📂 Section 19
  1. ⚡ jQuery Project
- 🌐 Live Demo
- 💻 Source Code
- 📖 jQuery Guide

📂 Section 20: Simon Game

🎮 Simon Game Project
- 🌐 Live Game
- 💻 Source Code
- 📖 Development Guide:
  - 📘 Game Overview
  - 🕹️ Play Demo
  - 📥 Step 0: Setup Files
  - ⚡ Step 1: jQuery Init
  - 💡 Step 1 Solution
  - 🎲 Step 2: Create Pattern
  - ✅ Step 2 Solution
  - 🎨 Step 3: Animations
  - ✨ Step 3 Solution
  - 🕹️ Step 4: Button Press
  - 🎯 Step 4 Solution
  - 🎵 Step 5: Sounds
  - 🔊 Step 5 Solution
  - 🎭 Step 6: Animations
  - 🎬 Step 6 Solution
  - 🚀 Step 7: Start Game
  - 🏁 Step 7 Solution
  - 🔍 Step 8: Check Answers
  - ✅ Step 8 Solution
  - 💀 Step 9: Game Over
  - 🎮 Step 9 Solution
  - 🔄 Step 10: Restart
  - 🔁 Step 10 Solution

⚙️ All-Backend-Projects

📂 Section 23: Node.js Basics

📦 Native Modules
🦸 Superheroes API
🔐 QR Generator
🖥️ Node Hello World

📂 Section 24: Express.js

🚀 Express Server
- 🌐 Live Server
- 💻 Code
- 📖 Guides:
  - Express Intro
  - First Server
🌐 HTTP Requests
- Home • Contact • About
- 💻 Code
- 📖 HTTP Docs
🛠️ Middleware
- 🌐 Live Demo
- 💻 Code
- 📖 Concepts:
  - Middleware Intro
  - Custom Middleware
📮 Postman Testing
🔒 Secrets Project

📂 Section 25: EJS Templates

🎸 Band Generator
📅 Weekend/Work Check
🧩 EJS Partials
🏷️ EJS Tags
📤 Data Passing

📂 Section 27: Git & Version Control

📂 .gitignore
🔄 Git Clone Game

📂 Section 28: Application Prgram Interfaces (APIs)

🏆 Capstone Projects

📄 Professional CV
- 🌐 Live CV
- 💻 Source Code
🎨 Portfolio Website
- 🌐 Live Portfolio
- 💻 Source Code
🚀 Personal Site
- 🌐 Live Website
- 💻 Source Code

🔮 Final Note

The Web Development Bootcamp will be continuously updated and modified in the future.
I hope you enjoy everything I upload as part of my journey.
This course will take time to finish and also time to organize and upload.
Please be patient, and I will do it as soon as possible.

Name		Name	Last commit message	Last commit date
Latest commit History 315 Commits
CapstoneProjects		CapstoneProjects
section_01/hello_world		section_01/hello_world
section_02		section_02
section_03		section_03
section_04		section_04
section_05		section_05
section_06		section_06
section_07		section_07
section_08		section_08
section_09		section_09
section_10		section_10
section_11		section_11
section_12/web_Desgin		section_12/web_Desgin
section_13		section_13
section_14		section_14
section_15		section_15
section_16		section_16
section_17/dicee_challenge		section_17/dicee_challenge
section_18/drum_kit		section_18/drum_kit
section_19/Jquery		section_19/Jquery
section_20/simon_game_challenge		section_20/simon_game_challenge
section_23		section_23
section_24		section_24
section_25		section_25
section_26		section_26
section_27		section_27
section_28		section_28
.gitattributes		.gitattributes
.gitignore		.gitignore
.gitmodules		.gitmodules
README.md		README.md

ammar-alsuhaimi/Web-Development-BootCamp

Folders and files

Latest commit

History

Repository files navigation

🌐 Web Development Bootcamp Guide

📚 Getting Started

🌟 Appreciation Note

🚨 Important Note

🛠️ Projects

💻 All-FrontEnd-Projects

📂 Section 01

📂 Section 02

📂 Section 03

📂 Section 04

📂 Section 05

📂 Section 06

📂 Section 07

📂 Section 08

📂 Section 09

📂 Section 10

📂 Section 11

📂 Section 12

📂 Section 13

📂 Section 14

📂 Section 15

📂 Section 16

📂 Section 17: Dicee Game

📂 Section 18

📂 Section 19

📂 Section 20: Simon Game

⚙️ All-Backend-Projects

📂 Section 23: Node.js Basics

📂 Section 24: Express.js

📂 Section 25: EJS Templates

📂 Section 27: Git & Version Control

📂 Section 28: Application Prgram Interfaces (APIs)

🏆 Capstone Projects

🔮 Final Note

About

Resources

Stars

Watchers

Forks

Packages 0

Contributors 3

Languages

Packages