Soumettre la recherche
Mettre en ligne
Tangram UI: Building Rich Web Apps
•
Télécharger en tant que KEY, PDF
•
5 j'aime
•
970 vues
Titre amélioré par l'IA
Berg Ray
Suivre
Infoq 百度技术沙龙 4.16
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 80
Télécharger maintenant
Recommandé
The Web beyond "usernames & passwords" (OSDC12)
The Web beyond "usernames & passwords" (OSDC12)
Francois Marier
Page Caching Resurrected: A Fairy Tale
Page Caching Resurrected: A Fairy Tale
Ben Scofield
Keeping It Professional: Relevance, Recommendations, and Reputation at LinkedIn
Keeping It Professional: Relevance, Recommendations, and Reputation at LinkedIn
Daniel Tunkelang
InfoQ China Intro
InfoQ China Intro
Shen Liu
Curso de tangram
Curso de tangram
Educagratis
El tangram
El tangram
Rubiela Moreno Peña
Tangrams February 2012
Tangrams February 2012
cheriedotcraig
Construcció d'un tangram
Construcció d'un tangram
tecnologiesbanus
Recommandé
The Web beyond "usernames & passwords" (OSDC12)
The Web beyond "usernames & passwords" (OSDC12)
Francois Marier
Page Caching Resurrected: A Fairy Tale
Page Caching Resurrected: A Fairy Tale
Ben Scofield
Keeping It Professional: Relevance, Recommendations, and Reputation at LinkedIn
Keeping It Professional: Relevance, Recommendations, and Reputation at LinkedIn
Daniel Tunkelang
InfoQ China Intro
InfoQ China Intro
Shen Liu
Curso de tangram
Curso de tangram
Educagratis
El tangram
El tangram
Rubiela Moreno Peña
Tangrams February 2012
Tangrams February 2012
cheriedotcraig
Construcció d'un tangram
Construcció d'un tangram
tecnologiesbanus
How dojo works
How dojo works
Amit Tyagi
Mobile Web Development with HTML5
Mobile Web Development with HTML5
Roy Clarkson
jQTouch at jQuery Conference 2010
jQTouch at jQuery Conference 2010
David Kaneda
MongoDB at ZPUGDC
MongoDB at ZPUGDC
Mike Dirolf
Web Developing In Search
Web Developing In Search
Frank Xu
Headless browser: puppeteer and git client : GitKraken
Headless browser: puppeteer and git client : GitKraken
SheikhMoonwaraAnjumM
Famo.us introduction
Famo.us introduction
Allen Wu
Digging into your DevTools
Digging into your DevTools
Vernon Kesner
Introduction to TypeScript
Introduction to TypeScript
Jeremy Likness
Mobile for the rest of us
Mobile for the rest of us
Axway Appcelerator
Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0
Jeff Haynie
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Jeff Haynie
Android Wear: A Developer's Perspective
Android Wear: A Developer's Perspective
Vin Lim
Mobile Web & HTML5 Performance Optimization
Mobile Web & HTML5 Performance Optimization
Maximiliano Firtman
ICS3211 lecture 08
ICS3211 lecture 08
Vanessa Camilleri
Fluent 2012 v2
Fluent 2012 v2
Shalendra Chhabra
Go, Go, Gadgets: Building Gadgets for Atlassian Products - Atlassian Summit 2010
Go, Go, Gadgets: Building Gadgets for Atlassian Products - Atlassian Summit 2010
Atlassian
Win j svsphonegap-damyan-petev-mihail-mateev
Win j svsphonegap-damyan-petev-mihail-mateev
Mihail Mateev
Google I/O 2011, Android Honeycomb Highlights
Google I/O 2011, Android Honeycomb Highlights
Romain Guy
Extjs + Gears
Extjs + Gears
hagino 3000
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Contenu connexe
Similaire à Tangram UI: Building Rich Web Apps
How dojo works
How dojo works
Amit Tyagi
Mobile Web Development with HTML5
Mobile Web Development with HTML5
Roy Clarkson
jQTouch at jQuery Conference 2010
jQTouch at jQuery Conference 2010
David Kaneda
MongoDB at ZPUGDC
MongoDB at ZPUGDC
Mike Dirolf
Web Developing In Search
Web Developing In Search
Frank Xu
Headless browser: puppeteer and git client : GitKraken
Headless browser: puppeteer and git client : GitKraken
SheikhMoonwaraAnjumM
Famo.us introduction
Famo.us introduction
Allen Wu
Digging into your DevTools
Digging into your DevTools
Vernon Kesner
Introduction to TypeScript
Introduction to TypeScript
Jeremy Likness
Mobile for the rest of us
Mobile for the rest of us
Axway Appcelerator
Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0
Jeff Haynie
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Jeff Haynie
Android Wear: A Developer's Perspective
Android Wear: A Developer's Perspective
Vin Lim
Mobile Web & HTML5 Performance Optimization
Mobile Web & HTML5 Performance Optimization
Maximiliano Firtman
ICS3211 lecture 08
ICS3211 lecture 08
Vanessa Camilleri
Fluent 2012 v2
Fluent 2012 v2
Shalendra Chhabra
Go, Go, Gadgets: Building Gadgets for Atlassian Products - Atlassian Summit 2010
Go, Go, Gadgets: Building Gadgets for Atlassian Products - Atlassian Summit 2010
Atlassian
Win j svsphonegap-damyan-petev-mihail-mateev
Win j svsphonegap-damyan-petev-mihail-mateev
Mihail Mateev
Google I/O 2011, Android Honeycomb Highlights
Google I/O 2011, Android Honeycomb Highlights
Romain Guy
Extjs + Gears
Extjs + Gears
hagino 3000
Similaire à Tangram UI: Building Rich Web Apps
(20)
How dojo works
How dojo works
Mobile Web Development with HTML5
Mobile Web Development with HTML5
jQTouch at jQuery Conference 2010
jQTouch at jQuery Conference 2010
MongoDB at ZPUGDC
MongoDB at ZPUGDC
Web Developing In Search
Web Developing In Search
Headless browser: puppeteer and git client : GitKraken
Headless browser: puppeteer and git client : GitKraken
Famo.us introduction
Famo.us introduction
Digging into your DevTools
Digging into your DevTools
Introduction to TypeScript
Introduction to TypeScript
Mobile for the rest of us
Mobile for the rest of us
Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Android Wear: A Developer's Perspective
Android Wear: A Developer's Perspective
Mobile Web & HTML5 Performance Optimization
Mobile Web & HTML5 Performance Optimization
ICS3211 lecture 08
ICS3211 lecture 08
Fluent 2012 v2
Fluent 2012 v2
Go, Go, Gadgets: Building Gadgets for Atlassian Products - Atlassian Summit 2010
Go, Go, Gadgets: Building Gadgets for Atlassian Products - Atlassian Summit 2010
Win j svsphonegap-damyan-petev-mihail-mateev
Win j svsphonegap-damyan-petev-mihail-mateev
Google I/O 2011, Android Honeycomb Highlights
Google I/O 2011, Android Honeycomb Highlights
Extjs + Gears
Extjs + Gears
Dernier
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
gurkirankumar98700
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Pooja Nehwal
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Dernier
(20)
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Slack Application Development 101 Slides
Slack Application Development 101 Slides
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Tangram UI: Building Rich Web Apps
1.
Tangram
berg infoQ
2.
Agenda • Challenges &
dreams • Architecture • Tangram Base • Tangram UI
3.
Challenges & dreams
4.
5.
Response as Fast as
we can
6.
Changing Every Day
7.
Rich Internet Application
8.
Legacy from 2001,
new legacy everyday
9.
The dreams • •
Javascript •
10.
Architecture
11.
app widget component
base
12.
app widget component
base
13.
app widget component
base
14.
app widget
UI component base
15.
app widget
UI component base
16.
Tangram base
17.
Challenges • • • •
18.
19.
•
• T.dom.addClass(ele, "highlight");
20.
•
• T.dom.addClass(ele, "highlight"); • • T.e("#container").addClass("highlight");
21.
•
• T.dom.addClass(ele, "highlight"); • • T.e("#container").addClass("highlight"); •
22.
23.
24.
25.
26.
27.
28.
29.
page:
30.
startBaiduHI.js: Put
Tangram in a clusure
31.
Conclusions • • •
32.
Tangram UI
33.
Challenges •
• • •
34.
35.
constructor
... ... prototype ...
36.
37.
constructor prototype
38.
constructor Plugin constructor prototype Plugin prototype
39.
baidu.ui.Dialog.register(function(dialog){
dialog.addEventListener("onload", function(){ if(dialog.type == "alert"){ baidu.dom.insertHTML( dialog.getId("footer"), "beforeEnd", getButtonString() ); } }); }); Constructor
40.
baidu.ui.Dialog.extend({
okText : " ", _ok : function(){ this.close(); } }); Prototype
41.
462
Dialog 44 closeButton 57 draggable 54 iframe 69 keyboard 44 modal 99 resizable 26 smartCover
42.
43.
UI
=
44.
Data UI
=
45.
Data
+ UI =
46.
Data
+ UI = DOM
47.
Data
+ UI = DOM +
48.
Data
+ UI = DOM + Control
49.
Javascript
50.
Data
+ UI = DOM + Control
51.
Data
+ UI = DOM + Control
52.
Data
+ UI = DOM + Control
53.
Javascript
54.
DOM
55.
DOM HTML:
56.
DOM HTML: Javascript:
57.
Data
+ UI = DOM + Control
58.
Data
+ UI = DOM + Control
59.
Data
+ UI = DOM + Control
60.
UI
61.
ui.Base
ui.create Button
62.
ui.Base
ui.create Button
63.
ui.Base
ui.create lang.Class baidu Button
64.
ui.Base
mix-in ui.create lang.Class inherit baidu Button
65.
66.
button
dialog table ...
67.
button
dialog table ... alert confirm modal keyboard ...
68.
button
dialog table ... alert draggable confirm stateable modal keyboard ... ...
69.
Conclusions •
• • • •
70.
About us
71.
72.
73.
http://tangram.baidu.com
74.
Conclusions
75.
•
• • • Javascript •
76.
77.
Tangram
78.
mp3 IM Tangram
hao123
79.
!anks
berg
80.
!anks
berg Twitter: @cnberg : @berg i@cnberg.com
Télécharger maintenant