100 Days of Code: Web Development Bootcamp
Master HTML, CSS, JavaScript, React, Node.js, and build full-stack projects in 100 days. For beginners and career switchers.
Course Description
Learning web development from scratch can be daunting without a clear path. Many beginners struggle with scattered resources, outdated content, or missing practical projects. This bootcamp solves that by providing a structured, day-by-day plan that covers everything from basic HTML to deploying full-stack applications.
Over 100 days, you'll progress through video lessons, hands-on coding sessions, and real-world case studies. You'll build static websites, interactive front-end apps, and complete back-end systems, ending with a portfolio ready for job applications. Each module includes practical exercises to solidify your skills.
Course Curriculum
5 sections • 21.00 hours total length
-
Set Up Your Development Environment (18m)
Install and configure essential tools like VS Code, Git, and modern browsers to start coding efficiently.
-
Master HTML5 Document Structure (15m)
Learn semantic HTML tags and build accessible, well-structured web pages from scratch.
-
Apply CSS3 Styling Basics (20m)
Understand selectors, properties, and the box model to style web pages with precision.
-
Create Responsive Layouts with Flexbox (25m)
Use Flexbox and media queries to design websites that adapt to any screen size.
-
Build a Static Portfolio Website (30m)
Combine HTML and CSS skills to create a personal portfolio site, applying what you've learned.
-
Use Browser Developer Tools (12m)
Inspect elements, debug CSS, and profile performance directly in the browser.
-
Introduction to Version Control with Git (20m)
Learn basic Git commands to track changes and collaborate on projects.
-
JavaScript Basics: Variables and Data Types (15m)
Get started with JavaScript by understanding variables, strings, numbers, and booleans.
-
Functions and Control Flow (20m)
Write functions and use loops and conditionals to control program behavior.
-
Work with Arrays and Objects (18m)
Manage collections of data using arrays and objects in JavaScript.
-
DOM Manipulation: Select and Modify Elements (25m)
Interact with HTML elements dynamically using JavaScript to update web pages.
-
Handle Events and User Interactions (20m)
Make web pages interactive by listening for and responding to user events.
-
Update Content Dynamically (22m)
Change page content in real-time based on user actions or data changes.
-
ES6+ Features: Arrow Functions, Modules, and Classes (25m)
Modernize your JavaScript with ES6+ syntax for cleaner, more efficient code.
-
Asynchronous JavaScript with Promises (30m)
Handle asynchronous operations using callbacks and Promises for non-blocking code.
-
Fetch Data from APIs (28m)
Retrieve and display data from external APIs using the Fetch API.
-
Introduction to React: Components and JSX (25m)
Learn React fundamentals by building reusable components with JSX syntax.
-
Manage Props and State in React (20m)
Pass data between components and manage local state for dynamic interfaces.
-
Handle Events and Conditional Rendering (22m)
Make React apps interactive and render content conditionally based on state.
-
Use Hooks: useState and useEffect (28m)
Simplify state management and side effects with React Hooks.
-
State Management with Context API (25m)
Share state across components without prop drilling using Context API.
-
Build a React App with Vite (20m)
Set up a fast development environment for React using Vite.
-
Integrate REST APIs in React (30m)
Fetch and display data from APIs in your React components.
-
Advanced Routing with React Router (25m)
Implement client-side routing for single-page applications.
-
State Management with Redux (32m)
Scale your app's state management with Redux for complex applications.
-
Introduction to Node.js and npm (18m)
Set up Node.js and learn to manage packages with npm for server-side development.
-
Set Up an Express.js Server (22m)
Create a basic web server using Express.js to handle HTTP requests.
-
Handle Routes and Middleware (25m)
Define routes and use middleware to process requests and responses.
-
Introduction to MongoDB and Mongoose (30m)
Learn NoSQL database concepts and interact with MongoDB using Mongoose.
-
Perform CRUD Operations (28m)
Create, read, update, and delete data in MongoDB through a REST API.
-
Build a RESTful API for a Blog (35m)
Develop a complete API with endpoints for managing blog posts and users.
-
Implement User Authentication with JWT (30m)
Secure your API with JSON Web Tokens for user authentication.
-
Error Handling and Validation (20m)
Add robust error handling and data validation to your APIs.
-
Connect Front-End to Back-End (25m)
Integrate a React front-end with a Node.js back-end for full-stack communication.
-
Introduction to SQL with PostgreSQL (32m)
Explore relational databases and basic SQL queries using PostgreSQL.
-
Use ORM Tools: Sequelize or Prisma (28m)
Simplify database interactions with Object-Relational Mapping tools.
-
Build a Full REST API with Authentication (35m)
Combine all back-end skills to create a secure, authenticated API.
-
Plan a Full-Stack Project (15m)
Define requirements and architecture for a complete web application.
-
Set Up a GitHub Repository (20m)
Initialize a Git repository and push your project to GitHub for version control.
-
Build a Task Management App: Front-End (30m)
Create the user interface with React, applying all front-end skills learned.
-
Build a Task Management App: Back-End (35m)
Develop the server and database with Node.js, Express, and MongoDB.
-
Integrate Front-End and Back-End (25m)
Connect the React front-end to the Node.js back-end for a seamless app.
-
Write Unit and Integration Tests (28m)
Ensure code quality by writing tests for both front-end and back-end components.
-
Debug Full-Stack Applications (22m)
Identify and fix issues across the entire stack using debugging tools.
-
Deploy with Vercel and AWS (25m)
Learn to deploy applications to cloud platforms for public access.
-
Deploy a MERN Stack Application (30m)
Step-by-step guide to deploying a MongoDB, Express, React, Node.js app.
-
Set Up CI/CD Pipelines (32m)
Automate testing and deployment with continuous integration and delivery.
-
Optimize Performance and Security (28m)
Improve app speed and protect against common vulnerabilities.
-
Build a Portfolio Website (35m)
Create a professional portfolio to showcase your projects and skills.
-
Prepare for Job Interviews (20m)
Practice common web development interview questions and coding challenges.
-
Next Steps in Your Web Development Career (12m)
Plan your continued learning and career growth after the bootcamp.
Course Details
- Duration: 21.00 hours
- Level: Adaptative
- Language: English
- Lessons: 51+ video lessons
- Categories: Programming
- Access: Lifetime access
- Device: Mobile & Desktop
- Certificate: Yes. After completion and Exam
The course is totally free. Seriously appreciated attribution
