Welcome to my comprehensive web development learning path! This repository documents my journey through modern web development technologies, following the curriculum from freeCodeCamp.org and beyond.
This repository tracks my progress through the following technologies and concepts:
- HTML5 - Semantic markup and modern web standards
- CSS3 - Styling, layouts, animations, and responsive design
- Bootstrap - Responsive framework for rapid UI development
- JavaScript - Programming fundamentals and DOM manipulation
- React - Component-based UI library for building interactive applications
- Node.js - Server-side JavaScript runtime
- Express.js - Web application framework for Node.js
- MongoDB - NoSQL database for modern applications
- React Native - Cross-platform mobile app development
- Git - Version control system
- GitHub - Code hosting and collaboration platform
- GitLab CI/CD - Continuous integration and deployment
- AWS Deployment - Cloud hosting and deployment strategies
By completing this learning path, I aim to:
- Build responsive, modern web applications from scratch
- Understand full-stack development principles
- Master version control and collaborative development
- Implement modern DevOps practices
- Deploy applications to cloud platforms
- Develop cross-platform mobile applications
├── HTML/ # HTML fundamentals and projects
├── CSS/ # CSS styling and layout projects
├── HTML Project/ # Combined HTML/CSS projects
├── JavaScript/ # JavaScript exercises and projects
├── Bootstrap/ # Bootstrap framework projects
├── React/ # React component projects
├── Node.js/ # Backend development projects
├── MongoDB/ # Database integration projects
├── React-Native/ # Mobile app development
├── DevOps/ # CI/CD and deployment configurations
└── Projects/ # Full-stack application projects
- Primary: freeCodeCamp.org
- Documentation: MDN Web Docs, React Docs, Node.js Docs
- Practice: Personal projects and coding challenges
- Community: freeCodeCamp forums and GitHub discussions
- Responsive Web Design Certification
- JavaScript Algorithms and Data Structures
- Frontend Development Libraries
- Data Visualization
- Back End Development and APIs
- Quality Assurance
- Scientific Computing with Python
- Data Analysis with Python
- Information Security
- Machine Learning with Python
| Technology | Status | Projects Completed | Notes |
|---|---|---|---|
| HTML5 | 🟡 In Progress | 2 | Basic structure and semantics |
| CSS3 | 🟡 In Progress | 2 | Layouts and responsive design |
| Bootstrap | ⚪ Not Started | 0 | - |
| JavaScript | ⚪ Not Started | 0 | - |
| React | ⚪ Not Started | 0 | - |
| Node.js | ⚪ Not Started | 0 | - |
| MongoDB | ⚪ Not Started | 0 | - |
| React Native | ⚪ Not Started | 0 | - |
| Git/GitHub | 🟡 In Progress | - | Basic commands learned |
| DevOps/GitLab CI | ⚪ Not Started | 0 | - |
| AWS Deployment | ⚪ Not Started | 0 | - |
Legend: 🟢 Completed | 🟡 In Progress | ⚪ Not Started
To explore the projects in this repository:
-
Clone the repository:
git clone https://github.com/yourusername/Web-Development.git cd Web-Development -
Navigate to specific technology folders to see projects and exercises
-
Open HTML files in your browser to view web projects
-
For Node.js projects, install dependencies and run:
npm install npm start
This is a personal learning repository, but I welcome:
- Code reviews and feedback
- Suggestions for improvements
- Best practice recommendations
- Learning resource recommendations
- LinkedIn: Mostafa Kamal
- GitHub: M0stafa
- Email:mostafakamal.cse2022@gmail.com
"The only way to learn a new programming language is by writing programs in it." - Dennis Ritchie
Last Updated: July 10, 2025