RishanKPLearn
— Learning Area

Curriculum & Roadmaps

Learning Paths

Structured roadmaps from circuit foundations and embedded systems to production software and intelligent automation.

Active Roadmap ~16 Weeks total

Zero to Frontend Developer

Structured roadmap from foundational HTML/CSS to shipping modern React & TypeScript web applications.

Track Progress0%

Step 1: HTML Foundations

~1 Week

Semantic markup, document structure, accessibility basics.

Key Resources:MDN HTML GuidefreeCodeCamp Responsive Web Design

Step 2: CSS & Layout

~2 Weeks

Box model, Flexbox, Grid, responsive design, custom properties.

Key Resources:Kevin Powell on YouTubeCSS Tricks Complete Guide to Flexbox

Step 3: JavaScript Core

~3 Weeks

Variables, functions, DOM manipulation, fetch API, async/await.

Key Resources:javascript.infoEloquent JavaScript

Step 4: Git & Version Control

~1 Week

Commits, branches, pull requests, GitHub workflow.

Key Resources:Pro Git BookGitHub Skills

Step 5: React Fundamentals

~3 Weeks

Components, props, state, hooks, event handling.

Key Resources:React.dev official docsBuild a todo app from scratch

Step 6: Tailwind CSS

~1 Week

Utility-first styling, design tokens, responsive variants.

Key Resources:Tailwind CSS docsRefactoring UI book

Step 7: React Advanced Patterns

~2 Weeks

Context, custom hooks, performance, routing with TanStack Router.

Key Resources:TanStack Router docsPatterns.dev

Step 8: Ship a Real Project

~3 Weeks

Build and deploy a full portfolio or client site. Use Vercel.

Key Resources:Vercel deployment guide

Want Personal Guidance Through This Path?

I mentor students 1-on-1, helping review code, unblock concepts, and prepare for real development roles.

Book a Mentoring Session