11 个仓库
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.
该项目是一个交互式编程教程平台和基于 Markdown 的课程引擎。它作为一个基于 Web 的教育系统,将 Markdown 文件转换为带有集成代码编写和运行界面的结构化教育页面。 该平台利用远程代码执行框架,通过与外部编译器和执行引擎集成,实时验证用户提交的代码片段。为了确保在不同托管平台上的交付一致性,整个学习环境以容器化部署的形式提供。 该系统涵盖了广泛的能力,包括带有 Wiki 风格链接的 Markdown 渲染、跨多种语言的交互式课程交付,以及用于捕获和返回执行输出的远程代码执行 API。
Provides a comprehensive system for delivering interactive coding tutorials with integrated code execution.
react-live 是一套用于浏览器内 React 转译、实时编辑和交互式文档的工具。它提供了一个 React 组件,用于构建实时演练场,其中源代码可被实时转译和渲染,并配有提供语法高亮和即时视觉反馈的实时代码编辑器。 该项目支持通过嵌入可编辑的 React 代码示例及其渲染输出来创建动态文档。它支持执行可编辑的标记或函数式组件,允许用户修改代码并立即观察结果行为。 该系统包括动态组件渲染、实时代码转译和全局依赖注入功能。它还具备错误处理机制,可在不导致应用程序崩溃的情况下检测并显示编译、语法和执行错误。
Enables the creation of interactive tutorials where learners modify React code and see instant visual results.
该项目是一个函数式编程课程和自动化编码课程,旨在通过一系列结构化的练习和模块来教授该范式的核心原则。它作为一个交互式编程教程,学习者通过解决增量问题并通过编程练习套件验证其理解。 该课程与语言无关,专注于核心逻辑和范式,而非特定语言。它采用自动化工具链,将源代码转换为可执行二进制文件以验证解决方案。 正确性通过测试驱动的方法进行验证,该方法结合了内置测试运行器和基于属性的测试,以确保实现满足特定的功能要求。该项目包含用于开发者环境引导的脚本,以自动生成构建配置文件。
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.