关开设 201 3 . 3
Post on 06-Jan-2016
154 Views
Preview:
DESCRIPTION
TRANSCRIPT
关开设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
top related