学习如何构建混合HTML5应用程序的起点？

Question

我想开始构建混合HTML5移动应用;通过HTML5构建核心功能，然后将其包装为iOs，Android，BB ..等的本机层

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

直到现在我才知道HTML5，JS＆amp; amp;的基础知识。 CSS。

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

我想在这些技术中学习所提到的技术，但我非常热衷于在构建混合移动应用程序的环境中学习它们，而不是单独进行。我更喜欢通过做实际工作来学习（这里的教程/书籍/屏幕中的应用程序），而不是自己学习每种技术。

非常感谢您的回答。

奥马

Answer 1

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

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

HTML5是HTML语言规范的第5版，是对标准的推荐，但不是自己的标准。

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

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

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

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

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

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

HTML 5还提供了非常有用的WebSockets，它基本上允许您在Web上创建客户端 - 服务器应用程序。由于这将使引人注目的Web应用程序和办公应用程序与Microsoft Office相提并论，因此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也没有苹果电脑，我不能告诉你任何关于它的事情，除了它是垃圾，因为它不支持Flash，而且价格是它的价值的10倍......

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

---

  

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

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

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

Answer 2

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

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

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

Answer 3

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

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