This repository is a meticulously curated workspace for participants of "The Complete 2023 Web Development Bootcamp" led by Dr. Angela Yu. The bootcamp aims to impart a comprehensive set of skills necessary for full-stack web development. The curriculum includes, but is not limited to, HTML5, CSS3, ES6 JavaScript, Node.js, Express, SQL and NoSQL databases (MySQL, MongoDB), OAuth and JWT Authentication, and popular front-end libraries and frameworks such as React and Bootstrap.
- 🎯 Learning Objectives
- 📚 Course Syllabus
- 🛠 Prerequisites and Environment Setup
- 🗂 Repository Structure
- 🌟 Highlighted Projects
- 🙏 Acknowledgments
🎯 Learning Objectives
- Assemble an expansive portfolio consisting of 16 diverse web development projects.
- Gain proficiency in modern web technologies such as HTML5, CSS3, and ES6 JavaScript.
- Master back-end technologies like Node.js, Express, and both SQL and NoSQL databases.
- Understand and implement user authentication using OAuth and JWT tokens.
- Acquire the capability to develop, test, and deploy full-stack applications.
The bootcamp syllabus offers a balanced blend of theory and practice. For an in-depth view of the syllabus, kindly refer to the official course page.
- Git installed for version control.
- A text editor, preferably VSCode, for code editing.
- Node.js and npm installed for back-end projects.
- A web browser for rendering HTML, CSS, and JavaScript.
- Additional requirements, if any, will be listed within specific project folders.
01_HTML/: Exercises and projects focusing on HTML5 features such as semantic elements.02_CSS/: Detailed walkthroughs and projects involving CSS3 and pre-processors like SASS.03_Javascript_and_DOM_Manipulation/: ES6+ JavaScript syntax and DOM manipulation.04_Dicee_Game/: A simple game developed to practice DOM manipulation using vanilla JavaScript.05_Advanced_Javascript_DOM_Manipulation/: Exercises and projects aimed at advanced DOM manipulation techniques.06_NodeJS_Express_APIs/: Introduction to Node.js, RESTful APIs, and setting up an Express server.07_Databases/: MySQL and MongoDB; SQL and NoSQL paradigms.08_Authentication_Security/: OAuth 2.0, JWT, secure password hashing.09_ReactJS/: React hooks, component lifecycle, state management.10_Server-Side_Frameworks/: Overview of back-end frameworks like Django, Ruby on Rails.11_Deployment/: Deployment strategies using services like Heroku, Vercel, AWS.12_Projects/: Projects demonstrating applied skills from various modules.13_Final_Boss_Level/Final_Project/: The final capstone project, integrating all learned skills.14_Resources/: Cheat sheets, tutorials, and supplementary materials.
-
📝 Todo List (React)
- Description: A robust To-Do List app featuring CRUD operations.
- Technologies: React, HTML, CSS, Bootstrap
- Objectives: Master state management and component structuring in React.
-
📬 Newsletter App
- Description: Subscription-based newsletter with a back-end.
- Technologies: HTML, CSS, Bootstrap, JavaScript, Express, MailChimp API, Heroku
- Objectives: Learn back-end development, API integrations, and deployment.
-
📓 Daily Journal
- Description: A journal application featuring CRUD operations for articles.
- Technologies: HTML, CSS, Bootstrap, JavaScript, Express, EJS, Mongoose, Heroku
- Objectives: Get hands-on with EJS templating and NoSQL databases like MongoDB.
A special note of thanks to Dr. Angela Yu for her pivotal role in creating this comprehensive web development bootcamp. Her effective teaching strategies and real-world examples have made this learning experience both practical and enjoyable.