Study Plan for Web Development (José Por lla’s Full-Stack Web Development Bootcamp)

Given the 62+ hours of content in this course, here’s a structured plan to help you stay on track:

Week 1-2: Front-End Development Basics

 HTML and CSS Basics (Learn structure, styles, and layouts)

o Topics to cover: HTML5, CSS3, Flexbox, Grid, Bootstrap

o Projects:

 Movie Ranking Project

 Birthday Invite

 JavaScript Basics (ES6 Syntax, Variables, Func ons)

o Topics to cover: DOM Manipula on, JavaScript Events, Loops

o Project: Build a simple interac ve website using JavaScript.

Week 3-4: Advanced Front-End & Git/GitHub

 JavaScript Advanced (Asynchronous Programming, Fetch API)

o Topics to cover: JavaScript ES6 (Arrow Func ons, Promises, Async/Await)

o Projects:

 Weather App (using JavaScript)

 Version Control: Learn Git and GitHub for code management.

Week 5-6: Back-End Development

 Node.js and Express.js (Server-side programming)

o Topics to cover: REST APIs, HTTP requests, Routes

o Projects:

 To-Do List API

 Building a Blog API with Express.js

 Databases: SQL, PostgreSQL basics

o Topics to cover: CRUD opera ons with SQL/PostgreSQL

Week 7-8: React and Full Stack Integra on

 React.js Basics (Components, Hooks, State Management)

o Topics to cover: React Components, Props, State, React Hooks

o Projects: Build a small interac ve website (e.g., a simple blog app)

 Backend + Frontend Integra on: Learn to connect React to your Express API.

o Project: A Full-stack applica on (e.g., Task Manager)

 Authen ca on (User login, registra on, JWT Tokens)

 Web3 and Blockchain (If you're interested in NFTs, Web3 technology)

o Topics to cover: Blockchain, Smart Contracts, Token crea on

o Projects: Min ng NFTs, React + Blockchain integra on

Week 11-12: Deployment and Real-World Projects

 Web Deployment: Learn to deploy on GitHub Pages and Heroku.

o Projects:

 Build a full-stack app and deploy it.

 Create an online por olio or a personal blog

DSA Study Plan (Python Course)

1. Weeks 1-3: Data Structures Basics

o Learn Basic Data Structures: Arrays, Linked Lists, Stacks, Queues.

o Prac ce: Solve basic problems on pla orms like LeetCode or HackerRank.

 Project: Implement a Queue System or Linked List-based Address Book.

2. Weeks 4-5: Searching and Sor ng Algorithms

o Learn Sor ng Algorithms: Bubble sort, Merge sort, Quick sort, Inser on sort.

o Learn Searching Algorithms: Linear search, Binary search.

 Project: Implement and visualize sor ng algorithms using Python (e.g., build
a visualizer with matplotlib).

3. Weeks 6-7: Recursion and Backtracking

o Learn Recursion: Factorial, Fibonacci series, Tower of Hanoi.

o Learn Backtracking: Solving problems like the N-Queens problem or Sudoku solver.

 Project: Build a Maze Solver or N-Queens problem solver using

4. Weeks 8-9: Trees and Graphs

o Learn Graphs: Depth-First Search (DFS), Breadth-First Search (BFS), shortest path
algorithms.

 Project: Implement a Social Network Map (Graph-based project) or Binary

5. Weeks 10-12: Dynamic Programming

o Learn Dynamic Programming: Fibonacci series, Knapsack problem, Longest common

 Project: Build a Travel Planner using dynamic programming for op mal

6. Weeks 13-14: Advanced DSA Topics

o Learn Advanced Algorithms: Dijkstra’s algorithm, Topological Sort, and other graph
algorithms.

o Learn Data Structures: Heaps, Hashing, Tries, Segment Trees.

 Project: Implement an Online Scheduler using Dijkstra’s or other algorithms.

Combining Web Development and DSA

1. Daily Rou ne:

o Web Development (1.5-2 hours/day): Follow the course lectures and work on small
projects to reinforce concepts.

o DSA (1.5-2 hours/day): Focus on understanding the data structures and algorithms
deeply, and prac ce problems daily.

2. Weekly Checkpoints:

o Web Development: Ensure you complete projects at the end of each module. By the
end of the course, you'll have a por olio of full-stack projects.

o DSA: Aim to solve at least 3-5 problems daily on LeetCode or HackerRank, star ng
from easy to medium difficulty.

3. Prac cal Projects:

o Web Development: Build prac cal, real-world applica ons to showcase on your
GitHub profile. Include features like authen ca on, databases, and APIs.

o DSA: Apply learned algorithms to real-world problems, such as implemen ng search

4. Final Projects:
o Web Development: Combine your web dev skills with DSA knowledge to build a
large project that incorporates complex algorithms. For example, a Real-Time Chat
Applica on or Job Board App with search func onali es.

o DSA: Create a Compe ve Programming Por olio by solving problems on mul ple
pla orms (LeetCode, CodeForces) and storing solu ons.