Sites that curate dev tutorials

Here are the best sites that curate dev tutorials in 2026, categorized by their focus, audience, and type of content:

---

---

🏆 Top Sites for Curated Dev Tutorials

---

1. Daily.dev

• Why? A personalized news feed for developers that curates relevant articles, tutorials, and discussions tailored to your interests and tech stack.
• Best for: Staying updated with trending dev tutorials, news, and discussions in a customized feed.
• Key Features:
  • Personalized Feed: Get a curated feed of tutorials, articles, and discussions based on your preferences.
  • Browser Extension: Replace your new tab page with Daily.dev to see updates every time you open a new tab.
  • Community-Driven: Join a dev community to discover high-quality content.
  • Free: No cost to use.
• Example: Set Daily.dev as your new tab page to see a curated feed of dev tutorials every time you open your browser.

---

2. MDN (Mozilla Developer Network)

• Why? A comprehensive, interactive resource for learning web development from scratch, maintained by Mozilla.
• Best for: Beginner to advanced web developers looking for structured tutorials and documentation.
• Key Features:
  • Structured Tutorials: Step-by-step guides for HTML, CSS, JavaScript, and web APIs.
  • Interactive Learning: Partnered with Scrimba for hands-on coding exercises.
  • Free: All content is open and free to access.
  • Community-Driven: Contribute to or improve the content.
• Example: Use MDN’s "Getting Started" modules to learn web development fundamentals.

---

3. Draft.dev

• Why? A curated directory of 500+ technical blogs across 16 specialized categories, vetted by subject matter experts.
• Best for: Finding high-quality, niche-specific tutorials and articles for developers.
• Key Features:
  • Curated Lists: Blogs are vetted by experts in their respective fields.
  • Specialized Categories: Find tutorials on frontend, backend, DevOps, AI, and more.
  • Free: Access to curated lists and resources.
• Example: Explore the "Best Technical Blogs for Developers" list to find vetted tutorials.

---

4. GitHub Topics: Tutorials

• Why? A curated list of project-based tutorials on GitHub, covering multiple languages and frameworks.
• Best for: Developers who want hands-on, project-based learning (e.g., React, Python, machine learning).
• Key Features:
  • Project-Based Learning: Tutorials focus on building real projects.
  • Community-Curated: Tutorials are tagged and organized by the GitHub community.
  • Free: All repositories and tutorials are open-source and free.
  • Wide Range of Topics: Includes web development, AI, game development, and more.
• Example: Browse the "tutorials" topic to find project-based learning resources for your tech stack.

---

5. Dev.to (DEV Community)

• Why? A community-driven platform where developers share and curate tutorials, articles, and discussions.
• Best for: Discovering tutorials from a global community of 1.5M+ developers.
• Key Features:
  • Community-Curated: Tutorials are upvoted and shared by the community.
  • Diverse Topics: Covers frontend, backend, DevOps, AI, and more.
  • Free: No cost to read or publish.
  • Engagement: Comments, reactions, and discussions on tutorials.
• Example: Explore the "Tutorial" tag to find community-curated tutorials.

---

6. Scrimba

• Why? An interactive learning platform that curates web development tutorials and courses.
• Best for: Beginner to intermediate developers who want hands-on, interactive tutorials.
• Key Features:
  • Interactive Tutorials: Pause and edit code directly in the browser.
  • Free and Paid Options: Free tutorials available, with paid courses for deeper learning.
  • Aligned with MDN: Curriculum is aligned with Mozilla’s MDN for consistency.
  • Project-Based: Focus on building real projects.
• Example: Try the "Frontend Developer Career Path" for interactive web dev tutorials.

---

7. freeCodeCamp

• Why? A non-profit platform that offers free, comprehensive tutorials and courses for developers.
• Best for: Beginners and learners who want structured, project-based tutorials.
• Key Features:
  • Free Curriculum: Full-stack development, data science, and more.
  • Project-Based: Learn by building real projects.
  • Community-Driven: Active forum and chat for support.
  • Certifications: Earn certificates upon completion.
• Example: Follow the "Responsive Web Design Certification" for hands-on tutorials.

---

8. The Odin Project

• Why? A free, open-source curriculum for learning full-stack development.
• Best for: Beginners who want a structured, project-based path to becoming a developer.
• Key Features:
  • Full-Stack Path: Covers HTML, CSS, JavaScript, Ruby, and more.
  • Project-Based: Focus on building real-world projects.
  • Community Support: Active Discord community for help.
  • Free: Entirely open-source and free.
• Example: Follow the "Full Stack JavaScript Path" for comprehensive tutorials.

---

9. CSS-Tricks

• Why? A curated blog focused on frontend development, particularly CSS, JavaScript, and web design.
• Best for: Frontend developers looking for in-depth tutorials and guides.
• Key Features:
  • High-Quality Content: Vetted and edited for accuracy.
  • Comprehensive Guides: Deep dives into CSS, JavaScript, and modern frontend tools.
  • Free: All content is free to access.
  • Community-Driven: Comments and discussions on articles.
• Example: Read the "CSS Grid Guide" for modern layout techniques.

---

10. Smashing Magazine

• Why? A curated publication for frontend developers and designers, offering high-quality tutorials and articles.
• Best for: Frontend developers and designers who want expert-level tutorials.
• Key Features:
  • Editorial Quality: Vetted and edited for consistency.
  • Comprehensive Coverage: Tutorials on CSS, JavaScript, UX, and performance.
  • Free and Paid: Free articles, with premium content available.
  • Community-Driven: Active discussions and feedback.
• Example: Check out the "JavaScript Tutorials" section for advanced frontend guides.

---

11. DigitalOcean Community

• Why? A curated collection of tutorials, articles, and guides for developers, maintained by DigitalOcean.
• Best for: Developers of all levels looking for practical, hands-on tutorials.
• Key Features:
  • High-Quality Content: Vetted and edited for accuracy.
  • Wide Range of Topics: Covers cloud, backend, frontend, and DevOps.
  • Free: All tutorials are free to access.
  • Community-Driven: Comments and discussions on articles.
• Example: Follow the "How To" guides for step-by-step tutorials on cloud and development topics.

---

12. Programming Books (programmingbooks.dev)

• Why? A curated reading list for software craftsmanship growth, including books, articles, and tutorials.
• Best for: Developers who want structured, high-quality learning resources.
• Key Features:
  • Curated Lists: Vetted by developers for relevance and quality.
  • Free: All recommendations are free to access.
  • Wide Range of Topics: Covers algorithms, data structures, system design, and more.
• Example: Explore the "Algorithm Tutorials" section for structured learning.

---

13. Boot.dev

• Why? A structured, hands-on platform for learning to code from scratch.
• Best for: Beginners who want a project-based, structured curriculum.
• Key Features:
  • Hands-On Lessons: Write code directly in the browser.
  • Structured Curriculum: Follow a clear path from beginner to advanced.
  • Free: Free to start, with paid options for deeper learning.
  • Community Support: AI tutor and human community for help.
• Example: Follow the "Learn to Code" roadmap for structured tutorials.

---

---

---

🎯 Best Sites by Use Case

Use Case	Best Sites	Why?
Personalized dev news & tutorials	Daily.dev	Curated feed tailored to your interests and tech stack.
Web development tutorials	MDN, Scrimba, freeCodeCamp	Structured, interactive, and free tutorials for web dev.
Curated technical blogs	Draft.dev, DigitalOcean Community	Vetted lists of high-quality blogs and tutorials.
Project-based learning	GitHub Topics, freeCodeCamp, The Odin Project	Hands-on tutorials for building real projects.
Frontend development	CSS-Tricks, Smashing Magazine	In-depth, expert-level tutorials for frontend dev.
Full-stack development	The Odin Project, DigitalOcean Community	Comprehensive tutorials for full-stack learning.
Structured curriculum	Boot.dev, freeCodeCamp	Follow a clear path from beginner to advanced.
Community-curated tutorials	Dev.to, GitHub Topics	Discover tutorials shared and upvoted by the dev community.

---

---

---

🔥 Recommended Strategy for Learning and Discovery

To maximize your learning and discovery of dev tutorials, use a multi-platform approach:

1. Start with Structured Curriculum:

   • Use freeCodeCamp, The Odin Project, or Boot.dev for structured, project-based learning.

2. Explore Curated Lists:

   • Browse Draft.dev, GitHub Topics, or Programming Books to find vetted tutorials for your niche.

3. Stay Updated with Personalized Feeds:

   • Use Daily.dev to curate a personalized feed of tutorials and news.

4. Engage with Community-Curated Content:

   • Explore Dev.to, CSS-Tricks, or Smashing Magazine for high-quality, community-driven tutorials.

5. Practice with Interactive Platforms:

   • Use Scrimba or MDN for hands-on, interactive tutorials.

---

---