SlideShare a Scribd company logo
1 of 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.  ®

More Related Content

What's hot (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
 

Viewers also liked

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
 

Viewers also liked (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
 

Similar to 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
 
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
 
eXo SEA - JavaScript Introduction Training
eXo SEA - JavaScript Introduction TrainingeXo SEA - JavaScript Introduction Training
eXo SEA - JavaScript Introduction TrainingHoat Le
 

Similar to 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
 
.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
 
eXo SEA - JavaScript Introduction Training
eXo SEA - JavaScript Introduction TrainingeXo SEA - JavaScript Introduction Training
eXo SEA - JavaScript Introduction Training
 

More from 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
 

More from 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
 

Recently uploaded

MAHA Global and IPR: Do Actions Speak Louder Than Words?
MAHA Global and IPR: Do Actions Speak Louder Than Words?MAHA Global and IPR: Do Actions Speak Louder Than Words?
MAHA Global and IPR: Do Actions Speak Louder Than Words?Olivia Kresic
 
Buy gmail accounts.pdf Buy Old Gmail Accounts
Buy gmail accounts.pdf Buy Old Gmail AccountsBuy gmail accounts.pdf Buy Old Gmail Accounts
Buy gmail accounts.pdf Buy Old Gmail AccountsBuy Verified Accounts
 
Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...Seta Wicaksana
 
Global Scenario On Sustainable and Resilient Coconut Industry by Dr. Jelfina...
Global Scenario On Sustainable  and Resilient Coconut Industry by Dr. Jelfina...Global Scenario On Sustainable  and Resilient Coconut Industry by Dr. Jelfina...
Global Scenario On Sustainable and Resilient Coconut Industry by Dr. Jelfina...ictsugar
 
Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.Anamaria Contreras
 
2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis UsageNeil Kimberley
 
Innovation Conference 5th March 2024.pdf
Innovation Conference 5th March 2024.pdfInnovation Conference 5th March 2024.pdf
Innovation Conference 5th March 2024.pdfrichard876048
 
Flow Your Strategy at Flight Levels Day 2024
Flow Your Strategy at Flight Levels Day 2024Flow Your Strategy at Flight Levels Day 2024
Flow Your Strategy at Flight Levels Day 2024Kirill Klimov
 
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City GurgaonCall Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaoncallgirls2057
 
Market Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 EditionMarket Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 EditionMintel Group
 
Investment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy CheruiyotInvestment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy Cheruiyotictsugar
 
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptxContemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptxMarkAnthonyAurellano
 
Call Girls in DELHI Cantt, ( Call Me )-8377877756-Female Escort- In Delhi / Ncr
Call Girls in DELHI Cantt, ( Call Me )-8377877756-Female Escort- In Delhi / NcrCall Girls in DELHI Cantt, ( Call Me )-8377877756-Female Escort- In Delhi / Ncr
Call Girls in DELHI Cantt, ( Call Me )-8377877756-Female Escort- In Delhi / Ncrdollysharma2066
 
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCRashishs7044
 
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deckPitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deckHajeJanKamps
 
NewBase 19 April 2024 Energy News issue - 1717 by Khaled Al Awadi.pdf
NewBase  19 April  2024  Energy News issue - 1717 by Khaled Al Awadi.pdfNewBase  19 April  2024  Energy News issue - 1717 by Khaled Al Awadi.pdf
NewBase 19 April 2024 Energy News issue - 1717 by Khaled Al Awadi.pdfKhaled Al Awadi
 
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadIslamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadAyesha Khan
 
Intro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdfIntro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdfpollardmorgan
 

Recently uploaded (20)

MAHA Global and IPR: Do Actions Speak Louder Than Words?
MAHA Global and IPR: Do Actions Speak Louder Than Words?MAHA Global and IPR: Do Actions Speak Louder Than Words?
MAHA Global and IPR: Do Actions Speak Louder Than Words?
 
Buy gmail accounts.pdf Buy Old Gmail Accounts
Buy gmail accounts.pdf Buy Old Gmail AccountsBuy gmail accounts.pdf Buy Old Gmail Accounts
Buy gmail accounts.pdf Buy Old Gmail Accounts
 
Enjoy ➥8448380779▻ Call Girls In Sector 18 Noida Escorts Delhi NCR
Enjoy ➥8448380779▻ Call Girls In Sector 18 Noida Escorts Delhi NCREnjoy ➥8448380779▻ Call Girls In Sector 18 Noida Escorts Delhi NCR
Enjoy ➥8448380779▻ Call Girls In Sector 18 Noida Escorts Delhi NCR
 
Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...
 
Global Scenario On Sustainable and Resilient Coconut Industry by Dr. Jelfina...
Global Scenario On Sustainable  and Resilient Coconut Industry by Dr. Jelfina...Global Scenario On Sustainable  and Resilient Coconut Industry by Dr. Jelfina...
Global Scenario On Sustainable and Resilient Coconut Industry by Dr. Jelfina...
 
Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.
 
2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage
 
Innovation Conference 5th March 2024.pdf
Innovation Conference 5th March 2024.pdfInnovation Conference 5th March 2024.pdf
Innovation Conference 5th March 2024.pdf
 
Flow Your Strategy at Flight Levels Day 2024
Flow Your Strategy at Flight Levels Day 2024Flow Your Strategy at Flight Levels Day 2024
Flow Your Strategy at Flight Levels Day 2024
 
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City GurgaonCall Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
 
Market Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 EditionMarket Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 Edition
 
Investment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy CheruiyotInvestment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy Cheruiyot
 
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptxContemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
 
Call Girls in DELHI Cantt, ( Call Me )-8377877756-Female Escort- In Delhi / Ncr
Call Girls in DELHI Cantt, ( Call Me )-8377877756-Female Escort- In Delhi / NcrCall Girls in DELHI Cantt, ( Call Me )-8377877756-Female Escort- In Delhi / Ncr
Call Girls in DELHI Cantt, ( Call Me )-8377877756-Female Escort- In Delhi / Ncr
 
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
 
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deckPitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
Pitch Deck Teardown: Geodesic.Life's $500k Pre-seed deck
 
Corporate Profile 47Billion Information Technology
Corporate Profile 47Billion Information TechnologyCorporate Profile 47Billion Information Technology
Corporate Profile 47Billion Information Technology
 
NewBase 19 April 2024 Energy News issue - 1717 by Khaled Al Awadi.pdf
NewBase  19 April  2024  Energy News issue - 1717 by Khaled Al Awadi.pdfNewBase  19 April  2024  Energy News issue - 1717 by Khaled Al Awadi.pdf
NewBase 19 April 2024 Energy News issue - 1717 by Khaled Al Awadi.pdf
 
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadIslamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
 
Intro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdfIntro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdf
 

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.