HTML5
移动应用开发
HTML5 移动应用开发
[Why
？, 可以做些什么？,
可以做些什么？,
[Why HTML5
HTML5 ？,
工具呢？,
工具呢？,
关开设
2013.3
框架和库呢？,
代码托管？]
Why HTML5 ? {
Wrote once , Run any where.
Updated in real time
Beginner easy learn
}
可以做些什么? {
需要频繁跨平台、跨屏幕使用的产品
}
可以做些什么? {
Seaching for the web
Social
News
games
}
浏览器
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系）
Zepto is a minimalist JavaScript library for
modern browsers with a largely jQuery-compatible
API.
此子可以替JQ
选择器
文档树遍历
DOM操作
}
事件处理
AJAX
框架和库？ {（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