SlideShare une entreprise Scribd logo
1  sur  72
A Deep Dive into the Flex 3 Framework ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Introductions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
What will we talk about today? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  Data Binding ®
The Problem Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  Need a way to sync views with changing data ®
The Scenario Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  Scenario: A value object with some text that should be displayed on a label ®
Roll-my-own solution ,[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ,[object Object],[object Object],[object Object],®
Roll-my-own solution ,[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],®
Roll-my-own solution ,[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ,[object Object],[object Object],[object Object],<mx:Label id=”theLabel”/> ,[object Object],[object Object],[object Object],[object Object],[object Object],®
Roll-my-own solution Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  Ugh.  Annoying.  Too much code for so simple a task. ®
Flex’s solution: data binding ,[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Flex’s solution: data binding ,[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  <mx:Label id=”theLabel” text=”{vo.text}”/> [Bindable] public var vo : BoringVO1; ,[object Object],[object Object],[object Object],[object Object],The VO! The app! ®
The Basic Idea ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
MXML Example (with curly braces), binding to a property ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  A warning! ®
Metadata ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Metadata ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Metadata ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
MXML Example (with curly braces), binding to a function ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
MXML Example (with curly braces), binding to XML data ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
MXML Example: using <Binding> tag ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
What does the generated code buy you? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Binding in Actionscript: bindProperty() and bindSetter() ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Common problem: performance in Cairngorm ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Common problem: two-way binding ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Common problem: making whole objects [Bindable] instead of individual properties ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  StyleManager ®
StyleManager: Styling 101 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
StyleManager: Styling 101 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
StyleManager: Styling 101 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Style Precedence ,[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  Text ,[object Object],®
Adding styles to components in AS3 ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Using StyleManager to manage Assets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Using the StyleManager ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Load style declarations at runtime ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Example: swap styles from a SWF at runtime Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  Example courtesy of Juan Sanchez and Andy McIntosh ®
Example: swap styles from a SWF at runtime Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  Example courtesy of Juan Sanchez and Andy McIntosh ®
Example: clearing and restoring styles ,[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  public   function  unloadRed(): void { StyleManager.unloadStyleDeclarations( 'Red.swf' ); } // Code to restore the default 'Halo' button public   function  restoreDefaults(): void { StyleManager.setStyleDeclaration( 'Button' , defaultButtonStyle,  true ); } private   var  defaultButtonStyle : CSSStyleDeclaration; public   function  onComplete(): void { defaultButtonStyle = StyleManager.getStyleDeclaration( 'Button' ); } ... <mx:Button  label=&quot; Go Red! &quot; click=&quot;loadRed()&quot; /> <mx:Button  label=&quot; Go Blue! &quot; click=&quot;loadBlue()&quot; /> <mx:Button  label=&quot; Clear &quot; click=&quot;clearStyles()&quot; /> <mx:Button  label=&quot; Restore &quot; click=&quot;restoreDefaults()&quot; /> <mx:Button  label=&quot; Unload Red &quot; click=&quot;unloadRed()&quot; /> ®
Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  StyleManager demo: ThemeSwap http://www.scalenine.com/samples/themeSwapper/themeSwap.html ®
In case it doesn’t work live: “Obsidian” theme Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
In case it doesn’t work live: iTunes 7 Theme Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
In case it doesn’t work live: Windows Vista theme Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
More info? ,[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ScaleNine! Scale....ten? ®
Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  Collections ®
What is a collection? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Why do we need collections? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
So, what are collections really? ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
IList ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
ICollectionView ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
ListCollectionView ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
ArrayCollection, XMLListCollection ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Where are collections useful? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Review: why do we need collections? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
1.  Abstract the data format ,[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
2.  Update views when data changes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
3.  Consistent data manipulation operations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
4.  Sorted views ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
5.  Filtered views ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Hierarchical Data ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Cursors ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Common Problem: Manipulating a view component immediately after changing the data provider ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Common Problem: Not seeing expected changes in the view ,[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  SystemManager ®
SystemManager: overview ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
SystemManager: 2 frame swf ,[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  SystemManager Preloader DownloadProgressBar HelperClasses Flex Framework Application code Embedded Assets Frame 1 Frame 2 RSLs ®
SystemManager: 2 frame walkthrough ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  SystemManager Preloader DownloadProgressBar HelperClasses Frame 1 ®
SystemManager: 2 frame walkthrough ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  Flex Framework Application code Embedded Assets Frame 2 RSLs ®
SystemManager: what is it good for? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
SystemManager: what else is it good for? ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
SystemManager Pitfalls: Multiple Child Lists ,[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ® application children toolTipChildren popupChildren cursorChildren
SystemManager Pitfalls: The Root ,[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®
Thank you! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Copyright 2008 Adobe Systems Incorporated.  All rights reserved.  ®

Contenu connexe

Tendances (7)

Data binding
Data bindingData binding
Data binding
 
Proxy design pattern
Proxy design patternProxy design pattern
Proxy design pattern
 
Proxy Pattern
Proxy PatternProxy Pattern
Proxy Pattern
 
Proxy pattern
Proxy patternProxy pattern
Proxy pattern
 
Design pattern proxy介紹 20130805
Design pattern proxy介紹 20130805Design pattern proxy介紹 20130805
Design pattern proxy介紹 20130805
 
Knockoutjs
KnockoutjsKnockoutjs
Knockoutjs
 
Silverlight Databinding
Silverlight DatabindingSilverlight Databinding
Silverlight Databinding
 

En vedette

Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4Juan Sanchez
 
Meet the Communication Process by a Journey
Meet the Communication Process by a JourneyMeet the Communication Process by a Journey
Meet the Communication Process by a JourneyRahayu Pristiwardany
 
It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.Cameron Neylon
 
A Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime WebA Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime WebHilary Mason
 
Apple earnings q4-2010
Apple earnings q4-2010Apple earnings q4-2010
Apple earnings q4-2010O'Reilly Media
 
But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?gagravarr
 
InsideRIA Outlook for 2009
InsideRIA Outlook for 2009InsideRIA Outlook for 2009
InsideRIA Outlook for 2009AndreCharland
 
2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloud2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloudO'Reilly Media
 
Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1O'Reilly Media
 
Visual Experience 360 Flex
Visual Experience 360 FlexVisual Experience 360 Flex
Visual Experience 360 FlexJuan Sanchez
 
Search Different Understanding Apple's New Search Engine State of Search 2016
Search Different   Understanding Apple's New Search Engine State of Search 2016Search Different   Understanding Apple's New Search Engine State of Search 2016
Search Different Understanding Apple's New Search Engine State of Search 2016Andrew Shotland
 
Test Driven Development
Test Driven DevelopmentTest Driven Development
Test Driven DevelopmentJohn Blanco
 
Twitter Webcast Power Tips, Pt 2
Twitter Webcast Power Tips, Pt 2Twitter Webcast Power Tips, Pt 2
Twitter Webcast Power Tips, Pt 2O'Reilly Media
 
Sharing Apache's Goodness: How We Should be Telling Apache's Story
Sharing Apache's Goodness: How We Should be Telling Apache's StorySharing Apache's Goodness: How We Should be Telling Apache's Story
Sharing Apache's Goodness: How We Should be Telling Apache's StoryJoe Brockmeier
 
Voice+IP Conference Frankfurt, Germany
Voice+IP Conference Frankfurt, GermanyVoice+IP Conference Frankfurt, Germany
Voice+IP Conference Frankfurt, GermanyMarc René Gardeya
 
Sxsw speaker submission_effectiveui_07252014
Sxsw speaker submission_effectiveui_07252014Sxsw speaker submission_effectiveui_07252014
Sxsw speaker submission_effectiveui_07252014patrickVinson
 
WattzOn Personal Energy Audit
WattzOn Personal Energy AuditWattzOn Personal Energy Audit
WattzOn Personal Energy AuditWeb 2.0 Expo
 

En vedette (20)

Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4
 
Meet the Communication Process by a Journey
Meet the Communication Process by a JourneyMeet the Communication Process by a Journey
Meet the Communication Process by a Journey
 
It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.It's not filter failure. It's a discovery deficit.
It's not filter failure. It's a discovery deficit.
 
A Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime WebA Data-driven Look at the Realtime Web
A Data-driven Look at the Realtime Web
 
Apple earnings q4-2010
Apple earnings q4-2010Apple earnings q4-2010
Apple earnings q4-2010
 
Mate
MateMate
Mate
 
But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?But we're already open source! Why would I want to bring my code to Apache?
But we're already open source! Why would I want to bring my code to Apache?
 
InsideRIA Outlook for 2009
InsideRIA Outlook for 2009InsideRIA Outlook for 2009
InsideRIA Outlook for 2009
 
2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloud2 3-2012 Take Control of iCloud
2 3-2012 Take Control of iCloud
 
Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1Twitter Webcast Power Tips, Pt 1
Twitter Webcast Power Tips, Pt 1
 
Visual Experience 360 Flex
Visual Experience 360 FlexVisual Experience 360 Flex
Visual Experience 360 Flex
 
Hoppala at XMediaLab
Hoppala at XMediaLabHoppala at XMediaLab
Hoppala at XMediaLab
 
Search Different Understanding Apple's New Search Engine State of Search 2016
Search Different   Understanding Apple's New Search Engine State of Search 2016Search Different   Understanding Apple's New Search Engine State of Search 2016
Search Different Understanding Apple's New Search Engine State of Search 2016
 
Allister Frost Speaker Biography
Allister Frost Speaker BiographyAllister Frost Speaker Biography
Allister Frost Speaker Biography
 
Test Driven Development
Test Driven DevelopmentTest Driven Development
Test Driven Development
 
Twitter Webcast Power Tips, Pt 2
Twitter Webcast Power Tips, Pt 2Twitter Webcast Power Tips, Pt 2
Twitter Webcast Power Tips, Pt 2
 
Sharing Apache's Goodness: How We Should be Telling Apache's Story
Sharing Apache's Goodness: How We Should be Telling Apache's StorySharing Apache's Goodness: How We Should be Telling Apache's Story
Sharing Apache's Goodness: How We Should be Telling Apache's Story
 
Voice+IP Conference Frankfurt, Germany
Voice+IP Conference Frankfurt, GermanyVoice+IP Conference Frankfurt, Germany
Voice+IP Conference Frankfurt, Germany
 
Sxsw speaker submission_effectiveui_07252014
Sxsw speaker submission_effectiveui_07252014Sxsw speaker submission_effectiveui_07252014
Sxsw speaker submission_effectiveui_07252014
 
WattzOn Personal Energy Audit
WattzOn Personal Energy AuditWattzOn Personal Energy Audit
WattzOn Personal Energy Audit
 

Similaire à Flex3 Deep Dive Final

The Theory Of The Dom
The Theory Of The DomThe Theory Of The Dom
The Theory Of The Domkaven yan
 
Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008Jonas Follesø
 
Polymer 3.0 by Michele Gallotti
Polymer 3.0 by Michele GallottiPolymer 3.0 by Michele Gallotti
Polymer 3.0 by Michele GallottiThinkOpen
 
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...Bill Buchan
 
WPF - Controls &amp; Data
WPF - Controls &amp; DataWPF - Controls &amp; Data
WPF - Controls &amp; DataSharada Gururaj
 
Enterprise Library 2.0
Enterprise Library 2.0Enterprise Library 2.0
Enterprise Library 2.0Raju Permandla
 
Enterprise Library 3.0 Overview
Enterprise Library 3.0 OverviewEnterprise Library 3.0 Overview
Enterprise Library 3.0 Overviewmcgurk
 
Flex Building User Interface Components
Flex Building User Interface ComponentsFlex Building User Interface Components
Flex Building User Interface ComponentsAhmad Hamid
 
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry GervinWill your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry GervinBarry Gervin
 
Introduction to XAML and its features
Introduction to XAML and its featuresIntroduction to XAML and its features
Introduction to XAML and its featuresAbhishek Sur
 
A Review on LWC Events for communication.pptx
A Review on LWC Events for communication.pptxA Review on LWC Events for communication.pptx
A Review on LWC Events for communication.pptxKadharBashaJ
 
The Magic of WPF & MVVM
The Magic of WPF & MVVMThe Magic of WPF & MVVM
The Magic of WPF & MVVMAbhishek Sur
 
Intake 38 data access 5
Intake 38 data access 5Intake 38 data access 5
Intake 38 data access 5Mahmoud Ouf
 
Web components
Web componentsWeb components
Web componentsMohd Saeed
 
Dita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDon Day
 

Similaire à Flex3 Deep Dive Final (20)

The Theory Of The Dom
The Theory Of The DomThe Theory Of The Dom
The Theory Of The Dom
 
KnockoutJS and MVVM
KnockoutJS and MVVMKnockoutJS and MVVM
KnockoutJS and MVVM
 
Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008
 
Polymer 3.0 by Michele Gallotti
Polymer 3.0 by Michele GallottiPolymer 3.0 by Michele Gallotti
Polymer 3.0 by Michele Gallotti
 
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
Lotusphere 2007 AD507 Leveraging the Power of Object Oriented Programming in ...
 
WPF - Controls &amp; Data
WPF - Controls &amp; DataWPF - Controls &amp; Data
WPF - Controls &amp; Data
 
Enterprise Library 2.0
Enterprise Library 2.0Enterprise Library 2.0
Enterprise Library 2.0
 
Enterprise Library 3.0 Overview
Enterprise Library 3.0 OverviewEnterprise Library 3.0 Overview
Enterprise Library 3.0 Overview
 
JS basics
JS basicsJS basics
JS basics
 
Flex Building User Interface Components
Flex Building User Interface ComponentsFlex Building User Interface Components
Flex Building User Interface Components
 
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry GervinWill your code blend? : Toronto Code Camp 2010 : Barry Gervin
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
 
Introduction to XAML and its features
Introduction to XAML and its featuresIntroduction to XAML and its features
Introduction to XAML and its features
 
Adobe Flex4
Adobe Flex4 Adobe Flex4
Adobe Flex4
 
A Review on LWC Events for communication.pptx
A Review on LWC Events for communication.pptxA Review on LWC Events for communication.pptx
A Review on LWC Events for communication.pptx
 
.Net template solution architecture
.Net template solution architecture.Net template solution architecture
.Net template solution architecture
 
The Magic of WPF & MVVM
The Magic of WPF & MVVMThe Magic of WPF & MVVM
The Magic of WPF & MVVM
 
Intake 38 data access 5
Intake 38 data access 5Intake 38 data access 5
Intake 38 data access 5
 
ASP.NET MVC3 RAD
ASP.NET MVC3 RADASP.NET MVC3 RAD
ASP.NET MVC3 RAD
 
Web components
Web componentsWeb components
Web components
 
Dita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and Developer
 

Plus de RJ Owen

Moral Design (Denver Startup Week)
Moral Design (Denver Startup Week)Moral Design (Denver Startup Week)
Moral Design (Denver Startup Week)RJ Owen
 
Moral designfinal
Moral designfinalMoral designfinal
Moral designfinalRJ Owen
 
Flex4 component lifecycle
Flex4 component lifecycleFlex4 component lifecycle
Flex4 component lifecycleRJ Owen
 
Obey The Rules: Implementing a Rules Engine in Flex
Obey The Rules: Implementing a Rules Engine in FlexObey The Rules: Implementing a Rules Engine in Flex
Obey The Rules: Implementing a Rules Engine in FlexRJ Owen
 
Flex 4 Overview
Flex 4 OverviewFlex 4 Overview
Flex 4 OverviewRJ Owen
 
Adobe Flex 3 Component Life Cycle
Adobe Flex 3 Component Life CycleAdobe Flex 3 Component Life Cycle
Adobe Flex 3 Component Life CycleRJ Owen
 
Adobe Flex Component Lifecycle
Adobe Flex Component LifecycleAdobe Flex Component Lifecycle
Adobe Flex Component LifecycleRJ Owen
 

Plus de RJ Owen (7)

Moral Design (Denver Startup Week)
Moral Design (Denver Startup Week)Moral Design (Denver Startup Week)
Moral Design (Denver Startup Week)
 
Moral designfinal
Moral designfinalMoral designfinal
Moral designfinal
 
Flex4 component lifecycle
Flex4 component lifecycleFlex4 component lifecycle
Flex4 component lifecycle
 
Obey The Rules: Implementing a Rules Engine in Flex
Obey The Rules: Implementing a Rules Engine in FlexObey The Rules: Implementing a Rules Engine in Flex
Obey The Rules: Implementing a Rules Engine in Flex
 
Flex 4 Overview
Flex 4 OverviewFlex 4 Overview
Flex 4 Overview
 
Adobe Flex 3 Component Life Cycle
Adobe Flex 3 Component Life CycleAdobe Flex 3 Component Life Cycle
Adobe Flex 3 Component Life Cycle
 
Adobe Flex Component Lifecycle
Adobe Flex Component LifecycleAdobe Flex Component Lifecycle
Adobe Flex Component Lifecycle
 

Dernier

Keppel Ltd. 1Q 2024 Business Update Presentation Slides
Keppel Ltd. 1Q 2024 Business Update  Presentation SlidesKeppel Ltd. 1Q 2024 Business Update  Presentation Slides
Keppel Ltd. 1Q 2024 Business Update Presentation SlidesKeppelCorporation
 
Understanding the Pakistan Budgeting Process: Basics and Key Insights
Understanding the Pakistan Budgeting Process: Basics and Key InsightsUnderstanding the Pakistan Budgeting Process: Basics and Key Insights
Understanding the Pakistan Budgeting Process: Basics and Key Insightsseri bangash
 
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779Delhi Call girls
 
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...Lviv Startup Club
 
VIP Call Girls In Saharaganj ( Lucknow ) 🔝 8923113531 🔝 Cash Payment (COD) 👒
VIP Call Girls In Saharaganj ( Lucknow  ) 🔝 8923113531 🔝  Cash Payment (COD) 👒VIP Call Girls In Saharaganj ( Lucknow  ) 🔝 8923113531 🔝  Cash Payment (COD) 👒
VIP Call Girls In Saharaganj ( Lucknow ) 🔝 8923113531 🔝 Cash Payment (COD) 👒anilsa9823
 
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...anilsa9823
 
HONOR Veterans Event Keynote by Michael Hawkins
HONOR Veterans Event Keynote by Michael HawkinsHONOR Veterans Event Keynote by Michael Hawkins
HONOR Veterans Event Keynote by Michael HawkinsMichael W. Hawkins
 
Pharma Works Profile of Karan Communications
Pharma Works Profile of Karan CommunicationsPharma Works Profile of Karan Communications
Pharma Works Profile of Karan Communicationskarancommunications
 
Cash Payment 9602870969 Escort Service in Udaipur Call Girls
Cash Payment 9602870969 Escort Service in Udaipur Call GirlsCash Payment 9602870969 Escort Service in Udaipur Call Girls
Cash Payment 9602870969 Escort Service in Udaipur Call GirlsApsara Of India
 
M.C Lodges -- Guest House in Jhang.
M.C Lodges --  Guest House in Jhang.M.C Lodges --  Guest House in Jhang.
M.C Lodges -- Guest House in Jhang.Aaiza Hassan
 
Call Girls in Gomti Nagar - 7388211116 - With room Service
Call Girls in Gomti Nagar - 7388211116  - With room ServiceCall Girls in Gomti Nagar - 7388211116  - With room Service
Call Girls in Gomti Nagar - 7388211116 - With room Servicediscovermytutordmt
 
Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...Roland Driesen
 
Progress Report - Oracle Database Analyst Summit
Progress  Report - Oracle Database Analyst SummitProgress  Report - Oracle Database Analyst Summit
Progress Report - Oracle Database Analyst SummitHolger Mueller
 
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...lizamodels9
 
Monte Carlo simulation : Simulation using MCSM
Monte Carlo simulation : Simulation using MCSMMonte Carlo simulation : Simulation using MCSM
Monte Carlo simulation : Simulation using MCSMRavindra Nath Shukla
 
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableCall Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableDipal Arora
 
GD Birla and his contribution in management
GD Birla and his contribution in managementGD Birla and his contribution in management
GD Birla and his contribution in managementchhavia330
 
Best Basmati Rice Manufacturers in India
Best Basmati Rice Manufacturers in IndiaBest Basmati Rice Manufacturers in India
Best Basmati Rice Manufacturers in IndiaShree Krishna Exports
 

Dernier (20)

Keppel Ltd. 1Q 2024 Business Update Presentation Slides
Keppel Ltd. 1Q 2024 Business Update  Presentation SlidesKeppel Ltd. 1Q 2024 Business Update  Presentation Slides
Keppel Ltd. 1Q 2024 Business Update Presentation Slides
 
Understanding the Pakistan Budgeting Process: Basics and Key Insights
Understanding the Pakistan Budgeting Process: Basics and Key InsightsUnderstanding the Pakistan Budgeting Process: Basics and Key Insights
Understanding the Pakistan Budgeting Process: Basics and Key Insights
 
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
 
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
 
Forklift Operations: Safety through Cartoons
Forklift Operations: Safety through CartoonsForklift Operations: Safety through Cartoons
Forklift Operations: Safety through Cartoons
 
VIP Call Girls In Saharaganj ( Lucknow ) 🔝 8923113531 🔝 Cash Payment (COD) 👒
VIP Call Girls In Saharaganj ( Lucknow  ) 🔝 8923113531 🔝  Cash Payment (COD) 👒VIP Call Girls In Saharaganj ( Lucknow  ) 🔝 8923113531 🔝  Cash Payment (COD) 👒
VIP Call Girls In Saharaganj ( Lucknow ) 🔝 8923113531 🔝 Cash Payment (COD) 👒
 
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
 
HONOR Veterans Event Keynote by Michael Hawkins
HONOR Veterans Event Keynote by Michael HawkinsHONOR Veterans Event Keynote by Michael Hawkins
HONOR Veterans Event Keynote by Michael Hawkins
 
Pharma Works Profile of Karan Communications
Pharma Works Profile of Karan CommunicationsPharma Works Profile of Karan Communications
Pharma Works Profile of Karan Communications
 
Nepali Escort Girl Kakori \ 9548273370 Indian Call Girls Service Lucknow ₹,9517
Nepali Escort Girl Kakori \ 9548273370 Indian Call Girls Service Lucknow ₹,9517Nepali Escort Girl Kakori \ 9548273370 Indian Call Girls Service Lucknow ₹,9517
Nepali Escort Girl Kakori \ 9548273370 Indian Call Girls Service Lucknow ₹,9517
 
Cash Payment 9602870969 Escort Service in Udaipur Call Girls
Cash Payment 9602870969 Escort Service in Udaipur Call GirlsCash Payment 9602870969 Escort Service in Udaipur Call Girls
Cash Payment 9602870969 Escort Service in Udaipur Call Girls
 
M.C Lodges -- Guest House in Jhang.
M.C Lodges --  Guest House in Jhang.M.C Lodges --  Guest House in Jhang.
M.C Lodges -- Guest House in Jhang.
 
Call Girls in Gomti Nagar - 7388211116 - With room Service
Call Girls in Gomti Nagar - 7388211116  - With room ServiceCall Girls in Gomti Nagar - 7388211116  - With room Service
Call Girls in Gomti Nagar - 7388211116 - With room Service
 
Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...
 
Progress Report - Oracle Database Analyst Summit
Progress  Report - Oracle Database Analyst SummitProgress  Report - Oracle Database Analyst Summit
Progress Report - Oracle Database Analyst Summit
 
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
 
Monte Carlo simulation : Simulation using MCSM
Monte Carlo simulation : Simulation using MCSMMonte Carlo simulation : Simulation using MCSM
Monte Carlo simulation : Simulation using MCSM
 
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableCall Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
 
GD Birla and his contribution in management
GD Birla and his contribution in managementGD Birla and his contribution in management
GD Birla and his contribution in management
 
Best Basmati Rice Manufacturers in India
Best Basmati Rice Manufacturers in IndiaBest Basmati Rice Manufacturers in India
Best Basmati Rice Manufacturers in India
 

Flex3 Deep Dive Final

  • 1.
  • 2.
  • 3.
  • 4. Copyright 2008 Adobe Systems Incorporated. All rights reserved. Data Binding ®
  • 5. The Problem Copyright 2008 Adobe Systems Incorporated. All rights reserved. Need a way to sync views with changing data ®
  • 6. The Scenario Copyright 2008 Adobe Systems Incorporated. All rights reserved. Scenario: A value object with some text that should be displayed on a label ®
  • 7.
  • 8.
  • 9.
  • 10. Roll-my-own solution Copyright 2008 Adobe Systems Incorporated. All rights reserved. Ugh. Annoying. Too much code for so simple a task. ®
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. Copyright 2008 Adobe Systems Incorporated. All rights reserved. StyleManager ®
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. Example: swap styles from a SWF at runtime Copyright 2008 Adobe Systems Incorporated. All rights reserved. Example courtesy of Juan Sanchez and Andy McIntosh ®
  • 36. Example: swap styles from a SWF at runtime Copyright 2008 Adobe Systems Incorporated. All rights reserved. Example courtesy of Juan Sanchez and Andy McIntosh ®
  • 37.
  • 38. Copyright 2008 Adobe Systems Incorporated. All rights reserved. StyleManager demo: ThemeSwap http://www.scalenine.com/samples/themeSwapper/themeSwap.html ®
  • 39. In case it doesn’t work live: “Obsidian” theme Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
  • 40. In case it doesn’t work live: iTunes 7 Theme Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
  • 41. In case it doesn’t work live: Windows Vista theme Copyright 2008 Adobe Systems Incorporated. All rights reserved. ®
  • 42.
  • 43. Copyright 2008 Adobe Systems Incorporated. All rights reserved. Collections ®
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62. Copyright 2008 Adobe Systems Incorporated. All rights reserved. SystemManager ®
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.