编者按：这是一篇较旧的文章，我们注意到这些说明可能不适用于较新的 Raspberry Pi 型号。
Coder 是由纽约一小队 Google 员工为 Raspberry Pi 构建的实验项目。它将 Raspberry Pi 转换为友好的 Web 编程学习环境。它非常适合初学者，并且完全不需要任何编码经验。
开始入门
要开始使用 Coder，我们需要
- 一台 Raspberry Pi（任何型号都可以：A、B、A+、B+）
- 一张安装了 Coder 的 SD 卡
我通过使用 Raspberry Pi B+ 和 SD 卡 Coder 版本（由 AdaFruit 分发）来探索 Coder。但是，您也可以免费下载 Coder，并将其写入任何 4Gb SD 卡，如项目页面所述。
启动就像将 Micro SD 卡插入 Raspberry Pi 并启动它一样简单。
[[{"fid":"165149","view_mode":"default","fields":{"format":"default","field_file_image_alt_text[und][0][value]":"带有 AdaFruit 提供的 Coder 的 Micro SD 卡","field_file_image_title_text[und][0][value]":"带有 AdaFruit 提供的 Coder 的 Micro SD 卡","field_file_image_caption[und][0][value]":"
带有 AdaFruit 提供的 Coder 的 Micro SD 卡及其适配器。
","field_file_image_caption[und][0][format]":"panopoly_wysiwyg_text","field_folder[und]":"9404"},"type":"media","attributes":{"alt":"带有 AdaFruit 提供的 Coder 的 Micro SD 卡","title":"带有 AdaFruit 提供的 Coder 的 Micro SD 卡","height":"1536","width":"2048","class":"media-element file-default"}}]]
在启动过程中，Coder 将 Raspberry Pi 配置为 Web 服务器。它还将其设置为自己的 WiFi 接入点。这里的想法是，我们将使用一台计算机进行编程（例如，可以是笔记本电脑、台式机或平板电脑），并从中连接到 Raspberry Pi 中由 Coder 自动配置的服务器。
可以通过以太网网络电缆或通过 WiFi 接入点建立连接。我使用了第二种方法，所以我将我的笔记本电脑（HP Chromebook）连接到 SSID 为“CoderConfig”的 WiFi 网络。然后，我只需打开一个 Web 浏览器（在下面的例子中是 Chrome），然后输入地址
如果您使用家庭网络，您可能已经多次看到分配给您设备的 IP 地址以 192.168 开头。这是由于一项国际惯例，该惯例将 192.168.x.x 地址块保留为私有网络。在这种情况下，结果是笔记本电脑和 Raspberry Pi 在此时共享一个非常小而舒适的私有网络。
实际上，这也意味着，要使用 Coder，我们甚至不需要将显示器、键盘和鼠标连接到 Raspberry Pi。由于它作为服务器工作，并且所有配置都是从客户端计算机（笔记本电脑、台式机或平板电脑）完成的，我们可以简单地将 Raspberry Pi 连接到网线，或插入一个 Wifi USB 适配器，然后使用常用的 Micro USB 连接器为 Pi 供电。Coder 项目页面提供了一个 购物清单，以防您没有所有组件。
Coder 显示的第一个页面允许我们为 Raspberry Pi 中 Web 服务器的未来配置设置密码。这是熟悉安全基本实践的良好第一步。
请注意，这也会更改 Raspberry Pi 中“pi”用户的密码。默认情况下，“pi”用户的密码为“raspberry”。但是，在您在上面的屏幕中设置密码后，新密码也将应用于“pi”用户。只有当您使用直接键盘或 SSH 连接登录 Raspberry Pi 时，这一点才重要。
此页面之后是实际的登录页面，我们在其中使用刚刚创建的密码
然后，我们直接进入页面，在那里我们可以开始创建新的编码项目，或者探索一些简单的示例来开始。
你好，Coder
一个好的起点是右上角的项目：“你好，Coder”。如果我们点击它，我们就会进入该项目的入口页面。
按照说明并点击右上角带有图标“</>”的按钮，我们进入主编辑窗口，在那里我们可以检查和修改示例应用程序的代码。我们立即看到了这些更改的效果。
典型的 Web 应用程序包含两个部分：
- 在服务器端运行的代码。通常是数据库和管理逻辑。
- 在客户端运行的代码。主要是从服务器发送的数据的呈现。
客户端由我们的 Web 浏览器管理，在本例中在笔记本电脑上运行。而服务器端，在本例中由运行 Coder 的 Raspberry Pi 管理。Web 应用程序的客户端通常通过以下组合实现：
- HTML：页面的布局和分布，以及文本内容、图像、音频和视频。
- CSS：定义页面的外观，特别是：颜色、字体、大小和对齐方式。
- Javascript：提供逻辑和动态行为。
Coder 编辑窗口的顶部图标栏使我们可以访问 Web 应用程序的每个单独组件：HTML、CSS、JavaScript 和 Nodejs。
右上角的齿轮图标打开窗口，我们可以在其中编辑应用程序的名称、作者以及将用于在顶部项目页面中显示它的颜色。眼睛图标将窗口分成两部分，左侧显示编辑页面，右侧显示最终渲染的页面。这很方便，因为它为我们在左侧代码中所做的任何更改提供了快速反馈。我们在代码中进行更改的实验时间与我们看到此类更改效果的时间之间的快速迭代，是帮助初学者程序员熟悉每段代码作用的关键因素。
开始使用 Coder 的一个好方法是浏览这些编辑页面，进行小的更改，并观察这些更改对最终渲染的网页的影响。
配置 WiFi
到目前为止，我们一直在 Raspberry Pi 和笔记本电脑之间使用小型私有网络。这对于快速入门来说很好，但有一个限制，即我们没有真正连接到互联网，例如，无法浏览 Coder 教程页面。要解决此问题，我们可以转到顶部项目页面，并使用齿轮图标配置 Raspberry Pi 中的普通无线网络。在我的情况下，我需要将 Raspberry Pi 连接到我的家庭 WiFi 接入点。
完成此操作后，Raspberry Pi 将重新启动，然后连接到您选择的无线网络。我们现在可以从我们的笔记本电脑上找到 Web 地址下的 Coder 服务器
或者，我们可以查看 Raspberry Pi 启动消息，并在本地网络中找到其新的 IP 地址
在我的例子中，Raspberry Pi 在重启过程中被分配了 IP 地址：192.168.1.15。
然后我使用该地址从我的笔记本电脑上找到 Web 服务器页面
眼球项目
在玩了一会儿“你好，Coder”项目之后，下一步最好是看看眼球项目。
这个项目提供了一个眼球动画，它立即让我们想知道：“它是如何工作的？” 这对于任何学习工具来说都是一个关键特征！在眼球项目的 CSS 文件中玩弄数字会带来极大的乐趣……你一定要试试！
太空岩石项目
下一站是“太空岩石”项目，这是一个相对简单的游戏，我们在太空中驾驶飞船，同时避开致命的小行星！（我仍然在努力“避开”部分……）
我告诉你，玩这个游戏并不像看起来那么容易。但是，我们可以通过使用“HACK”按钮并进入游戏的基本参数来使事情变得容易一些，例如，飞船的速度或弹丸的速度。
当然，检查 HTML、CSS 和 Javascript 文件，并尝试更改它们，是第二层乐趣。然后我们可以进入创建我们自己的项目，并继续快速循环编写代码和观察其行为，因为我们学习 Web 编程的诀窍。
查找和分享项目
Coder 是一个完全开源的项目，可在 GitHub 上 此处 获得，并根据 Apache 2.0 许可证 分发。
更大的酷项目集合可在以下网址获得：http://googlecreativelab.github.io/coder-projects/
秉承开源之道，我们也鼓励大家在那里 分享我们的项目。
结论
Coder 是一个学习编程的绝佳资源。它简化了入门过程，需要的组件非常便宜，并提供有趣且引人入胜的活动。如果您计划在假期购买 Raspberry Pi（或已经拥有一个），Coder 是一个很好的补充，可以从那个小板子上获得额外的乐趣和学习。
现在，如果可以的话，我必须去和太空岩石算账了。
3 条评论