11 Repos
Guided learning modules that provide hands-on exercises directly within the development environment.
Distinguishing note: Focuses on in-editor learning, distinct from external video or text-based courses.
Explore 11 awesome GitHub repositories matching education & learning resources · Interactive Coding Tutorials. Refine with filters or upvote what's useful.
This project is a structured Rust programming course and technical educational resource. It functions as an interactive coding tutorial and systems programming guide, providing a curriculum designed to teach the Rust language, its ecosystem, and advanced concepts like memory management and performance optimization. The resource is delivered as a markdown-based technical book and static website. It distinguishes itself through the integration of interactive coding tasks and executable code snippets, allowing learners to practice syntax and programming logic directly within the instructional co
Provides guided learning modules with embedded executable snippets for interactive Rust practice.
This project is a curated directory of resources, extensions, and themes designed to extend the functionality of the Visual Studio Code editor. It serves as a comprehensive index for developers seeking to enhance their coding environment, offering a structured collection of community-driven tools that streamline development workflows and improve editor productivity. The directory distinguishes itself by organizing a vast ecosystem of plugins into logical categories, ranging from language-specific intelligence and version control integrations to advanced productivity utilities. It highlights t
Learn new skills through guided exercises within the editor.
This project is a structured Rust programming course and learning path consisting of a sequence of interactive coding exercises. It provides a curriculum designed to guide learners from basic language fundamentals, such as syntax and type systems, to the development of complex applications. The learning experience is supported by a command-line solution validator that verifies the correctness of code solutions. The curriculum follows a progressive problem sequencing model, allowing users to master memory management and application logic through a series of practical coding challenges. The sc
Provides a sequence of problem-solving tasks integrated with a command-line tool to verify code correctness.
Dieses Projekt ist eine interaktive Coding-Tutorial-Plattform und eine Markdown-basierte Kurs-Engine. Es fungiert als webbasiertes Bildungssystem, das Markdown-Dateien in strukturierte Bildungsseiten mit integrierten Schnittstellen zum Schreiben und Ausführen von Code umwandelt. Die Plattform nutzt ein Remote-Code-Execution-Framework, um vom Benutzer eingereichte Snippets in Echtzeit durch Integration mit externen Compilern und Ausführungs-Engines zu validieren. Um eine konsistente Bereitstellung über verschiedene Hosting-Plattformen hinweg zu gewährleisten, wird die gesamte Lernumgebung als containerisiertes Deployment bereitgestellt. Das System deckt ein breites Funktionsspektrum ab, einschließlich Markdown-Rendering mit Wiki-Style-Verlinkung, interaktiver Kursbereitstellung über mehrere Sprachen hinweg und einer Remote-Code-Execution-API zum Erfassen und Zurückgeben von Ausführungsergebnissen.
Provides a comprehensive system for delivering interactive coding tutorials with integrated code execution.
react-live ist eine Suite von Tools für In-Browser-React-Transpilierung, Live-Editing und interaktive Dokumentation. Sie bietet eine React-Komponente für den Aufbau von Live-Playgrounds, in denen Quellcode in Echtzeit transpiliert und gerendert wird, begleitet von einem Live-Code-Editor, der Syntax-Highlighting und sofortiges visuelles Feedback bietet. Das Projekt ermöglicht die Erstellung lebendiger Dokumentationen durch das Einbetten editierbarer React-Codebeispiele neben ihrer gerenderten Ausgabe. Es unterstützt die Ausführung von editierbarem Markup oder funktionalen Komponenten, was es Benutzern ermöglicht, Code zu modifizieren und das resultierende Verhalten sofort zu beobachten. Das System enthält Funktionen für dynamisches Komponenten-Rendering, Echtzeit-Code-Transpilierung und globale Abhängigkeitsinjektion. Es verfügt zudem über Fehlerbehandlungsmechanismen, um Kompilierungs-, Syntax- und Ausführungsfehler zu erkennen und anzuzeigen, ohne die Anwendung zum Absturz zu bringen.
Enables the creation of interactive tutorials where learners modify React code and see instant visual results.
This project is a functional programming course and automated coding curriculum designed to teach the core principles of the paradigm through a structured sequence of exercises and modules. It serves as an interactive programming tutorial where learners solve incremental problems and validate their understanding through a programming exercise suite. The curriculum is language-agnostic, focusing on core logic and paradigms rather than a specific language. It employs an automated toolchain that transforms source code into executable binaries to verify solutions. Correctness is validated using
Offers guided learning modules with hands-on exercises and immediate feedback from a built-in test runner.
This project is a structured JavaScript programming course and learning path designed for beginners. It functions as an interactive coding tutorial and frontend web development guide, providing a curriculum centered on the JavaScript language. The project focuses on building dynamic web interfaces through the manipulation of the Document Object Model. It provides a series of instructional guides and practical challenges that allow for interactive coding practice and the verification of code execution within a dedicated environment. The curriculum covers core programming fundamentals, includi
Ships an interactive coding tutorial with hands-on exercises to teach JavaScript logic and arithmetic.
This project is an interactive learning platform designed for mastering component-based user interface patterns and state management using the React library. It functions as a frontend development tutorial and course, providing a guided environment for learning declarative rendering and virtual DOM concepts. The platform distinguishes itself through a live-reload coding environment and a split-view interface for real-time code validation. These tools allow learners to compare their live code output against target solutions and use guided source-code markers to identify required edits and crit
Offers guided learning modules with hands-on exercises and immediate visual feedback within the coding environment.
This project is an interactive JavaScript course and beginner programming guide designed to teach fundamental scripting logic and language syntax. It functions as a web-based coding tutorial that transforms markdown-based lessons into a static site curriculum for learning web development basics. The resource features a browser-based code sandbox that allows for the execution of JavaScript snippets within a secure environment for immediate feedback. Lessons are organized into a linear sequence of modules to provide a structured onboarding process for those new to software development. The sys
Features guided learning modules with hands-on exercises executed directly within the browser.
Eloquent-JavaScript is a comprehensive JavaScript programming textbook and interactive coding tutorial designed for web development education. It serves as both a language reference and a practical guide, combining theoretical lessons with an environment where learners can execute and modify code examples. The project focuses on the fundamental principles of the JavaScript language, including lexical scoping, prototype-based inheritance, and asynchronous patterns. It provides detailed instruction on object-oriented programming, functional programming, and the use of the browser DOM to create
Combines theoretical programming concepts with hands-on exercises executable directly within the learning environment.
learn-gdscript is an interactive coding course and tutorial application designed to teach GDScript programming fundamentals. It functions as a game engine education tool that allows absolute beginners to study basic programming concepts, variables, and functions. The project utilizes a sandboxed environment for practicing code execution and provides in-engine interactive tutorials. It features guided walkthroughs that direct users through editor interfaces to help them locate and understand software tools. The curriculum covers game development logic, including the implementation of physics-
Provides guided learning modules and hands-on exercises executed directly within the game engine.