SlideShare a Scribd company logo
1 of 28
Download to read offline
<mx:Flex 3 | s:Flex 4/>
                         What | Why | How


                   Yash Mody | CTO | Tekno Point Multimedia
        yash@teknopoint.in | www.teknopoint.in | teknopoint.wordpress.com




Flex 3 to Flex 4                  www.teknopoint.in
What is New




Flex 3 to Flex 4      www.teknopoint.in
Flash Builder

                   Data Service, Model Driven
                   Approach, Network Monitor



Flex 3 to Flex 4            www.teknopoint.in
Namespace

                   <s:SparkComponent/>
                   <fx:OtherConstructs/>


Flex 3 to Flex 4         www.teknopoint.in
Spark Components

            Data Group, Form elements, Group
                       Containers



Flex 3 to Flex 4        www.teknopoint.in
Data

                   ArrayList, Vector




Flex 3 to Flex 4       www.teknopoint.in
Skins

                   Spark (MXML) skins, CSS




Flex 3 to Flex 4          www.teknopoint.in
Component Architecture




Flex 3 to Flex 4      www.teknopoint.in
Flash Text Engine




Flex 3 to Flex 4        www.teknopoint.in
What has changed




Flex 3 to Flex 4        www.teknopoint.in
Framework

                      Layout Management,
                    Deployment (using RSL)
                   Flash player 10 and above

Flex 3 to Flex 4           www.teknopoint.in
Components

                   Application, ItemRenderer




Flex 3 to Flex 4           www.teknopoint.in
States




Flex 3 to Flex 4   www.teknopoint.in
Effects

                   spark.effects.*




Flex 3 to Flex 4      www.teknopoint.in
What hasn’t changed




Flex 3 to Flex 4         www.teknopoint.in
Things that haven’t changed
• DataVisualization
• Components: DataGrid, Image,
  LinkButton…
• Service Architecture
• Event Model




Flex 3 to Flex 4   www.teknopoint.in
Why to update




Flex 3 to Flex 4      www.teknopoint.in
Feature Support

                   Future versions of Flash Players




Flex 3 to Flex 4               www.teknopoint.in
Better, Faster, Lighter

                     Better components, Faster
                   development and performance,
                         Lighter applications

Flex 3 to Flex 4             www.teknopoint.in
How to migrate




Flex 3 to Flex 4       www.teknopoint.in
Pitfalls

                   Application.application




Flex 3 to Flex 4          www.teknopoint.in
Navigation

                   NavigatorContent




Flex 3 to Flex 4       www.teknopoint.in
ItemRenderers

                  ItemRenderer,
             MXDataGridItemRenderer,
          MXAdvancedDataGridItemRenderer

Flex 3 to Flex 4      www.teknopoint.in
Styles

                   Font Embedding (embedAsCFF),
                   initializing styles(StyleManager),
                         Themes - Spark theme

Flex 3 to Flex 4               www.teknopoint.in
Demo

          Review Flex 3 apps and build a flex 4
                          app



Flex 3 to Flex 4        www.teknopoint.in
<s:Questions? >




Flex 3 to Flex 4       www.teknopoint.in
</Thank You>
                         @yash_mody | yash@teknopoint.in
                   www.teknopoint.in | teknopoint.wordpress.com




Flex 3 to Flex 4                  www.teknopoint.in
Things I missed
                        Transitions
                        Localization




Flex 3 to Flex 4       www.teknopoint.in

More Related Content

Similar to Flex 3 to Flex 4

Adobe flex an overview
Adobe flex  an overviewAdobe flex  an overview
Adobe flex an overviewSubin Sugunan
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Shyamala Prayaga
 
Flex 4 Deep Dive
Flex 4 Deep DiveFlex 4 Deep Dive
Flex 4 Deep DiveEffective
 
Flex 4 Deep Dive
Flex 4 Deep DiveFlex 4 Deep Dive
Flex 4 Deep DiveEffectiveUI
 
Flex Introduction
Flex Introduction Flex Introduction
Flex Introduction senthil0809
 
A Brief Intro to Adobe Flex
A Brief Intro to Adobe FlexA Brief Intro to Adobe Flex
A Brief Intro to Adobe FlexChad Udell
 
Key challenges in flex based performance testing
Key challenges in flex based performance testingKey challenges in flex based performance testing
Key challenges in flex based performance testingPhanindra Kishore
 
Ti.conf titanium on firefoxos
Ti.conf titanium on firefoxosTi.conf titanium on firefoxos
Ti.conf titanium on firefoxosAlessio Ricco
 
Introduction to Adobe Flex - Zaloni
Introduction to Adobe Flex - ZaloniIntroduction to Adobe Flex - Zaloni
Introduction to Adobe Flex - ZaloniJoseph Khan
 
Afik Gal @alphageeks: Flex Intro
Afik Gal @alphageeks: Flex IntroAfik Gal @alphageeks: Flex Intro
Afik Gal @alphageeks: Flex IntroAlphageeks
 
Flex introduction
Flex introductionFlex introduction
Flex introductioniamprajyot
 
Super applied in a sitecore migration project
Super applied in a sitecore migration projectSuper applied in a sitecore migration project
Super applied in a sitecore migration projectdodoshelu
 
Flex Remoting With WebORB v1.0
Flex Remoting With WebORB v1.0Flex Remoting With WebORB v1.0
Flex Remoting With WebORB v1.0guest642dd3
 
DanNotes XPages Mobile Controls
DanNotes XPages Mobile ControlsDanNotes XPages Mobile Controls
DanNotes XPages Mobile ControlsPaul Withers
 
Flex 3 - Introduction
Flex 3 - IntroductionFlex 3 - Introduction
Flex 3 - Introductionrakhtar
 

Similar to Flex 3 to Flex 4 (20)

Adobe flex an overview
Adobe flex  an overviewAdobe flex  an overview
Adobe flex an overview
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
 
Flex 4 Deep Dive
Flex 4 Deep DiveFlex 4 Deep Dive
Flex 4 Deep Dive
 
Flex 4 Deep Dive
Flex 4 Deep DiveFlex 4 Deep Dive
Flex 4 Deep Dive
 
Flex in portal
Flex in portalFlex in portal
Flex in portal
 
Adobe Flex Resources 6439
Adobe Flex Resources 6439Adobe Flex Resources 6439
Adobe Flex Resources 6439
 
Adobe Flex Resources
Adobe Flex ResourcesAdobe Flex Resources
Adobe Flex Resources
 
Flex Introduction
Flex Introduction Flex Introduction
Flex Introduction
 
A Brief Intro to Adobe Flex
A Brief Intro to Adobe FlexA Brief Intro to Adobe Flex
A Brief Intro to Adobe Flex
 
Key challenges in flex based performance testing
Key challenges in flex based performance testingKey challenges in flex based performance testing
Key challenges in flex based performance testing
 
Ti.conf titanium on firefoxos
Ti.conf titanium on firefoxosTi.conf titanium on firefoxos
Ti.conf titanium on firefoxos
 
Introduction to Adobe Flex - Zaloni
Introduction to Adobe Flex - ZaloniIntroduction to Adobe Flex - Zaloni
Introduction to Adobe Flex - Zaloni
 
Afik Gal @alphageeks: Flex Intro
Afik Gal @alphageeks: Flex IntroAfik Gal @alphageeks: Flex Intro
Afik Gal @alphageeks: Flex Intro
 
Resume
ResumeResume
Resume
 
Flex introduction
Flex introductionFlex introduction
Flex introduction
 
XML Bible
XML BibleXML Bible
XML Bible
 
Super applied in a sitecore migration project
Super applied in a sitecore migration projectSuper applied in a sitecore migration project
Super applied in a sitecore migration project
 
Flex Remoting With WebORB v1.0
Flex Remoting With WebORB v1.0Flex Remoting With WebORB v1.0
Flex Remoting With WebORB v1.0
 
DanNotes XPages Mobile Controls
DanNotes XPages Mobile ControlsDanNotes XPages Mobile Controls
DanNotes XPages Mobile Controls
 
Flex 3 - Introduction
Flex 3 - IntroductionFlex 3 - Introduction
Flex 3 - Introduction
 

More from Yash Mody

Dr Seema Rao - Woman Commando Trainer
Dr Seema Rao - Woman Commando TrainerDr Seema Rao - Woman Commando Trainer
Dr Seema Rao - Woman Commando TrainerYash Mody
 
Adobe AEM for Business Heads
Adobe AEM for Business HeadsAdobe AEM for Business Heads
Adobe AEM for Business HeadsYash Mody
 
Sightly - AEM6 UI Development using JS and JAVA
Sightly - AEM6 UI Development using JS and JAVASightly - AEM6 UI Development using JS and JAVA
Sightly - AEM6 UI Development using JS and JAVAYash Mody
 
Introducing Apache Jackrabbit OAK
Introducing Apache Jackrabbit OAKIntroducing Apache Jackrabbit OAK
Introducing Apache Jackrabbit OAKYash Mody
 
Introducing Mongo DB and setting up Adobe AEM6 with mongo
Introducing Mongo DB and setting up Adobe AEM6 with mongoIntroducing Mongo DB and setting up Adobe AEM6 with mongo
Introducing Mongo DB and setting up Adobe AEM6 with mongoYash Mody
 
Apache SOLR in AEM 6
Apache SOLR in AEM 6Apache SOLR in AEM 6
Apache SOLR in AEM 6Yash Mody
 
Catch 22: FLex APps
Catch 22: FLex APpsCatch 22: FLex APps
Catch 22: FLex APpsYash Mody
 
How LCDS works
How LCDS worksHow LCDS works
How LCDS worksYash Mody
 
Flex and ColdFusion
Flex and ColdFusionFlex and ColdFusion
Flex and ColdFusionYash Mody
 

More from Yash Mody (10)

Dr Seema Rao - Woman Commando Trainer
Dr Seema Rao - Woman Commando TrainerDr Seema Rao - Woman Commando Trainer
Dr Seema Rao - Woman Commando Trainer
 
Adobe AEM for Business Heads
Adobe AEM for Business HeadsAdobe AEM for Business Heads
Adobe AEM for Business Heads
 
Sightly - AEM6 UI Development using JS and JAVA
Sightly - AEM6 UI Development using JS and JAVASightly - AEM6 UI Development using JS and JAVA
Sightly - AEM6 UI Development using JS and JAVA
 
Introducing Apache Jackrabbit OAK
Introducing Apache Jackrabbit OAKIntroducing Apache Jackrabbit OAK
Introducing Apache Jackrabbit OAK
 
Introducing Mongo DB and setting up Adobe AEM6 with mongo
Introducing Mongo DB and setting up Adobe AEM6 with mongoIntroducing Mongo DB and setting up Adobe AEM6 with mongo
Introducing Mongo DB and setting up Adobe AEM6 with mongo
 
Apache SOLR in AEM 6
Apache SOLR in AEM 6Apache SOLR in AEM 6
Apache SOLR in AEM 6
 
Catch 22: FLex APps
Catch 22: FLex APpsCatch 22: FLex APps
Catch 22: FLex APps
 
As2 vs as3
As2 vs as3As2 vs as3
As2 vs as3
 
How LCDS works
How LCDS worksHow LCDS works
How LCDS works
 
Flex and ColdFusion
Flex and ColdFusionFlex and ColdFusion
Flex and ColdFusion
 

Recently uploaded

"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DaySri Ambati
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 

Recently uploaded (20)

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 

Flex 3 to Flex 4

  • 1. <mx:Flex 3 | s:Flex 4/> What | Why | How Yash Mody | CTO | Tekno Point Multimedia yash@teknopoint.in | www.teknopoint.in | teknopoint.wordpress.com Flex 3 to Flex 4 www.teknopoint.in
  • 2. What is New Flex 3 to Flex 4 www.teknopoint.in
  • 3. Flash Builder Data Service, Model Driven Approach, Network Monitor Flex 3 to Flex 4 www.teknopoint.in
  • 4. Namespace <s:SparkComponent/> <fx:OtherConstructs/> Flex 3 to Flex 4 www.teknopoint.in
  • 5. Spark Components Data Group, Form elements, Group Containers Flex 3 to Flex 4 www.teknopoint.in
  • 6. Data ArrayList, Vector Flex 3 to Flex 4 www.teknopoint.in
  • 7. Skins Spark (MXML) skins, CSS Flex 3 to Flex 4 www.teknopoint.in
  • 8. Component Architecture Flex 3 to Flex 4 www.teknopoint.in
  • 9. Flash Text Engine Flex 3 to Flex 4 www.teknopoint.in
  • 10. What has changed Flex 3 to Flex 4 www.teknopoint.in
  • 11. Framework Layout Management, Deployment (using RSL) Flash player 10 and above Flex 3 to Flex 4 www.teknopoint.in
  • 12. Components Application, ItemRenderer Flex 3 to Flex 4 www.teknopoint.in
  • 13. States Flex 3 to Flex 4 www.teknopoint.in
  • 14. Effects spark.effects.* Flex 3 to Flex 4 www.teknopoint.in
  • 15. What hasn’t changed Flex 3 to Flex 4 www.teknopoint.in
  • 16. Things that haven’t changed • DataVisualization • Components: DataGrid, Image, LinkButton… • Service Architecture • Event Model Flex 3 to Flex 4 www.teknopoint.in
  • 17. Why to update Flex 3 to Flex 4 www.teknopoint.in
  • 18. Feature Support Future versions of Flash Players Flex 3 to Flex 4 www.teknopoint.in
  • 19. Better, Faster, Lighter Better components, Faster development and performance, Lighter applications Flex 3 to Flex 4 www.teknopoint.in
  • 20. How to migrate Flex 3 to Flex 4 www.teknopoint.in
  • 21. Pitfalls Application.application Flex 3 to Flex 4 www.teknopoint.in
  • 22. Navigation NavigatorContent Flex 3 to Flex 4 www.teknopoint.in
  • 23. ItemRenderers ItemRenderer, MXDataGridItemRenderer, MXAdvancedDataGridItemRenderer Flex 3 to Flex 4 www.teknopoint.in
  • 24. Styles Font Embedding (embedAsCFF), initializing styles(StyleManager), Themes - Spark theme Flex 3 to Flex 4 www.teknopoint.in
  • 25. Demo Review Flex 3 apps and build a flex 4 app Flex 3 to Flex 4 www.teknopoint.in
  • 26. <s:Questions? > Flex 3 to Flex 4 www.teknopoint.in
  • 27. </Thank You> @yash_mody | yash@teknopoint.in www.teknopoint.in | teknopoint.wordpress.com Flex 3 to Flex 4 www.teknopoint.in
  • 28. Things I missed Transitions Localization Flex 3 to Flex 4 www.teknopoint.in