This document discusses the development of web applications and introduces web development frameworks. It covers the history of computer applications and languages, challenges of multi-platform mobile app development, and the evolution of web technologies enabled by HTML5. It then analyzes the current state of web development frameworks, including debugging tools, IDEs, JavaScript libraries and frameworks, UI frameworks, data/logic frameworks, and cross-platform frameworks.

1. Web App的发展以及开发框架介绍
@百纳刘铁锋

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

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

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

27. 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

29. Framework & Tools Current Maturity
Debug Chrome for Android Available for Android
Weinre Proxy based (All Device)
IDE Sencha Designer Beta
JavaScript Libary Jquery Industry Standard
Jquery Mobile Performance issue
JQ.Mobi Growing(5k)
JavaScript Framework Sencha Touch Mature, Heavy MobileFramework
Yahoo! Cocktails – YUI Unknown
Twitter – BootStrap JS/CSS Template
Sproutcore Code Generation
Backbone JS Lightweight,Key-Value binding Event
LungoJS Sematic structure in project
Joshfire Cross platform, Adapt Event
Jo Design for Web App
Tactile MVC for web app, design for touch
UI Framework Sencha Touch Chart Mature
Jquery UI UI Widgets, Theme
Data/Logic Framework YQL Unknown
Cross Platform PhoneGap Dominate
Framework Titanium N/A

30. Joshfire

31. LungoJS

32. JO

33. 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.

34. Sproutcore

36. • ---

38. THANKS