Curated resources, zero filler. Plus AI prompts that actually help you understand, not just copy-paste answers.
Curated links to the best places to learn programming. No filler, no paid placements. Just resources that actually work.
Visual learning roadmaps for developers. Tells you exactly what to learn and in what order: frontend, backend, DevOps and more.
High-quality video courses for web developers. Best known for Laravel and PHP, but also covers JavaScript, Vue, and general dev topics.
The definitive reference for HTML, CSS, and JavaScript. Written and maintained by Mozilla. Bookmark it, you will use it every day.
The classic starting point for HTML, CSS, JavaScript and more. Simple explanations, interactive examples, and a try-it editor in the browser.
Official Next.js tutorial by Vercel. Covers the App Router, data fetching, authentication and deployment. The best place to start with Next.js.
A deep-dive course into React by Josh Comeau. Goes well beyond the basics, covering mental models, performance, and how React actually works under the hood.
A course built specifically for JS developers who struggle with CSS. Josh Comeau teaches the mental models that make CSS finally click.
AI-powered code editor built on VS Code. Write, edit and debug with an AI that knows your codebase. The fastest way to go from idea to working code.
Agentic coding tool from Anthropic that lives in your terminal. Reads your codebase, writes code, runs tests and fixes bugs with minimal hand-holding.
Most people ask AI the wrong questions. These prompts are designed to help you actually understand programming, not just get answers you can copy-paste.
Paste any code snippet and get a clear, jargon-free explanation. Great for understanding unfamiliar codebases.
Explain the following code as if I'm a junior developer with 6 months of experience. Break it down step by step. Point out what each part does, why it exists, and flag anything that might be confusing or non-obvious. [PASTE YOUR CODE HERE]
Generate a structured, week-by-week learning roadmap for any programming topic. No generic advice.
Create a practical learning plan for: [TOPIC] My current level: [beginner / intermediate / advanced] Available time: [X hours per week] Goal: [what I want to be able to build or do after learning this] Structure it week by week. For each week list: what to learn, what to build as practice, and one concrete resource to use (free preferred). Be specific. No vague advice like "study the docs".
Stop copy-pasting errors into AI hoping for a magic fix. Use this prompt to actually understand what went wrong.
I have a bug I can't figure out. Help me debug it step by step. Don't just give me the fix, help me understand what's happening. Error message: [PASTE ERROR HERE] Relevant code: [PASTE CODE HERE] What I've already tried: [LIST WHAT YOU'VE TRIED] Walk me through your reasoning. Ask me questions if you need more context. I want to understand the root cause, not just apply a patch.
50+ prompts for everyday frontend work: code review, component design, performance debugging, CSS troubleshooting, and more.
☕
This site is free and always will be. If it saved you some time or pointed you in the right direction, consider buying me a coffee.
Buy me a coffee ☕