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



我想开始构建混合HTML5移动应用程序;通过HTML5构建核心功能,然后用iOs、Android、BB..等的原生层进行封装

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

到目前为止,我只知道HTML5的基本知识,JS&CSS。

我的问题是:有没有一个"单一"的地方(书籍/教程/屏幕广播),我可以在那里找到一个演练教程,介绍其中的一些技术,并指导我构建混合HTML5应用程序(例如,可能在iOs上)。。

我想学习其中提到的技术,但我非常热衷于在构建混合移动应用程序的背景下学习它们,而不是单独学习。我更喜欢通过实际工作来学习(这里是教程/书籍/屏幕中的应用程序),而不是单独学习每项技术。

非常感谢你的回答。

Omar

好的,让我扩展一下我原来的答案:

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

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

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

要使静态内容动态,您需要JavaScript。JavaScript是一种脚本语言,运行在网站访问者(客户端)的网络浏览器中。理论上,它意味着在每个浏览器上的行为都是一样的,但事实上,微软利用不公平竞争,通过偏离ECMA标准和实现专有功能,故意削弱其浏览器(Internet Explorer)中的JavaScript实现,以扼杀竞争(Netscape),使其无法开发引人注目的网络应用程序,例如在线办公软件。

客户端编程语言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等也是如此

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

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

要在手机上嵌入web应用程序,您需要将应用程序嵌入到嵌入式WebBrowser中。对于安卓系统,嵌入式浏览器的接口叫做WebView,你需要学习Java编程语言才能使用它。对于苹果公司,我不知道他们是否有这样的东西,但我想他们有,尽管可能会更复杂,因为这是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

这是关于这个问题的最新消息,因为构建混合应用程序在三年内取得了长足的进步。我会先研究Phonegap,或者Adobe拥有的名为Cordova的版本。在快速开发和分发混合跨平台移动应用程序方面,这是一条非常流行的路线。事实上,许多其他框架都是围绕Cordova框架构建的,以给它一种更原生的感觉,比如

  • Ionic-这是迄今为止最受欢迎的,它是开源的(免费),也是我的最爱,因为我发现它是最快、最容易使用的。此外,他们有很棒的文档和很棒的预构建。它的命令行界面框架将CordovaBower(包/插件管理器)、GruntAngular JS框架组合成一个强大而快速的CLI。如果你不知道这些框架,那么如果你正在考虑构建网络或混合应用程序,它们绝对值得一看
  • Mobile Angular UI-是一个HTML5框架,它使用bootstrap 3和AngularJS创建交互式移动应用程序
  • Titanium-是一个"完整"的解决方案,可通过可下载的程序Titanium studio在一个地方创建混合移动应用程序
  • Telerik-一个类似于Ionic和titanium的网站程序,用于快速开发

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

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

谷歌phonegap和cordova,安装软件包(需要一些bash命令行知识)。在Phonegap和Cordova中获得示例HelloWorld应用程序是相对快速和容易的。之后?那么,对于混合应用程序的web端,您至少需要学习HTML、CSS和javascript。原生端(Android、iOS等)需要学习Android Studio/java(适用于Android)或Xcode/swift(适用于iOS)。你想学的东西要么在youtube.com上免费,要么在Udemy、Udacity、Lynda上。有些网站你必须付费,但它很值得。

最新更新