Firefox OS 应用基础 – 一系列入门教程

在接下来的几天里,我们将发布一系列屏幕录像教程,解释如何开始创建第一个开放网络应用程序并为 Firefox OS 开发。

Firefox OS - Intro and hello

每个屏幕录像教程都足够简洁,可以在短时间内观看,整个系列应该不超过一个小时。该系列视频由 Jan Jongboom (@janjongboom)、Telenor Digital 的 Sergi Mansilla (@sergimansilla) 以及 Mozilla 的 Chris Heilmann (@codepo8) 主讲,于 2014 年 2 月在挪威奥斯陆的 Telenor Digital 办公室拍摄,历时三天。

以下是我们三个人向您介绍该系列视频以及您将学到什么。

Firefox OS 是一个将网络带到移动设备的操作系统。它不是一个具有新技术和开发环境的新操作系统,而是建立在多年来一直在使用的标准化网络技术之上。如果您是网页开发人员,并且想要构建移动应用程序,Firefox OS 可以为您提供工具,而无需改变您的工作流程或学习全新的开发环境。在这个短视频系列中,来自 Mozilla 和 Telenor 的开发人员在挪威奥斯陆会面,以几步讲解如何开始为 FirefoxOS 构建应用程序。您将学习

  • 如何构建第一个 Firefox OS 应用程序
  • 如何在桌面和真实设备上调试和测试应用程序
  • 如何将应用程序列入应用商店
  • 如何使用 Firefox OS 提供给 JavaScript 开发人员的 API 和特殊接口,利用智能手机中可用的硬件。

除了屏幕录像教程之外,您还可以从 GitHub 下载配套代码示例。如果您想自己尝试代码示例,您需要设置一个非常简单的开发环境。您只需要

  • 最新版本的 Firefox(它自带了您需要的开发工具)– 我们建议您获取 Firefox AuroraNightly,如果您真的想体验最先进的技术。
  • 一个文本编辑器 – 在屏幕录像教程中,我们使用了 Sublime Text,但任何编辑器都可以。如果您想真正使用网络原生工具,可以尝试 Adobe Brackets
  • 一个本地服务器或一个用于将演示文件推送到服务器的服务器。一些演示应用程序需要 HTTP 连接而不是本地连接。

sergi and chris recording

在接下来的几天里,我们将涵盖以下主题

除了视频之外,您还可以访问 该系列教程的维基页面,获取有关所涵盖主题的额外信息和链接。

请定期访问此处查看每天出现的链接,或者关注我们 Twitter 上的 @mozhacks,获取下一个视频发布的信息。

jan recording his video

该系列视频发布后,将有一个维基资源页面供您集中观看所有视频。Telenor 也正在努力将这些视频配音成多种语言。现在,敬请期待。

感谢 Telenor 的 Sergi、Jan、Jakob、Ketil、Nathalie 和 Anne 使这一切成为可能。

关于 Chris Heilmann

HTML5 和开放网络的传道者。让我们一起修复它!

更多 Chris Heilmann 的文章…


18 条评论

  1. Mike

    如果有办法在视频发布时收到电子邮件提醒,请帮我注册。

    2014 年 3 月 13 日 下午 4:20

    1. Flaki

      嘿 Mike!
      有一个 RSS Feed:https://hacks.mozilla.ac.cn/category/videoseries/feed/ 用于跟踪该类别中的文章,如果您真的需要通过电子邮件接收更新,您可以将 RSS 地址(呵呵)添加到一些在线的 RSS 到电子邮件服务(例如 http://blogtrottr.com/)中。
      只是一个想法。;)

      2014 年 3 月 13 日 下午 7:30

    2. Chris Heilmann

      最简单的方法是查看维基页面 – 我会在视频发布时更新它:https://mdn.org.cn/en-US/Firefox_OS/Screencast_series:_App_Basics_for_Firefox_OS 我们不想为每个视频都发送垃圾邮件。此外,如果您关注 Twitter 上的 @mozhacks,所有视频都会在那里发布。

      2014 年 3 月 13 日 下午 7:36

  2. max

    这个介绍只有 10 秒,而且没有任何关于 Firefox OS 的信息。让我想起了那些标题党的多页文章。为什么不发布整个 1 小时的视频,让用户根据自己的情况观看呢?

    2014 年 3 月 13 日 下午 12:28

    1. Chris Heilmann

      请等一个星期,届时您将可以观看所有视频。我们还没有完成所有视频和文档,所以我们想提前让大家一睹为快。很快,所有内容都将集中到一个长长的维基页面上,包含大量信息,并且可以下载视频。是的,我们也可以做一个 1 小时的版本。如前所述,还有一些部分缺失。

      2014 年 3 月 13 日 下午 12:37

  3. Craig

    没有什么比一篇承诺什么,却什么都没有的文章更糟糕了…

    2014 年 3 月 13 日 下午 9:27

    1. Chris Heilmann

      公告往往是这样的。

      2014 年 3 月 14 日 上午 1:03

  4. Lukas Stancik

    感谢 Firefox OS,这是一个激动人心的项目。你们永远不要停止变得如此出色,伙计们 :) Mozilla 最棒!

    2014 年 3 月 14 日 上午 1:31

  5. Chris Heilmann

    第二个视频现已发布:@sergimansilla 解释了应用程序清单 http://youtu.be/txyux8RZrxY – 在维基页面上查看所有文档:https://mdn.org.cn/en-US/Firefox_OS/Screencast_series:_App_Basics_for_Firefox_OS

    2014 年 3 月 14 日 上午 1:50

    1. Caspy7

      很棒。
      如果所有视频都发布后能再发一篇博客文章就好了。

      2014 年 3 月 14 日 上午 3:39

  6. Chris Heilmann

    第三个视频发布了:@janjongboom 解释了应用程序管理器和模拟器 https://www.youtube.com/watch?v=wiROpnExj-A

    2014 年 3 月 15 日 上午 0:35

  7. Chris Heilmann

    “#FirefoxOS 应用基础”系列的第四个视频:来自 @telenordigital 的 @janjongboom 讲解“在设备上测试”https://www.youtube.com/watch?v=OIUQwqQMVZM

    2014 年 3 月 16 日 上午 0:07

  8. Chris Heilmann

    第五个视频发布了“将应用程序添加到应用商店”https://www.youtube.com/watch?v=gipaEJTM3TU

    2014 年 3 月 17 日 上午 01:32

  9. Chris Heilmann

    今天的 App Basics for ‪#‎firefoxos‬ 系列视频是一个快速视频:“什么是好的 HTML5 应用?” https://www.youtube.com/watch?v=fBJmUreevRU

    2014 年 3 月 18 日 上午 01:06

  10. Chris Heilmann

    今天我们和 @sergimansilla 一起学习 Web API https://www.youtube.com/watch?v=p0DWpWNTd7w

    2014 年 3 月 19 日 上午 01:23

  11. Chris Heilmann

    今天的视频是关于离线工作的:https://www.youtube.com/watch?v=dnuoUM_bIQM

    2014 年 3 月 22 日 上午 02:57

    1. Caspy7

      这是最后一个视频吗?
      也许您可以将所有视频都添加到一个 YouTube 播放列表中,以方便用户发现。 (您也可以更改博客文章中的链接,将其改为播放列表链接。)

      另外,对于那些没有订阅这里的人来说,一篇新的博客文章可能是个好主意(不过您可能已经在写了,我可以让您安心工作)。

      2014 年 3 月 22 日 上午 03:05

      1. Chris Heilmann

        还有一个视频。周一将会发布一篇博客文章,其中包含播放列表和可下载的视频版本。

        2014 年 3 月 22 日 上午 05:34

这篇文章的评论已关闭。