关开设 201 3 . 3
DESCRIPTION
关开设 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 ？. 可以做些什么? {. - PowerPoint PPT PresentationTRANSCRIPT
关开设2013.3
HTML5 移动应用开发
[Why HTML5 ？ , 工具呢？ , 框架和库呢？ ,可以做些什么？ , 代码托管？ ]
HTML5 移动应用开发
[Why HTML5 ？ , 工具呢？ ,可以做些什么？ ,
Why HTML5 ？Why HTML5 ?
Why HTML5 ? {
}
Wrote once , Run any where.
Beginner easy learn
Updated in real time
Why HTML5 ？可以做些什么？
需要频繁跨平台、跨屏幕使用的产品
可以做些什么 ? {
}
Seaching for the web
News
Social
games
可以做些什么 ? {
}
Why HTML5 ？工具呢？
浏览器
文本编辑器
IDE
工具呢？ { （编辑器）
}
MAC Windows and Linux
工具呢？ { （浏览器）
}
集成的优秀的开发者工具与支持远程调试http://discover-devtools.codeschool.com/
工具呢？ { （浏览器）
}
更加便捷的远程调试
同样优秀的开发者工具
工具呢？ { （包管理器）
}
你需要个 NPM 方便获取更新各种前端的工具、库、框架
nodejs 官网的安装包集成了 NPM
工具呢？ { （ server ）
}
你需要服务端的 JS-NodeJS ，给提供服务端的服务、执行各种脚本
跨平台 [Mac, Windows, Linux]
工具呢？ { （中间件）
}
要开发跨平台的 WebApp ，要注意 Phonegap 的兼容平台特性，如： IOS 中 H5 与原生的通信是异步的
若你想开发原生应用般的 Web App可以用 Phonegap 开发 Hybrid 应用
工具呢？ { （ phoneGap ）
}
webApp 跑在 PC 浏览器上与基于 Phonegap 跑在手机上
工具呢？ { （ phoneGap ）
}
Step 1 ： Download
Step 2 ： Open Project
Step 3 ： Runing
工具呢？ { （开发工具）
}
了解 Phonegap 的 API 就了解 PhoneGap 能为我们做什么
HTML5 一出，一切为我所用
你的就是我的，我的还是我的
框架和库？
框架和库？ { （函数式编程）
}
一个为函数式编程而生的库
Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming
Collections Functions
ObjectsArrays
框架和库？ { （函数式编程）
}
框架和库？ { （ JQ 系）
}
此子可以替 JQ
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API.
选择器 DOM 操作 事件处理文档树遍历 AJAX
框架和库？ { （ UI 库）
}
Bootstrap 是一个很 Hot 的 UI库
Sleek, intuitive, and powerful front-end framework for faster and easier web development.
框架和库？ { （ bootstrap ）
}
框架和库？ { （业务框架）
}
它是有自己个性的 MVC
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.
Model
Collection
ViewRouter
框架和库？ { ( 业务框架 )
}
?
Some Selector does not work in Zepto
https://github.com/twitter/bootstrap/issues
代码托管？
Git! Git! Git!
代码托管？ {
}
代码托管？ { ( 业务框架 )
}
Ending , THX ! _ @cosuscript