1 / 28

关开设 201 3 . 3

关开设 201 3 . 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 ?. 可以做些什么? {.

raven
Download Presentation

关开设 201 3 . 3

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


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

  2. Why HTML5 ? Why HTML5 ?

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

  4. 可以做些什么? Why HTML5 ?

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

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

  7. 工具呢? Why HTML5 ? 浏览器 IDE 文本编辑器

  8. 工具呢? { (编辑器) } MAC Windows and Linux

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

  10. 工具呢? { (浏览器) } 同样优秀的开发者工具 更加便捷的远程调试

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

  12. 工具呢? { (server) } 你需要服务端的JS-NodeJS,给提供服务端的服务、执行各种脚本 跨平台[Mac, Windows, Linux]

  13. 工具呢? { (中间件) } 若你想开发原生应用般的Web App 可以用Phonegap开发Hybrid应用 要开发跨平台的WebApp,要注意Phonegap的兼容平台特性, 如:IOS中H5与原生的通信是异步的

  14. 工具呢? { (phoneGap) } webApp跑在PC浏览器上与基于Phonegap跑在手机上

  15. 工具呢? { (phoneGap) } Step 2:Open Project Step 1:Download Step 3:Runing

  16. 工具呢? { (开发工具) } 了解Phonegap的API就了解PhoneGap能为我们做什么

  17. 框架和库? HTML5一出,一切为我所用 你的就是我的,我的还是我的

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

  19. 框架和库? {(函数式编程) }

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

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

  22. 框架和库? {(bootstrap) }

  23. 框架和库? {(业务框架) } 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

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

  25. 代码托管? Git! Git! Git!

  26. 代码托管? { }

  27. 代码托管? { (业务框架) }

  28. Ending , THX ! _ @cosuscript

More Related