Start Learning

Learn Coding

Courses, tutorials, notes, projects, and resources arranged for students who want to learn by building.

Featured learning path

Code to Career

A practical path for learners who want to move from basics to real projects, with each step connected to visible work.

Open PlaylistYouTube Channel

Path overview

Build while learning

4 modules
Web fundamentals
React and Next.js
Backend basics
Portfolio projects
Suggested pace1 build/week

What You Can Learn Here

Practical areas for real progress

Moving from beginner lessons to real projects, step by step.

Frontend Development
Backend APIs
Full-Stack Projects
DSA Foundations
Deployment
Developer Tools

Learning Roadmap

A clear path from zero to shipped

Focus on one phase at a time. Each milestone builds on the last.

The Foundations

Phase 1

Master HTML5, CSS3, and Modern JavaScript (ES6+). Understand how the web works.

Semantic HTML
Flexbox & Grid
DOM Manipulation
Async/Await

Frontend Mastery

Phase 2

Build interactive UIs with React and Next.js. Master state management and styling.

React Hooks
Next.js App Router
Tailwind CSS
State Management

Backend Core

Phase 3

Learn Node.js, Express, and how to build RESTful & GraphQL APIs.

Node.js Basics
Express Middleware
Auth (JWT/OAuth)
API Design

Data Persistence

Phase 4

Understand SQL and NoSQL databases. Learn ORMs and data modeling.

PostgreSQL/MySQL
MongoDB
Prisma/Mongoose
Caching (Redis)

Deployment & DevOps

Phase 5

Ship your projects to the world. Learn CI/CD, Docker, and Cloud hosting.

Vercel/Netlify
Docker Basics
GitHub Actions
AWS/GCP

Learn Your Way

Choose what fits your style

Tutorials, notes, projects, or resources — pick based on what you need today.

Tutorials

Topic-wise programming tutorials covering HTML, CSS, JavaScript, Python, React, C, Java, and more.

Browse Tutorials

Project Builds

Full project walkthroughs from idea to deployment. Build real-world applications.

Explore Projects

Notes

Concise notes and cheatsheets for quick reference. All the essentials in one place.

Read Notes

Code Playground

Write, edit, and run code directly in the browser. Try HTML, CSS, JavaScript, and more.

Open Playground

Resources

Curated list of tools, libraries, and learning materials I personally recommend.

View Resources

Learning Paths

Curated step-by-step learning paths from fundamentals to full-stack development.

Explore Paths

Ready to start?

Pick one topic, finish one lesson, and turn it into a small build.

Subscribe on YouTube