Creating a Web App for iPad

使用标准的 Web 技术为 iPad 创建类似应用的体验。最重要的是，无需通过 App Store！

讲师:Chris Converse

您将学到什么

• 无需应用商店！Web 应用可以从任何 Web 服务器运行。
• 将网页体验转化为 Web 应用程序
• 学习使用 CSS3 动画
• 支持标准和视网膜图形
• 随时进行更新
• 为 iPad 集成 HTML5 视频

课程要求

• 文本编辑器
• Webkit 浏览器

课程描述

本课程将教你使用标准的网页技术在 iPad 上创建一个引人入胜、互动性强的用户体验。

我们将在这门课中制作一个 eSales 助手，这是在平板设备上分享公司或产品信息的一种流行方式。然而，这种方法的可能性是无限的。你可以利用标准的网页技术来创建交互式书籍、目录或其他任何你能想象到的交互项目。如果你能在网页上实现它，你也可以在一个 Web 应用程序中实现。

最好的部分在于…
无需应用商店！

Web 应用可以从任何网络服务器运行，并且实际上就是网站本身。主要的区别在于它们加载信息和定义行为的方式不同。我们将学习如何创建自定义图标和启动屏幕、优化触摸事件的用户体验以及使用 CSS3 硬件加速功能来实现平滑动画。

课程内容概览

在本课程中，我们首先将使用 Photoshop 创建网页图形，适用于标准屏幕和视网膜屏。还有一个“跳过 Photoshop”的文件夹，以防你不想使用 Photoshop 工作。此外，我们将利用 CSS3 来检测高清显示屏（视网膜屏），并使用 CSS3 变换属性来在 iPad 屏幕上定位 HTML 元素。

本课程的重点是创建引人入胜的用户体验所需的功能，包括 JavaScript 以及支持 iPad 接口的特定 HTML 和图形。这门课将教你编写 Web 应用的核心功能，并提供大量的代码片段以减少重复输入的工作量。观看第 1 节中的前 4 个视频，它们都是免费的，可以让你了解课程期望、软件和最终产品。

本课程提供的项目文件包括一个完整的最终项目的副本。你可以使用这些文件来跟踪你的进度、纠正可能遇到的问题，或者更重要的是，将项目改编成你自己的交互式 Web 应用程序。

本课程适合谁:

• 设计师
• 网页设计师
• Web 开发者