关开设 201 3 . 3

关开设 2013.3 HTML5 移动应用开发 HTML5 移动应用开发代码托管？] [Why HTML5 ？, [Why HTML5 ？, 可以做些什么？, 可以做些什么？, 工具呢？, 工具呢？, 框架和库呢？,

Why HTML5 ? Why HTML5 ？

Why HTML5 ? { Wrote once , Run any where. Updated in real time Beginner easy learn }

可以做些什么？ Why HTML5 ？

可以做些什么? { } 需要频繁跨平台、跨屏幕使用的产品

可以做些什么? { } Seaching for the web Social News games

工具呢？ Why HTML5 ？浏览器 IDE 文本编辑器

工具呢？ { （编辑器） } MAC Windows and Linux

工具呢？ { （浏览器） } 集成的优秀的开发者工具与支持远程调试 http://discover-devtools.codeschool.com/

工具呢？ { （浏览器） } 同样优秀的开发者工具更加便捷的远程调试

工具呢？ { （包管理器） } 你需要个NPM方便获取更新各种前端的工具、库、框架 nodejs官网的安装包集成了NPM

工具呢？ { （server） } 你需要服务端的JS-NodeJS，给提供服务端的服务、执行各种脚本跨平台[Mac, Windows, Linux]

工具呢？ { （中间件） } 若你想开发原生应用般的Web App 可以用Phonegap开发Hybrid应用要开发跨平台的WebApp，要注意Phonegap的兼容平台特性，如：IOS中H5与原生的通信是异步的

工具呢？ { （phoneGap） } webApp跑在PC浏览器上与基于Phonegap跑在手机上

工具呢？ { （phoneGap） } Step 2：Open Project Step 1：Download Step 3：Runing

工具呢？ { （开发工具） } 了解Phonegap的API就了解PhoneGap能为我们做什么

框架和库？ HTML5一出，一切为我所用你的就是我的，我的还是我的

框架和库？ {（函数式编程） } Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming 一个为函数式编程而生的库 Functions Collections Objects Arrays

框架和库？ {（函数式编程） }

框架和库？ {（JQ系） 文档树遍历 DOM操作事件处理 AJAX 选择器 } Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. 此子可以替JQ

框架和库？ {（UI库） } Sleek, intuitive, and powerful front-end framework for faster and easier web development. Bootstrap是一个很Hot的UI库

框架和库？ {（bootstrap） }

框架和库？ {（业务框架） } Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. 它是有自己个性的MVC Model Router View Collection

框架和库？ { (业务框架) } ? Some Selector does not work in Zepto https://github.com/twitter/bootstrap/issues

代码托管？ Git! Git! Git!

代码托管？ { }

代码托管？ { (业务框架) }

Ending , THX ! _ @cosuscript

关开设 201 3 . 3

关开设 201 3 . 3

Presentation Transcript