Interactive tutorials are browser-based learning environments that provide hands-on coding practice with immediate feedback. Users can write and execute code directly in their web browsers without requiring local development environment setup. These resources combine instructional content with executable code examples, enabling learners to practice programming concepts in real-time.
Related Resources:
Interactive tutorials are maintained in the more/ directory with language-specific markdown files. The repository currently supports five language editions.
Sources: more/free-programming-interactive-tutorials-en.md1-56 README.md175-182
The English interactive tutorials file (free-programming-interactive-tutorials-en.md) serves as the primary and most comprehensive edition, organized by programming language and technology domain.
Sources: more/free-programming-interactive-tutorials-en.md1-56 more/free-programming-interactive-tutorials-en.md58-457
The English edition provides interactive tutorials across multiple programming domains. The following table categorizes the available technologies:
| Category | Technologies | Example Platforms |
|---|---|---|
| System Programming | C, C++, Assembly (via Bash), Rust | learn-cpp.org, CppKoans, Rust Playground exercises |
| Object-Oriented | Java, C#, Kotlin, Scala, Objective-C | Codecademy, learnCS, CodingBat |
| Web Frontend | HTML/CSS, JavaScript, AngularJS, React, Redux | freeCodeCamp, Flexbox Froggy, Grid Garden |
| Web Backend | PHP, Node.js, Python, Ruby | Try PHP, Node School, Try Ruby |
| Functional | Haskell, Clojure, Erlang, Lisp, OCaml, Scala | Try Haskell, 4Clojure, Try Erlang |
| Mobile | Android, Dart, Kotlin, Swift | tutlane, Dart Codelabs, Swift tutorials |
| Data & AI | Python, R, SQL, NoSQL, Data Science, DBMS | Jupyter, PostgreSQL Tutorial, MongoDB Koans |
| Cloud & DevOps | AWS, GCP, Cloud Computing, Git, Docker | Qwiklabs, Google Cloud, git-game |
| Graphics | GLSL | The Book of Shaders |
| Blockchain | Solidity | Ethereum tutorials |
| Scientific | MATLAB, LaTeX | MathWorks tutorials, Overleaf |
| Markup | Markdown, XML | CommonMark tutorial |
| Query Languages | SQL, PostgreSQL, GraphQL | PostgreSQL Tutorial, Apollo Odyssey |
| Pattern Matching | Regular Expressions | regex101, Regexper |
Sources: more/free-programming-interactive-tutorials-en.md1-457
Interactive tutorial platforms fall into several distinct categories based on their teaching methodology:
Sources: more/free-programming-interactive-tutorials-en.md58-457
Each interactive tutorial listing follows a consistent markdown structure with specific formatting conventions:
Interactive tutorial entries may include the following metadata markers:
| Indicator | Meaning | Example Location |
|---|---|---|
*(account required)* | Registration necessary | Multiple entries |
*(Google account required)* | Specific auth needed | Grasshopper platform |
*(email address required)* | Email for access | Some IBM courses |
*(:construction: in process)* | Under active development | Operating systems tutorials |
*(Account requested, not required)* | Optional registration | Glitch platforms |
Sources: more/free-programming-interactive-tutorials-en.md73-457
HTML and CSS interactive tutorials emphasize visual learning and immediate feedback:
Sources: more/free-programming-interactive-tutorials-en.md197-215
JavaScript tutorials include both core language and framework-specific learning:
Sources: more/free-programming-interactive-tutorials-en.md240-298
Python interactive tutorials cater to different skill levels and specializations:
Sources: more/free-programming-interactive-tutorials-en.md394-408
Understanding how interactive tutorials differ from other resource types helps users choose appropriate learning materials:
| Aspect | Interactive Tutorials (4.2) | Courses (2) | Playgrounds (4.3) | Books (3) |
|---|---|---|---|---|
| Primary Format | Browser-based code execution with guided lessons | Video lectures, structured curriculum | Code editor and runtime environment | Static text and code examples |
| Learning Approach | Learn by doing with immediate feedback | Watch and learn, sometimes with exercises | Experiment and test code freely | Read and comprehend concepts |
| Prerequisites | None - runs in browser | May require software installation | None - runs in browser | None |
| Typical Session | 15-30 minute exercises | 1-4 hour video lessons | 5-10 minute experiments | Variable reading time |
| Progression | Linear, step-by-step | Modular, sequential | Unstructured | Sequential chapters |
| Examples | Codecademy, freeCodeCamp | YouTube courses, MOOC platforms | JDoodle, Repl.it | PDF books, web books |
| File Location | more/free-programming-interactive-tutorials-*.md | courses/free-courses-*.md | more/free-programming-playgrounds.md | books/free-programming-books-*.md |
| Validation | Check-urls (links) | Check-urls (links) | Check-urls (links) | Check-urls, fpb-lint (format) |
Sources: more/free-programming-interactive-tutorials-en.md1-457 more/free-programming-playgrounds.md1-469 courses/free-courses-en.md1-150
Some interactive tutorials teach concepts applicable across multiple programming languages:
Sources: more/free-programming-interactive-tutorials-en.md308-324
While the English edition is most comprehensive, four additional languages provide localized interactive tutorial collections:
Each regional edition follows the same organizational structure as the English edition but curates platforms specifically designed for or translated into that language.
Sources: README.md175-182
Interactive data science tutorials focus on practical analysis skills:
Sources: more/free-programming-interactive-tutorials-en.md136-146
Cloud platform tutorials provide hands-on experience with major providers:
Note: Most cloud tutorials require free account registration with the respective platform.
Sources: more/free-programming-interactive-tutorials-en.md115-123
Git interactive tutorials emphasize visual learning and practical workflow understanding:
| Platform | Focus | Lines |
|---|---|---|
Learn Git Branching | Visual branching and merging | 164 |
git-game and git-game-v2 | Puzzle-based learning | 160-161 |
Githug | Shell-based tutorial game | 163 |
Learn git concepts, not commands | Conceptual understanding (Dev.to) | 165 |
Visualizing Git Concepts with D3 | Interactive visualizations | 168 |
Try Git | Basic Git tutorial | 167 |
Learn Git with Bitbucket Cloud | Platform-specific workflows | 166 |
Git Tutorial (W3Schools) | Reference-style tutorial | 162 |
Sources: more/free-programming-interactive-tutorials-en.md158-169
Interactive editor tutorials focus on productivity tools:
Additional editor tutorials may be referenced in the Playgrounds section (4.3) for environments like VS Code, Emacs, and other IDEs.
Sources: more/free-programming-interactive-tutorials-en.md217-220
Graphics-focused interactive tutorials provide immediate visual feedback:
| Technology | Platform | Description | Lines |
|---|---|---|---|
| GLSL | The Book of Shaders | Shader programming tutorials with live preview | 171-174 |
Sources: more/free-programming-interactive-tutorials-en.md171-174
Sources: more/free-programming-interactive-tutorials-en.md451-453
Database tutorials span SQL and NoSQL technologies:
| Category | Platforms | Lines |
|---|---|---|
| DBMS Concepts | Scaler Topics DBMS Course | 148-151 |
| SQL | Practice SQL, SQLFiddle, online compilers | 420-430 |
| PostgreSQL | PostgreSQL Tutorial, W3Schools | 388-392 |
| NoSQL | MongoDB Koans, Try Redis | 358-363 |
Sources: more/free-programming-interactive-tutorials-en.md148-151 more/free-programming-interactive-tutorials-en.md358-363 more/free-programming-interactive-tutorials-en.md388-392
Interactive tutorial links undergo the same validation process as other repository resources:
The check-urls workflow (importance: 96.91) validates all tutorial links to ensure they remain accessible. Broken links are flagged in pull request reviews.
Sources: .github/workflows/check-urls.yml (referenced in system architecture)
When adding interactive tutorials to the repository, contributors must follow specific formatting rules documented in CONTRIBUTING.md:
Tutorial entries must include:
Organization requirements:
Quality criteria:
Sources: more/free-programming-interactive-tutorials-en.md394-408 docs/CONTRIBUTING.md (referenced from system architecture)
Interactive tutorials complement other learning resources in the repository ecosystem:
This integration enables learners to:
Sources: README.md70-223
Several platforms provide interactive tutorials across multiple languages and technologies:
| Platform | Technologies | Registration | Lines |
|---|---|---|---|
| Codecademy | 20+ languages, web dev, data science | Required | Multiple |
| freeCodeCamp | Web dev full-stack, data analysis | Free account | Multiple |
| W3Schools | HTML, CSS, JavaScript, Python, SQL, Java, C++, PHP | None | Multiple |
| Scaler Topics | Java, Python, C++, JavaScript, Angular, React, OS, DBMS | None | Multiple |
| Programiz | Python, Java, C, SQL | None | Multiple |
Some platforms focus deeply on specific technologies:
| Technology | Platform | Unique Feature |
|---|---|---|
| Python | PythonTutor | Visualizes code execution step-by-step |
| Git | Learn Git Branching | Visual interactive branching tutorial |
| CSS | CSS Diner | Game-based selector learning |
| Regex | regex101 | Live pattern testing with explanations |
| Haskell | Try Haskell | In-browser REPL for functional programming |
| GraphQL | Apollo Odyssey | Full-stack GraphQL tutorial path |
Sources: more/free-programming-interactive-tutorials-en.md58-457
Interactive tutorial platforms have varying access requirements, indicated by metadata tags:
Contributors should clearly indicate when platforms require registration using standard metadata tags like *(account required)* or *(email address required)*.
Sources: more/free-programming-interactive-tutorials-en.md1-457
Interactive tutorial links require ongoing maintenance to ensure continued accessibility:
check-urls.yml workflow validates all links in interactive tutorial files during pull requests and on scheduleInteractive tutorial resources are community-maintained, with updates occurring:
Sources: System architecture diagrams (workflows section)
Interactive tutorials form a critical bridge between passive learning (books, videos) and active practice (playgrounds, problem sets). The repository maintains curated collections in five languages, with the English edition covering 60+ technologies across web development, systems programming, data science, cloud computing, and specialized domains. Each entry provides direct access to browser-based learning environments where users can immediately practice coding without local setup requirements.
Refresh this wiki