11 dépôts
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.
Ce projet est une plateforme de tutoriels de codage interactifs et un moteur de cours basé sur Markdown. Il fonctionne comme un système éducatif basé sur le web qui transforme des fichiers Markdown en pages éducatives structurées avec des interfaces intégrées pour écrire et exécuter du code. La plateforme utilise un framework d'exécution de code distant pour valider les snippets soumis par les utilisateurs en temps réel en s'intégrant avec des compilateurs et des moteurs d'exécution externes. Pour assurer une livraison cohérente à travers différentes plateformes d'hébergement, l'environnement d'apprentissage complet est fourni sous forme de déploiement conteneurisé. Le système couvre une large surface de capacités incluant le rendu Markdown avec des liens de type wiki, la livraison de cours interactifs dans plusieurs langages, et une API d'exécution de code distant pour capturer et renvoyer les sorties d'exécution.
Provides a comprehensive system for delivering interactive coding tutorials with integrated code execution.
react-live est une suite d'outils pour la transpilation React dans le navigateur, l'édition en direct et la documentation interactive. Elle fournit un composant React pour construire des terrains de jeu (playgrounds) en direct où le code source est transpilé et rendu en temps réel, accompagné d'un éditeur de code en direct qui offre une coloration syntaxique et un retour visuel immédiat. Le projet permet la création de documentation vivante en intégrant des exemples de code React modifiables aux côtés de leur sortie rendue. Il prend en charge l'exécution de balisage modifiable ou de composants fonctionnels, permettant aux utilisateurs de modifier le code et d'observer le comportement résultant instantanément. Le système inclut des capacités pour le rendu de composants dynamiques, la transpilation de code en temps réel et l'injection de dépendances globale. Il dispose également de mécanismes de gestion des erreurs pour détecter et afficher les erreurs de compilation, de syntaxe et d'exécution sans faire planter l'application.
Enables the creation of interactive tutorials where learners modify React code and see instant visual results.
Ce projet est un cours de programmation fonctionnelle et un curriculum de codage automatisé conçu pour enseigner les principes fondamentaux du paradigme à travers une séquence structurée d'exercices et de modules. Il sert de tutoriel de programmation interactif où les apprenants résolvent des problèmes incrémentaux et valident leur compréhension via une suite d'exercices de programmation. Le curriculum est agnostique au langage, se concentrant sur la logique et les paradigmes fondamentaux plutôt que sur un langage spécifique. Il emploie une chaîne d'outils automatisée qui transforme le code source en binaires exécutables pour vérifier les solutions. La correction est validée en utilisant une approche pilotée par les tests qui combine un exécuteur de tests intégré avec des tests basés sur les propriétés pour garantir que les implémentations répondent à des exigences fonctionnelles spécifiques. Le projet inclut des scripts pour l'initialisation de l'environnement de développement afin de générer automatiquement les fichiers de configuration de build.
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.