Every Programming Website Explained in under 6 minutes

Overview

This video is a quick tour of major programming resources—mixing free learning platforms, documentation sites, practice/problem sites, and tools for running code—explaining what each one is best for.

Learning platforms & structured paths

• freeCodeCamp: Learn in-browser via interactive lessons and projects (not passive videos). Covers web development plus topics like Python, databases, and machine learning. Described as fully free and includes a core curriculum.
• The Odin Project: More project-focused and structured. Teaches HTML, CSS, JavaScript, Git, databases, and full stack by building real projects rather than doing isolated exercises.
• Code.org: Beginner-friendly, uses interactive/visual programming so learners can grasp concepts before dealing with traditional syntax.
• Codecademy: Interactive browser lessons where you write code as you learn; some free, with more advanced content requiring subscription.
• Coursera: A university/company course catalog in programming, CS, AI, and data science. Some access is free; certificates/features cost.
• MIT OpenCourseWare: Publishes MIT course materials publicly (lectures, assignments, exams, notes), letting you study without enrolling.
• roadmap.sh: Visual career learning paths for front-end, back-end, DevOps, AI, etc., showing how technologies fit together.

Documentation & “reference when you’re coding”

• MDN Web Docs: The go-to web documentation site for HTML, CSS, JavaScript, and browser APIs. Emphasizes syntax, examples, and compatibility information—especially useful once you’re past random tutorial searching.
• devdocs: Consolidates documentation for many languages and libraries into one searchable interface, reducing the need to open multiple doc sites.
• Can I use: Focused compatibility checker that asks whether a browser supports a specific HTML/CSS/JavaScript feature (across Chrome, Safari, Firefox, Edge, etc.).

Code editors / playgrounds / quick prototyping

• Replit: Full browser-based coding environment—write code, run it, collaborate, and deploy without setting up local dev tools.
• CodePen: Best for front-end experimentation. Lets you edit HTML/CSS/JS in separate panels and see results immediately (great for animations, interfaces, and small experiments).
• JSFiddle: Similar “test quickly” tool for HTML/CSS/JS, especially good for reproducing a small bug without building a whole project.

Problem solving & interview-style practice

• LeetCode: Problem practice focused on algorithms and data structures, commonly used for technical interview preparation with challenges that increase in difficulty.
• HackerRank: Similar to LeetCode but spans programming, SQL, algorithms, and other technical skills via structured challenges.
• Codewars: Turns practice into a game with challenges called “kata”, ranging from easy to extremely difficult. After solving, you can compare approaches from others.
• Exercism: Smaller exercises across many languages; emphasizes writing code and includes some tracks with feedback from experienced programmers.

Open-source/community code & troubleshooting

• GitHub: Not only for storing code—also a huge library of real projects. You can inspect source code and history to see how software is built in practice.
• Stack Overflow: Large archive of programming Q&A. Search errors/solutions and verify they still apply to your version of the technology.
• dev.to: Developer community where people publish articles about languages, frameworks, tools, and projects—useful for learning from practical experience.

Data science, ML, and AI ecosystems

• Kaggle: Data science/ML hub with datasets, notebooks, competitions, and courses. Supports running Python-based analysis in the browser.
• Hugging Face: Large open-source AI ecosystem providing models for text, images, audio, plus datasets, demos, and tools to run them.

Building real outputs (design-to-code)

• Front-end Mentor: Provides professional designs and asks you to build working, responsive websites. You’re not given the final code, so you practice converting designs into interfaces.

Developer discovery (not exactly learning)

• Product Hunt: For discovering what developers are building—new AI tools, developer products, SaaS, and experiments frequently show up.
• GitLab: Alternative to GitHub; combines code repositories with issue tracking, and is positioned as valuable for teams wanting deployment + development tooling in one place.

Main speakers/sources mentioned

No individual people are identified—only the listed platforms/sources:

freeCodeCamp, The Odin Project, MDN Web Docs, GitHub, Stack Overflow, LeetCode, HackerRank, Codewars, Exercism, Replit, CodePen, JSFiddle, Kaggle, Hugging Face, Code.org, Codecademy, Coursera, MIT OpenCourseWare, roadmap.sh, Front-end Mentor, dev.to, Product Hunt, GitLab, devdocs, Can I use.