EDU

Home / Curated Curriculum

Learning Path Library

CuratedCurriculum

Opinionated, week-by-week learning paths distilled from two decades of building production SaaS — exactly what to learn, in what order, and why. No filler.

Learning Paths

Tracks

Expert Level

Showing 34 learning paths · Level: Beginner

Clear filters

CUR-2026-092 React Developer ○ Beginner 6 weeks 4 min read · 2025-12-30

If You Want to Master React Development in 2024, Follow This Exact Path.

Too many beginners dive headfirst into React without mastering JavaScript first, leading to confusion and frustration. This path ensures you build a…

react javascript hooks state-management

▾

Why Most People Learn This Wrong

Let’s face it: many aspiring React developers skip critical foundational skills, jumping straight into React without a solid understanding of JavaScript. This approach creates a shallow understanding, making it difficult to grasp core React concepts. You can’t just bolt React onto a shaky understanding of JavaScript and expect it to work.

Another common pitfall is getting lost in the plethora of libraries and tools available in the React ecosystem. Beginners often try to learn everything at once—Redux, router, styling libraries—without first mastering React itself. This scattergun approach leads to overwhelm and burnout.

This path will do things differently. We’ll start with JavaScript fundamentals, ensuring you’re well-equipped to understand how React works. Only after you’ve grasped the essentials will we gradually introduce React, building on your knowledge step by step. This way, you won’t just learn React; you’ll understand how to use it effectively.

What You Will Be Able to Do After This Path

Understand and write clean, functional JavaScript code.
Build dynamic web applications using React.
Manage component state using React hooks such as useState and useEffect.
Create interactive user interfaces with props and component composition.
Fetch and manage data from APIs using fetch or third-party libraries.
Use React Router for client-side navigation.
Deploy a simple React application to platforms like Netlify or Vercel.
Debug and troubleshoot common issues in React applications.

The Week-by-Week Syllabus 6 weeks

This path is designed to gradually build your skills in a logical sequence. Each week focuses on a specific set of concepts that lay the groundwork for the next steps.

What to learn: Core JavaScript concepts including variables, data types, functions, and control structures.

Why this comes before the next step: A solid foundation in JavaScript is crucial for understanding how React operates. You can't build effective React components without knowing JavaScript basics.

Mini-project/Exercise: Create a simple calculator using JavaScript, allowing users to perform basic arithmetic operations.

What to learn: Explore ES6 features such as arrow functions, destructuring, spread/rest operators, and promises.

Why this comes before the next step: These features are commonly used in React and understanding them will make your transition smoother.

Mini-project/Exercise: Refactor your Week 1 calculator to use ES6 syntax and add a feature to clear the display.

What to learn: Basic concepts of React including components, JSX, and props.

Why this comes before the next step: Understanding components and props is the foundation of building any React application.

Mini-project/Exercise: Build a simple React app that displays a list of your favorite movies using components and props.

What to learn: Learn about state management in React using useState and useEffect hooks.

Why this comes before the next step: State is central to React applications, and mastering it is crucial for developing interactive applications.

Mini-project/Exercise: Enhance your movie app from Week 3 by allowing users to add and remove movies from the list using state.

What to learn: Learn how to fetch data from APIs using the fetch API and handle it in your React components.

Why this comes before the next step: Most real-world applications require data from external sources, so being able to fetch and display this data is vital.

Mini-project/Exercise: Create a weather app that fetches data from a weather API and displays the current weather for a user-input city.

What to learn: Introduce React Router for navigation and learn how to deploy your app on platforms like Netlify.

Why this comes before the next step: Routing is essential for single-page applications, and deployment is necessary to share your work with others.

Mini-project/Exercise: Add routing to your weather app to navigate between a homepage and a detailed weather page for each city, then deploy it to Netlify.

The Skill Tree — Learn in This Order

JavaScript Basics
Advanced JavaScript (ES6+)
React Fundamentals
State Management with Hooks
Data Fetching in React
Routing with React Router
Deployment of React Applications

Curated Resources — No Filler

These resources are handpicked to enhance your learning experience.

Resource	Why It's Good	Where To Use It
MDN Web Docs	Comprehensive JavaScript documentation and tutorials.	Week 1 and 2
React Official Documentation	The definitive guide to React from the creators themselves.	Week 3 and beyond
JavaScript.info	In-depth JavaScript tutorials and resources.	Week 1 and 2
FreeCodeCamp	Interactive coding challenges for JavaScript and React.	Throughout the path
Codecademy React Course	Hands-on exercises to reinforce React concepts.	Week 3 and beyond
Netlify Documentation	Guides for deploying your applications.	Week 6

Common Traps & How to Avoid Them

Why it happens: Many learners rush into React thinking they can skip JavaScript basics, but React heavily relies on JavaScript.

Correction: Ensure you spend ample time mastering the fundamentals before diving into React to avoid confusion later.

Why it happens: Beginners often want to implement complex features too early, leading to frustration.

Correction: Start with small, manageable projects that reinforce basic concepts before scaling up.

Why it happens: Many learners underestimate the importance of reading documentation, which can provide crucial insights.

Correction: Make it a habit to refer to official documentation regularly; it's often your best resource for understanding concepts.

What Comes Next

After completing this path, consider diving deeper into advanced React concepts like Redux for state management, or explore Next.js for server-side rendering. Building a robust portfolio with projects that showcase your skills will also be essential as you look for job opportunities. Stay updated with the latest trends in the React ecosystem to stay competitive.

Open Full Learning Path ↗

CUR-2026-207 Python for Data Analysis ○ Beginner 6 weeks 4 min read · 2025-12-23

If You Want to Master Python for Data Analysis in 2026, Follow This Exact Path

Many beginners jump straight into libraries like Pandas without understanding the fundamentals, leading to a shallow grasp of data analysis. This path…

python data-analysis pandas numpy

▾

Why Most People Learn This Wrong

It's painfully common for beginners to leap into data analysis with Python by immediately downloading libraries like Pandas and NumPy, hoping that the tools will solve all their problems without first understanding the underlying concepts. This approach often leads to confusion and frustration when trying to troubleshoot errors or when the analysis doesn't yield expected results.

Without a solid grasp of Python basics, such as data types, control structures, and functions, users find themselves lost in the complex functionality of these libraries. They may be able to execute functions but lack the critical thinking skills to analyze their data effectively.

This learning path emphasizes building a strong foundation in Python before moving on to libraries tailored for data analysis. By mastering core programming principles, you’ll not only improve your coding skills but also enhance your ability to think logically when manipulating and analyzing data.

You'll engage with real-world data problems step-by-step, ensuring a much deeper understanding and retention of knowledge. The goal is to empower you to transition from merely executing code to truly understanding data analysis processes.

What You Will Be Able to Do After This Path

Write clean, efficient Python code using variables, loops, and functions.
Manipulate data using Python's built-in libraries like csv and json.
Understand and utilize data types, structures, and basic algorithms.
Perform data cleaning and preprocessing with Pandas.
Visualize data using Matplotlib and Seaborn.
Execute basic statistical analysis on datasets.
Create simple data analysis reports and presentations.
Work with APIs to extract data for analysis.

The Week-by-Week Syllabus 6 weeks

This path is structured to build your knowledge progressively, ensuring each concept is well understood before moving to the next. Here's how the weeks break down:

What to learn: variables, data types, basic syntax.

Why this comes before the next step: Understanding these core elements is crucial as they form the building blocks of programming and will be necessary for all further work.

Mini-project/Exercise: Create a simple program that asks for user input and displays a personalized greeting.

What to learn: if statements, for loop, while loop, and functions.

Why this comes before the next step: Control structures and functions allow for writing more complex and reusable code, which is essential for effective data manipulation.

Mini-project/Exercise: Write a function that evaluates a list of numbers and returns the even ones.

What to learn: Reading and writing data with csv and json.

Why this comes before the next step: Understanding how to handle different data formats is vital as you will often interact with both structured and unstructured data.

Mini-project/Exercise: Create a program that reads a CSV file, processes it, and outputs a modified CSV file.

What to learn: Introduction to Pandas and NumPy.

Why this comes before the next step: Familiarity with these libraries will allow you to perform more sophisticated data analysis tasks.

Mini-project/Exercise: Load a dataset using Pandas and perform basic data exploration like viewing the head and checking data types.

What to learn: Handling missing values, filtering data, and data transformations with Pandas.

Why this comes before the next step: Clean data is the bedrock of any meaningful analysis, so these skills are crucial.

Mini-project/Exercise: Take a messy dataset, clean it, and prepare it for analysis.

What to learn: Creating visualizations using Matplotlib and Seaborn.

Why this comes before the next step: Being able to visualize data helps convey insights and supports data-driven decision making.

Mini-project/Exercise: Choose a dataset and create a series of visualizations to tell a story about the data.

The Skill Tree — Learn in This Order

Python basics
Control structures
Functions
Data formats (CSV, JSON)
Pandas basics
Data cleaning techniques
Data visualization basics
Basic statistical methods

Curated Resources — No Filler

Here are some top resources to support your learning journey:

Resource	Why It's Good	Where To Use It
Automate the Boring Stuff with Python	Great for beginners focusing on practical programming tasks.	Week 1-3
Pandas Documentation	Official docs with examples to understand Pandas better.	Week 4-5
Python for Data Analysis by Wes McKinney	Authoritative guide on using Pandas for data manipulation.	Week 4-6
Matplotlib Documentation	Comprehensive resource for learning visualization techniques.	Week 6
Codecademy Python Track	Interactive learning platform with hands-on coding exercises.	Week 1-2

Common Traps & How to Avoid Them

Why it happens: Beginners often think they can achieve data analysis without understanding how the libraries work internally.

Correction: Spend time on core Python programming skills before diving deep into libraries; this foundational knowledge will pay off later.

Why it happens: New analysts may assume data is clean or easy to manipulate without verification.

Correction: Always prioritize data cleaning and pre-check your datasets for issues before analysis.

Why it happens: Many learners skip reading the documentation and overlook crucial features.

Correction: Make it a habit to read library documentation; knowledge of available functions can save you a lot of time and frustration.

What Comes Next

After completing this path, consider diving deeper into data analysis by exploring machine learning with libraries like Scikit-Learn or expanding your data visualization skills with Plotly. Another option is to work on real-world projects involving data scraping or exploring APIs for data extraction. These will not only solidify what you’ve learned but also build your portfolio.

Continue your learning momentum by enrolling in specialized courses on platforms like Coursera or edX that focus on these advanced topics.

Open Full Learning Path ↗

CUR-2026-193 Full-Stack JavaScript (React + Node) ○ Beginner 6 weeks 4 min read · 2025-12-20

Cut Through the Noise: Master Full-Stack JavaScript (React + Node) the Right Way

Forget the tutorials that teach you just enough to get by; this path dives deep and builds a strong foundation to truly…

javascript react node express

▾

Why Most People Learn This Wrong

Many beginners jump into Full-Stack JavaScript (React + Node) without understanding the underlying principles. They often start by copying code from tutorials or following piecemeal courses that give them only surface-level knowledge. The result? They can build a simple app but struggle when faced with real-world challenges or when they need to modify their code. This shallow understanding leads to frustration and burnout.

Moreover, most learners think they need to know everything before they start coding. This leads to overwhelming amounts of theory without practical application, making it hard to connect concepts to real projects. Without active engagement, concepts remain abstract and hard to grasp.

This path is designed to eliminate those common pitfalls. We take a hands-on approach with carefully sequenced milestones that build on each other. Each week, you'll not only learn the theory but also apply it through mini-projects, solidifying your understanding as you go.

What You Will Be Able to Do After This Path

Build dynamic user interfaces using React.
Create RESTful APIs using Express and Node.js.
Manage application state with Redux.
Connect front-end applications to back-end services.
Implement user authentication and authorization.
Use MongoDB for database management.
Deploy full-stack applications on platforms like Heroku.

The Week-by-Week Syllabus 6 weeks

This path will guide you through essential concepts week by week, ensuring you apply what you learn through practical projects.

What to learn: Basic syntax, variables, functions, loops, and conditionals in JavaScript.

Why this comes before the next step: Understanding JavaScript fundamentals is crucial for both front-end and back-end development.

Mini-project/Exercise: Create a simple to-do list application to practice DOM manipulation and event handling.

What to learn: Basic commands in Git, creating repositories, committing changes, and using GitHub.

Why this comes before the next step: Version control is essential for managing your code and collaborating with others.

Mini-project/Exercise: Set up a GitHub repository for your to-do list project and push changes to it.

What to learn: Components, props, state management, and lifecycle methods in React.

Why this comes before the next step: React is a popular library for building interactive UIs, and it's crucial to understand its core concepts before integrating with the back-end.

Mini-project/Exercise: Revamp your to-do list app with React components and state management.

What to learn: Setting up a basic Node.js server with Express, routing, and middleware.

Why this comes before the next step: You need a solid back-end foundation to connect with your front-end effectively.

Mini-project/Exercise: Create an Express server that serves your to-do list data.

What to learn: CRUD operations in MongoDB using Mongoose.

Why this comes before the next step: Storing and retrieving data is a fundamental aspect of full-stack applications.

Mini-project/Exercise: Connect your Express server to MongoDB for persistent to-do list data storage.

What to learn: User authentication with Passport.js and deploying the application on Heroku.

Why this comes before the next step: Auth is crucial for real applications and learning deployment gives you the confidence to share your work.

Mini-project/Exercise: Add user authentication to your to-do list app and deploy it to Heroku.

The Skill Tree — Learn in This Order

JavaScript Basics
Version Control with Git
React Fundamentals
Node.js Basics
Express Framework
MongoDB Introduction
User Authentication
Deployment Strategies

Curated Resources — No Filler

Here are some valuable resources to enhance your learning experience.

Resource	Why It's Good	Where To Use It
MDN Web Docs	Comprehensive documentation for JavaScript and web APIs.	JavaScript Basics
GitHub Learning Lab	Interactive tutorials on using Git and GitHub effectively.	Version Control
React Official Documentation	Well-structured guides and tutorials for mastering React.	React Fundamentals
Express Documentation	Clear explanation of routing and middleware concepts.	Node and Express Basics
MongoDB University	Free courses that cover MongoDB from basics to advanced topics.	Database Integration
Heroku Dev Center	Detailed guides on deploying applications on Heroku.	Deployment Strategies

Common Traps & How to Avoid Them

Why it happens: Many learners get stuck in a cycle of copying code from tutorials without taking the time to understand what each line does.

Correction: Pause to dissect every code snippet. Ask yourself why each part exists and how it contributes to the larger goal.

Why it happens: Beginners often underestimate the importance of version control and only start using Git when they face problems.

Correction: Treat Git as an essential part of your workflow. Start using it from day one, even for small projects.

Why it happens: New developers may prioritize getting things to work over writing clean, maintainable code.

Correction: Learn and apply best practices as you develop. Refactor your code regularly to improve its structure and readability.

What Comes Next

After completing this path, you’ll be well-equipped to tackle more advanced topics such as state management with Redux and server-side rendering with Next.js. Consider specializing in web application security or exploring mobile development with React Native. Keep building projects that challenge your skills and contribute to open-source to enhance your portfolio.

Open Full Learning Path ↗

CUR-2026-405 Frontend Developer (HTML/CSS/JS) ○ Beginner 4 weeks 4 min read · 2025-12-16

If You Want to Master Frontend Development (HTML/CSS/JS) in 2024, Follow This Exact Path

Many beginners dive headfirst into frameworks without grasping the fundamentals. This path focuses on building a solid foundation instead of quick fixes.

html css javascript frontend-development

▾

Why Most People Learn This Wrong

One of the biggest mistakes novice developers make is rushing into frameworks like React or Vue.js without solidifying their understanding of the core technologies: HTML, CSS, and JavaScript. They often believe that learning frameworks will magically make them proficient, but this approach leads to a superficial grasp of web development. Without a strong foundation, developers struggle to troubleshoot, customize, or understand the underlying mechanics of their applications.

Another common misstep is fixating on aesthetics over functionality. Beginners often spend excessive time on visual design before learning how to structure their content effectively. As a result, they fail to realize that user experience is built on a solid structure, responsive layout, and interactivity. This path emphasizes understanding semantics, accessibility, and responsive design alongside aesthetics.

This roadmap deviates from the norm by prioritizing a step-by-step mastery of essential skills. You won't just memorize syntax; you'll learn to think critically about how to solve problems and build projects that are both functional and beautiful.

What You Will Be Able to Do After This Path

Build semantic HTML structures for accessible web applications.
Style web pages responsively using CSS Flexbox and Grid.
Implement interactive features using vanilla JavaScript.
Create a personal portfolio website showcasing your projects.
Understand and apply web accessibility practices effectively.
Debug issues in HTML, CSS, and JavaScript code with confidence.

The Week-by-Week Syllabus 4 weeks

This path is structured to build your skills incrementally, ensuring you have the necessary knowledge before moving on to the next topic.

What to learn: Focus on the fundamentals of HTML including semantic tags, forms, and attributes. Key concepts to cover include div, span, input, and section.

Why this comes before the next step: HTML forms the backbone of any web application. Understanding the structure and semantics of HTML is crucial before introducing styles with CSS.

Mini-project/Exercise: Create a simple HTML page that includes a header, footer, main content area, and a contact form.

What to learn: Dive into CSS with a focus on selectors, box model, positioning, and Flexbox. Explore properties like margin, padding, and display.

Why this comes before the next step: Mastering CSS is essential for styling your HTML. You'll need to know how to lay out elements properly before you can make them visually appealing.

Mini-project/Exercise: Style your previous week's HTML page using CSS, applying Flexbox to create a responsive layout.

What to learn: Explore advanced CSS techniques, including media queries, CSS Grid, and transitions. Understand the importance of responsive design.

Why this comes before the next step: With the rise of mobile devices, responsive design is vital. Learning how to create layouts that adjust to various screens is essential for modern web development.

Mini-project/Exercise: Enhance your styled HTML page to ensure it is fully responsive using media queries and CSS Grid.

What to learn: Learn the basics of JavaScript, including variables, data types, conditionals, and functions. Focus on basic DOM manipulation.

Why this comes before the next step: JavaScript allows you to make your web pages interactive. Understanding the basics will empower you to add functionality to your static HTML/CSS pages.

Mini-project/Exercise: Add interactive features to your previous project, such as form validation or a simple image gallery.

The Skill Tree — Learn in This Order

Understanding HTML structure
Basic CSS styling
Responsive design principles
JavaScript fundamentals
DOM manipulation with JavaScript
Creating accessible web applications
Building a personal portfolio

Curated Resources — No Filler

Here are some essential resources to support your learning journey.

Resource	Why It's Good	Where To Use It
MDN Web Docs	Comprehensive documentation for HTML, CSS, and JavaScript.	Refer during coding for syntax and best practices.
CSS Tricks	Great tutorials and articles on CSS techniques and concepts.	Use for deeper dives into responsive design.
JavaScript.info	A thorough guide to understanding JavaScript deeply.	Follow along as you learn JavaScript fundamentals.
FreeCodeCamp	Hands-on coding challenges and projects to build skills.	Practice your skills with real projects.
W3Schools	Easy-to-follow tutorials and examples for web technologies.	Quick reference and learning for beginners.

Common Traps & How to Avoid Them

Why it happens: New learners are often excited to build projects and skip over crucial foundational knowledge.

Correction: Commit to understanding HTML, CSS, and JS fundamentals before jumping into frameworks.

Why it happens: Beginners often think they need to implement every feature possible, leading to frustration and burnout.

Correction: Start with simple projects that focus on core skills and gradually add complexity.

Why it happens: Accessibility is often overlooked by new developers focused on aesthetics and interactivity.

Correction: Learn and apply accessibility best practices from the beginning to ensure all users can access your applications.

What Comes Next

After completing this path, consider diving deeper into JavaScript by exploring frameworks such as React or Vue.js to enhance your front-end skills. Alternatively, you might want to specialize in responsive design or accessibility, as these are crucial for modern web applications. Whatever path you choose, keep building projects to solidify your learning and continue to grow your portfolio.

Open Full Learning Path ↗

PAGE 4 OF 4 · 34 LEARNING PATHS INDEXED