Skip to content

lillian0624/my-web-dev-journey

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

103 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Development Learning Journey

Welcome to my Web Development learning journey! This repository tracks my progress as I work through two highly recommended courses:

  1. The Web Developer Bootcamp 2025 by Colt Steele
  2. Modern React with Redux [2024 Update] by Stephen Grider

The goal of this project is to learn full-stack web development, focusing on both the front-end and back-end. I'll build projects, learn key concepts, and apply them to real-world applications.


Table of Contents


Progress Overview

I’m starting with foundational web development skills (HTML, CSS, JavaScript) and will eventually move into more advanced technologies like React and Redux. This repository will contain code, notes, and project files for each course.

Goals

  • Complete both courses: The Web Developer Bootcamp and Modern React with Redux.
  • Build and deploy real-world projects: Apply skills to build interactive web applications and back-end services.
  • Create a strong portfolio: Showcase all completed projects to demonstrate my skills and knowledge to future employers.
  • Improve problem-solving: Gain hands-on experience solving coding challenges and building real-world applications.

Timeline

Weeks 1-5: The Web Developer Bootcamp (65 hours)

  • Week 1: HTML, CSS Basics
  • Week 2: JavaScript Basics
  • Week 3: Node.js & Express
  • Week 4: MongoDB & Database Integration
  • Week 5: Deployment & Final Review

Weeks 6-9: Modern React with Redux (48 hours)

  • Week 6: React Basics
  • Week 7: State & Hooks
  • Week 8: API Integration & Routing
  • Week 9: Final Project & Deployment

Milestones

The Web Developer Bootcamp (Colt Steele)

  • Week 1 (HTML, CSS): Complete homepage project with basic HTML and CSS.
  • Week 2 (JavaScript): Add interactivity to the homepage, including buttons and form validation.
  • Week 3 (Node.js, Express): Create a blog project with back-end functionality (CRUD operations).
  • Week 4 (MongoDB): Integrate MongoDB to store and retrieve blog posts.
  • Week 5 (Deployment): Deploy the blog to Heroku, finalize code for portfolio.

Modern React with Redux (Stephen Grider)

  • Week 6 (React Basics): Build small interactive app with React components.
  • Week 7 (State & Hooks): Use React Hooks (useState, useEffect) to manage dynamic content.
  • Week 8 (API Integration): Build a weather app by integrating an external API.
  • Week 9 (Final Project): Complete a React-based full-stack app and deploy it on GitHub Pages or Heroku.

Projects

The Web Developer Bootcamp Projects:

  • Week 1: Simple responsive homepage.
  • Week 2: Interactive web page with JavaScript.
  • Week 3: Blog site with Node.js and Express.
  • Week 4: Full CRUD blog app with MongoDB.
  • Week 5: Deployed blog project on Heroku.

Modern React with Redux Projects:

  • Week 6: Basic interactive React app (e.g., to-do list).
  • Week 7: Dynamic weather app with React and Hooks.
  • Week 8: Weather app with API integration.
  • Week 9: Final portfolio project showcasing full-stack React app.

Getting Started

To get started with this project, follow these steps:

  1. Clone this repository:
    git clone https://github.com/lillian0624/my-web-dev-journey.git

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors