Learning Links
Curated resources to accelerate your learning. Bookmark these and come back often — from official docs and courses to podcasts, cheatsheets, and coding challenges.
In a nutshell: The web is full of incredible free resources for learning development. This page curates the best across 8 categories: official documentation, YouTube channels, free courses, communities, podcasts, cheatsheets, and practice platforms.
Pro Tips
- Start with documentation: When learning a new technology, always begin with the official docs—they're the most accurate and up-to-date source.
- Bookmark strategically: Create folders in your bookmarks bar for different topics (HTML, CSS, JavaScript, React, etc.) for quick access.
- Follow the 20/80 rule: Spend 20% of your time learning from resources and 80% building projects—you learn by doing.
- Join communities early: Don't wait until you're stuck—participate in discussions from day one to accelerate your learning.
- Build your own cheatsheet: As you learn, create a personal reference document with the concepts and syntax you use most often.
Common Mistakes
- Resource overload: Don't try to follow every tutorial or course—pick one quality resource per topic and stick with it.
- Passive consumption: Watching without coding—you learn by building, not just watching videos or reading articles.
- Ignoring fundamentals: Skipping HTML/CSS/JS basics to jump straight into frameworks leads to shaky foundations.
- Inconsistent learning: 5 hours once a week is less effective than 45 minutes every day. Consistency builds mastery.
- Not applying knowledge: After learning a concept, immediately try to build something small with it to reinforce your understanding.
Explore More on D-Labs Education
Go deeper with these hand-picked guides — they open in a new tab.
Official Documentation
Always start with the official docs. They are the source of truth and kept up to date by the maintainers.
MDN Web Docs
The gold standard for web documentation — HTML, CSS, JavaScript references.
React Documentation
Official React learning resource with tutorials and API reference.
Next.js Docs
Learn Next.js from the creators with examples and guides.
Tailwind CSS
Utility-first CSS framework documentation with examples.
Node.js Docs
Official Node.js documentation and API reference.
TypeScript Handbook
The official guide to learning TypeScript.
YouTube Channels
Great creators who make learning web development fun, accessible, and up to date.
Fireship
Fast-paced, entertaining content covering the latest in web dev.
Theo
Deep dives into web technologies, frameworks, and developer opinions.
Web Dev Simplified
Clear, beginner-friendly explanations of web development concepts.
Kevin Powell
The go-to channel for mastering CSS — layouts, animations, and more.
Traversy Media
Full crash courses on HTML, CSS, JavaScript, React, Node.js, and more.
Net Ninja
Extensive tutorial playlists covering modern web development frameworks.
Free Courses
High-quality, completely free courses that cover everything from basics to advanced topics.
freeCodeCamp
Thousands of hours of free interactive coding curriculum.
The Odin Project
Full-stack curriculum with project-based learning paths.
JavaScript.info
Comprehensive modern JavaScript tutorial from basics to advanced.
CSS Tricks
Articles, guides, and tutorials on CSS layouts, techniques, and best practices.
Codecademy
Interactive coding lessons for multiple programming languages.
Communities
Connect with other developers, ask questions, share your work, and get feedback.
r/webdev
Reddit community for web developers with discussions and resources.
Dev.to
Community of developers sharing articles, tutorials, and experiences.
Stack Overflow
The largest Q&A platform for programmers — find answers to any coding problem.
Discord Servers
Real-time chat communities for developers. Join topic-specific servers.
r/learnprogramming
Friendly Reddit community for beginners learning to code.
Cheatsheets & References
Quick reference guides and cheatsheets to speed up your development workflow.
DevHints
Collection of cheatsheets for various technologies and tools.
QuickRef.me
Quick reference guides for programming languages and frameworks.
Flexbox Froggy
Fun interactive game to learn CSS Flexbox layout.
CSS Grid Garden
Interactive game to learn CSS Grid layout concepts.
Can I Use
Check browser support for CSS, HTML, and JavaScript features.
Podcasts
Learn from experienced developers during your commute, workout, or downtime.
Practice & Challenges
Sharpen your skills with coding challenges, algorithm practice, and real-world exercises.