Web App 的发展以及开发框架介绍

@ 百纳刘铁锋

议程• 计算机应用程序发展历程• 计算机语言的发展历程• 移动设备上应用开发的两难• Web 技术的发展• Web 技术能力展望• Web 开发框架现状与分析

移动设备的两难• 多平台？• 分裂• 学习成本高– Java For Android– Objective C++ for iOS– .NET for Windows Phone

• 转还是不转？

HTML 5 的改变• Why HTML 5?• Before HTML 5?• Why Not Flash?• How do the big player think out it?• HTML 5.

Native Code HTML5

UI Presentation √ CSS 3 ?

UI Rendering √ HTML ?

Interaction √ Drag & Drop

Multimedia √ Canvas/Video

Multiple Thread √ AJAX /Web Worker?

Network √ WebSocket

Local Storage √ Web Storage/Web SQL Database

Hardware Access √ WebGL

Framework & Tools Current Maturity

Debug Chrome for AndroidWeinre

Available for AndroidProxy based (All Device)

IDE Sencha Designer Beta

JavaScript Libary JqueryJquery MobileJQ.Mobi

Industry StandardPerformance issueGrowing(5k)

JavaScript Framework Sencha TouchYahoo! Cocktails – YUITwitter – BootStrapSproutcoreBackbone JSLungoJSJoshfireJoTactile

Mature, Heavy MobileFrameworkUnknownJS/CSS TemplateCode GenerationLightweight,Key-Value binding EventSematic structure in projectCross platform, Adapt EventDesign for Web AppMVC for web app, design for touch

UI Framework Sencha Touch ChartJquery UI

MatureUI Widgets, Theme

Data/Logic Framework YQL Unknown

Cross Platform Framework

PhoneGapTitanium

DominateN/A

Joshfire

LungoJS

JO

YQL

• What is YQL?• The Yahoo! Query Language is an expressive SQL-like language

that lets you query, filter, and join data across Web services. With YQL, apps run faster with fewer lines of code and a smaller network footprint.

Sproutcore

• ---

THANKS