在 Devin 中试用 DeepWiki 处理私有仓库
DeepWiki

EbookFoundation/free-programming-books

菜单

互动教程

相关源文件

交互式教程是实践性的编程资源，允许用户通过与代码直接交互来学习和练习编程概念。与静态教程或书籍不同，交互式教程提供即时反馈，让用户在实时环境中试验代码。本页面概述了“免费编程书籍”仓库中的交互式编程教程。

有关编程沙盒等相关教育资源的信息，请参阅编程沙盒。

目的与组织

本仓库中的交互式教程旨在为各种编程语言和技术提供自定进度、实践性的学习体验。它们通常具有以下特点：

  • 浏览器内代码执行
  • 分步指导练习
  • 代码提交的即时反馈
  • 渐进式难度级别

存储库结构

来源: more/free-programming-interactive-tutorials-en.md1-20

交互式教程的类型

本仓库中的交互式教程可根据其教学方法和功能分为以下几种类型：

类型描述示例
代码练习平台包含编程挑战和练习的平台Codecademy, freeCodeCamp
交互式课程带有交互元素的结构化学习路径Khan Academy, W3Schools
编程游戏游戏化学习体验Flexbox Froggy, CSS Diner
交互式文档嵌入交互式示例的文档Jupyter, TryRuby
语言沙盒用于实验语言的在线环境Python Tutor, JSFiddle

按编程类别分布

来源: more/free-programming-interactive-tutorials-en.md2-54

主要交互式教程平台

该仓库包含各种交互式教程平台的链接。其中一些最著名的包括：

  1. W3Schools Tutorials: 用于HTML、CSS、JavaScript、SQL、Python等网络技术的交互式教程，内置代码编辑器。

  2. Codecademy Tutorials: 涵盖广泛编程语言和技术的交互式课程。

  3. FreeCodeCamp Learning Paths: 全面、面向证书的交互式学习路径。

  4. Language-Specific Platforms: 针对特定语言的专用交互式学习环境（如 TryRuby、Learn Python 等）。

  5. Specialized Tool Tutorials: 专注于Git和Docker等特定开发者工具的交互式教程。

用户交互流程

来源: more/free-programming-interactive-tutorials-en.md57-148 more/free-programming-interactive-tutorials-en.md149-243

交互式教程的关键类别

Web 开发

该仓库包含丰富的网络开发交互式教程，涵盖HTML、CSS、JavaScript及相关框架。

技术值得注意的交互式教程特性
HTML/CSSW3Schools, Codecademy, CSS Diner浏览器内编辑器，可视化反馈
JavaScriptLearn JavaScript, Codecademy, FreeCodeCamp代码执行，渐进式挑战
框架React Tutorial, Angular Tutorials基于组件的学习，应用程序构建

以下是一些流行的网络开发交互式教程：

  • HTML/CSS: CSS Diner, Flexbox Froggy, Grid Garden
  • JavaScript: JavaScript.info, FreeCodeCamp JavaScript Certification
  • Frameworks: React Tutorial, Angular Basics

来源: more/free-programming-interactive-tutorials-en.md185-202 more/free-programming-interactive-tutorials-en.md228-291

编程语言

各种编程语言的交互式教程构成了本集合的重要部分：

语言值得注意的交互式教程主要功能
PythonLearn Python, Python Tutor, Codecademy变量可视化，分步执行
JavaLearn Java, CodingBat, Codecademy面向对象概念，方法执行
RubyTry Ruby, Ruby Koans即时反馈，渐进式复杂性
C/C++Learn C, CPP Koans内存可视化，编译/运行反馈

来源: more/free-programming-interactive-tutorials-en.md73-95 more/free-programming-interactive-tutorials-en.md375-393 more/free-programming-interactive-tutorials-en.md219-227

开发者工具

用于学习基本开发者工具的交互式教程可帮助用户掌握实用技能：

  • Git: Learn Git Branching, Git-Game, Try Git
  • SQL: SQL Teaching, SQLBolt, Khan Academy SQL
  • Regular Expressions: RegexOne, RegExr, Regex101

这些教程通常通过可视化复杂概念（如 Git 分支或 SQL 查询执行）来增强理解。

来源: more/free-programming-interactive-tutorials-en.md145-158 more/free-programming-interactive-tutorials-en.md450-461 more/free-programming-playgrounds.md362-376

与其他教育资源的比较

交互式教程通过以下方式补充了仓库中的其他资源：

资源类型学习方法何时使用
书籍深入的概念知识用于透彻理解主题
课程结构化、顺序学习用于在教师指导下全面覆盖内容
互动教程动手实践、有指导的练习用于通过即时反馈进行实践学习
编程练习平台自由形式实验用于测试代码片段和想法
速查表快速参考用于记忆语法和模式
问题集应用挑战用于通过解决问题来检验技能

来源: more/free-programming-interactive-tutorials-en.md more/free-programming-playgrounds.md more/free-programming-cheatsheets.md

查找和使用交互式教程

为有效利用本仓库中的交互式教程：

  1. 按语言/技术浏览: 根据您当前的学习重点查找教程。
  2. 考虑学习风格: 选择与您偏好的学习方法（可视化、分步、游戏化等）相符的教程。
  3. 检查先决条件: 有些教程假定您具备先验知识，而另一些则对初学者友好。
  4. 渐进式学习: 从基础知识开始，然后逐步学习高级交互式教程。

来源: more/free-programming-interactive-tutorials-en.md courses/free-courses-en.md1-20

贡献交互式教程

要向本仓库贡献新的交互式教程：

  1. 检查质量: 确保教程免费、可访问，并提供真实的交互元素。
  2. 验证组织: 确定合适的语言或技术类别。
  3. 遵循格式: 保持既定格式以保持一致性。
  4. 提交拉取请求: 遵循仓库的贡献指南。

高质量的交互式教程通常具有以下特点：

  • 清晰的说明和进展
  • 用户输入的即时反馈
  • 超越简单代码执行的教育价值
  • 无需过多注册障碍即可访问

来源: more/free-programming-interactive-tutorials-en.md

结论

交互式教程是面向各级别程序员的宝贵教育资源。通过提供即时反馈的实践性、指导性编码体验，它们弥合了理论知识与实际应用之间的差距。当与“免费编程书籍”仓库中的其他资源结合使用时，它们为开发者形成了一个全面的学习生态系统。