KEMBAR78
Target | PDF
Scribd
Upload
8 views2 pages

Target

This document outlines a 4-week learning plan for building a full-stack web application, starting with frontend basics in HTML, CSS, and JavaScript, progressing to React.js, and then backend development using Python and Flask with MongoDB. Each week includes specific tasks aimed at building skills and creating projects, culminating in a deployed full-stack app and a GitHub portfolio. By the end of the month, participants will have a working web app and a live website link for job applications.

Uploaded by

abiolasegun081
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
8 views2 pages

Target

This document outlines a 4-week learning plan for building a full-stack web application, starting with frontend basics in HTML, CSS, and JavaScript, progressing to React.js, and then backend development using Python and Flask with MongoDB. Each week includes specific tasks aimed at building skills and creating projects, culminating in a deployed full-stack app and a GitHub portfolio. By the end of the month, participants will have a working web app and a live website link for job applications.

Uploaded by

abiolasegun081
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

WEEK 1: Frontend Basics — HTML, CSS, JavaScript

🧠 Goal: Build and style basic web pages + add simple JavaScript interactivity.

Day Task
Day 1 Install VS Code, Chrome. Learn HTML: headings, paragraphs, links, images →
HTML Tutorial
Day 2 Learn CSS: colors, fonts, margins, borders → CSS Crash Course (YouTube)
Day 3 Build a portfolio page using only HTML and CSS
Day 4 Learn JavaScript Basics → JS for Beginners (YouTube)
Day 5 Practice JS: variables, if/else, functions, DOM
Day 6 Build a simple to-do list or calculator app
Day 7 Review: Push your project to GitHub → Git & GitHub Beginner Guide

WEEK 2: Frontend Framework — React.js


🧠 Goal: Build an interactive React app (e.g., weather or blog).

Day Task
Day 8 Install Node.js & npm → nodejs.org
Day 9 Setup React with npx create-react-app → React Crash Course
Day 10 Learn React components, props, state
Day 11 Create a counter or todo app in React
Day 12 Learn useEffect, fetch API → connect to public API
Day 13 Build a simple weather app (React + fetch API)
Day 14 Push React app to GitHub, deploy on Vercel

WEEK 3: Backend (Python + Flask) + MongoDB


🧠 Goal: Create a simple API and connect it to a database.

Day Task
Day 15 Install Python, Flask → Flask Setup Guide
Day 16 Learn Flask routes, templates → Flask Crash Course (Corey Schafer)
Day 17 Create a Flask app: basic API with /login, /register
Day 18 Learn MongoDB → MongoDB Tutorial, install Compass
Day 19 Connect Flask to MongoDB using pymongo
Day 20 Build a simple backend API (users, tasks, etc.)
Day 21 Test your API with Postman → Postman Guide

WEEK 4: Full Stack App + Deployment


🧠 Goal: Connect frontend + backend + database and deploy.

Day Task
Day 22 Start full-stack app (React frontend + Flask backend)
Day 23 Add authentication (login/register) in Flask
Day 24 Fetch data from Flask API into React app
Day 25 Store user data in MongoDB
Day 26 Finalize frontend (styling, navigation)
Day 27 Finalize backend (security, validation)
Day 28 Deploy Backend on Render
Day 29 Deploy Frontend on Vercel
Day 30 Document your project, upload to GitHub, update portfolio 🎉

✅ After 1 Month:
You’ll have:

✅ A working full stack web app

✅ A GitHub portfolio

✅ A live website link to share with clients or apply for jobs


https://chatgpt.com/share/682dc42a-a8a0-800b-aa54-d66449897430

You might also like