7

我想开始构建混合 HTML5 移动应用程序；通过 HTML5 构建核心功能，然后用原生层为 iO、Android、BB..etc 包装它

经过一番研究：我发现我需要熟悉很多技术，即：HTML5、JS、CSS3。建议我熟悉的其他技术/框架：JQuery for Mobile、Sencha touch、Node.JS、Backbone.JS、PhoneGap..etc

到目前为止，我只知道 HTML5、JS 和 CSS 的基础知识。

我的问题是：是否有一个“单一”的地方（书籍/教程/屏幕演员），我可以在其中找到处理其中一些技术并指导我构建混合 HTML5 应用程序的演练教程（例如在 iO 上）..

我想学习其中提到的技术，但我非常热衷于在构建混合移动应用程序而不是单独的基础上学习它们。我更喜欢通过实际工作来学习（教程/书籍/屏幕截图中的应用程序），而不是自己学习每种技术。

非常感谢您的回答。

奥马尔

4

3 回答 3

6

好的，让我扩展我的原始答案：

HTML 是超文本标记语言的缩写。
它用于指定如何通过 HTTP 协议 vulgo web 显示 STATIC 内容。

HTML5 是 HTML 语言规范的第 5 版，是对标准的推荐，但它本身并不是真正的标准。

CSS 用于将高级 STATIC 格式应用于 STATIC 文本/图像，例如表格中偶数/奇数行的交替背景颜色、文本流、文本方向、大小、粗体、字体等。

要使静态内容动态化，您需要 JavaScript。JavaScript 是一种脚本语言，在网站访问者（客户端）的网络浏览器中运行。从理论上讲，它应该在每个浏览器上表现相同，但实际上，微软使用不公平竞争并故意削弱其浏览器（Internet Explorer）中的 JavaScript 实现，通过背离 ECMA 标准，并通过实现专有功能来扼杀竞争 (Netscape) 并使其无法开发引人注目的 Web 应用程序，例如在线办公软件。

JavaScript 是客户端编程语言，由 PHP/ASP.NET/JSP 补充，它们是在服务器上运行的编程语言和框架，用于动态创建静态页面，例如通过从数据库中填充数据，以及处理和保存用户输入，例如订单、付款、电子邮件、反馈等，以及处理来自 HTML 表单的输入（输入掩码）。

JQuery 是一个 JavaScript 框架。
这主要意味着，它是一个 JavaScript 函数库，旨在提供在每个浏览器上执行相同操作的常用函数，有效绕过了微软和苹果等软件供应商的反竞争做法。它还提供事件处理、图形和 AJAX（异步 JavaScript 和 XML）的基本功能，以及序列化/反序列化 JSON（JavaScript 对象表示法）的功能。

JQuery for Mobile 是针对移动设备（如 Android 或 iAnything）优化的 JQuery 版本。Sencha touch、Node.JS、Backbone.JS 等也是如此。

HTML 5/和HTML4/XHTML的区别主要在于HTML5提供了一种所谓的“统一”方式来嵌入音频视频。这不一定是真的，因为每个浏览器都支持不同的音频和视频格式，并且没有一种音频和视频格式可以在所有浏览器中普遍支持。

HTML 5 还提供了非常有用的 WebSockets，它基本上允许您在 Web 上制作客户端-服务器应用程序。由于这将启用与 Microsoft Office 相当的引人注目的 Web 应用程序和办公应用程序，因此 Microsoft 尚未在标准浏览器中实现 WebSockets。它可以作为单独的插件使用，基本上没有人愿意下载，这意味着如果 Web 应用程序应该与 Internet Explorer 一起使用，则不能很快使用 Web 套接字。此外，HTML5 仅由 IE9+ 实现，而不由 IE8 实现。但是，IE9 仅适用于比 windows XP（vista、7、8）更新的操作系统。这意味着不能在 Windows XP 上安装 IE9（当前 Windows 安装的 35%，Windows 占桌面市场的 85%）。

要在手机上嵌入 Web 应用程序，您需要将应用程序嵌入到嵌入式 WebBrowser 中。对于 Android，嵌入式浏览器的接口称为 WebView，您需要学习 Java 编程语言才能使用它。对于 Apple，我完全不知道他们是否有这样的东西，但我想他们有，尽管它可能会更复杂，因为那是 Objective C，而不是 Java。由于我既没有 iPhone 也没有 Apple 电脑，我不能告诉你任何关于它的事情，除了它是垃圾，因为它不支持 Flash，而且它的价格是它的价值的 10 倍。

截屏视频，你可能会在 youtube 上找到，如果有的话。
同样，如果您有特定问题，谷歌搜索将为您提供必要的答案。

我的问题是：是否有一个“单一”的地方（书籍/教程/屏幕演员），我可以在其中找到处理其中一些技术并指导我构建混合 HTML5 应用程序的演练教程（例如在 iO 上）..

是的，http://www.google.com/ncr
你知道，它有一个很棒的搜索框，几乎可以解决任何问题……

其他好网页： http:
//www.w3schools.com/html5/default.asp
http ://www.w3schools.com/js/
http://docs.jquery.com/Tutorials

于 2012-02-06T16:57:27.240 回答
3

这是关于这个问题的更新，因为在三年内构建混合应用程序已经取得了长足的进步。我将从研究 Phonegap 或 Adob​​e 拥有的名为 Cordova 的版本开始。这是快速开发和分发混合跨平台移动应用程序的一种非常流行的途径。如此受欢迎，事实上许多其他框架都是围绕 Cordova 框架构建的，以赋予它更原生的感觉，例如

  • Ionic - 这是迄今为止最流行的，它是开源的（免费的），也是我最喜欢的，因为我发现它是最快和最容易使用的。此外，他们拥有出色的文档和出色的预构建。它是一个命令行界面框架，将Cordova、Bower（一个包/插件管理器）、Grunt和Angular JS框架结合到一个强大而快速的 CLI 中。如果您不了解这些框架，那么如果您正在研究构建 Web 或混合应用程序，那么它们绝对值得一看。
  • Mobile Angular UI - 是一个 HTML 5 框架，它使用 bootstrap 3 和 AngularJS 来创建交互式移动应用程序。
  • Titanium - 是一个“完整”的解决方案，用于创建混合移动应用程序，您可以在一个地方使用可下载的程序 Titanium studio
  • Telerik - 一个基于网站的程序，类似于 Ionic 和钛，用于快速开发

这些都是很好的起点。如果您还没有订阅Lynda.com，我强烈建议您订阅。订阅费用约为每月 25 美元，具体取决于您所在的位置。他们有数百个在线视频课程，可以运行几个小时，非常棒，我给你一个很好的范围和如何做许多项目并理解许多框架。teamtreehouse.com是另一个很棒的教程工具，他们有更少的视频选择，更好的深度和动手操作，并且可以与项目中的许多其他框架一起使用。

于 2015-07-07T20:56:40.880 回答
0

您想学习如何开发适用于 android、iOS、Windows 等多个平台的混合应用程序。这意味着您需要学习 PhoneGap 和 Cordova（首选）。这些几乎是一样的，一个真的是另一个的一部分。

谷歌 phonegap 和 cordova，安装软件包（需要一点 bash 命令行知识）。在 Phonegap 和 Cordova 中获取示例 HelloWorld 应用程序相对快速且容易。之后？好吧，对于混合应用程序的 Web 端，您至少必须学习 HTML、CSS、javascript。原生端（Android、iOS 等）将需要学习 Android 的 Android Studio/java 或 iOS 的 Xcode/swift。您想学习的所有内容都可以在youtube.com上免费获得，或者在Udemy、Udacity上，琳达。有些网站您必须付费，但值得。

于 2016-07-12T14:48:05.647 回答