Presentation is loading. Please wait.

Presentation is loading. Please wait.

Everything you always wanted to know about flex* *BUT WERE AFRAID TO ASK Brian Genisio.

Similar presentations


Presentation on theme: "Everything you always wanted to know about flex* *BUT WERE AFRAID TO ASK Brian Genisio."— Presentation transcript:

1 Everything you always wanted to know about flex* *BUT WERE AFRAID TO ASK Brian Genisio

2 What is Flex? How does it compare to Silverlight/WPF? What can we learn by studying both?

3 It Is OK To Be Curious!

4 Take Both Pills!

5 What Can Flex Do?

6 Toolset Overview Silverlight Application XAML/C#/VB.NET/F#/etc Silverlight Application XAML/C#/VB.NET/F#/etc Flex Application MXML/ActionScript Flex Application MXML/ActionScript Silverlight SDK Silverlight SDK Silverlight Runtime Flash Player Flex SDK Flex SDK Managed Code Resources Compiled AS3

7 Runtime Overview Browser Flash Player Silverlight Runtime Desktop Silverlight Out Of Browser Air Player iOS Android Blackberry Windows Phone 7 App 10001010 Air Player Silverlight Runtime Flash Player in Browser Air Player ?

8 Side-By-Side

9 Declarative Story Flex – MXML – Flex Builder – Catalyst Silverlight XAML Visual Studio Expression Blend

10 Imperative Story Flex – ActionScript 3 – Haxe – C/C++ Alchemy – Converters Java C# Silverlight C# VB.Net F# Ruby Python

11 Primary Language ActionScript 3.0 – Dynamic by default – Static by option – Classes/Interfaces – MetaData Tags – Quazi-Generics – XML Literals C# Static by default Dynamic by option Classes/Interfaces Attributes Lambdas Generics

12 Integrated Development Environments (IDEs) Flash Builder – Designer – Refactoring tools JetBrains IDEA FlashDevelop Tofino Command line Visual Studio Designer Refactoring tools Rich plug-ins Mono Develop Sharp Develop Command line

13 SDKs & Toolkits Flex – Flex SDK – FlexLib – Cairgnorm – Robotlegs – Mockito – FlexUnit Silverlight Silverlight SDK Silverlight Toolkit Prism MEF Moq NUnit

14 Design Flex – Photoshop – Illustrator – Catalyst – Over-the-wall Silverlight Photoshop Illustrator Expression Blend Tight integration “The more designers are involved in the workflow, the more it looks like the original art” – Bill Wagner –

15 Silverlight Designer Developer Project XAML, C#, assets Designer uses Expression Blend to apply design Designer uses Photoshop/Illustrator to create mocks & assets Developer uses Visual Studio to apply behavior and architecture

16 Flex Designer Developer Designer uses Photoshop/Illustrator to create mocks & assets Flex Project New Flex Project Designer uses Catalyst to apply design Designer makes changes using Catalyst Developer imports Flex project and works on it Developer imports Flex project and merges it into existing

17 Separation Presentation Model View Model View Model

18 Data Binding Flex – Expression-based – [Bindable] – Execute Methods – Formatters Silverlight Declarative INotifyPropertyChanged ICommand Value Converters

19 Testing Flex – FlexUnit – Mockito / ASMocks – FB Runner Silverlight MSTest / Nunit Moq / Rhino Mocks VS Runner / TD.Net

20 XML Flex – ECMA 4 XML – XML Literals – ActionLinq Silverlight LINQ to XML XDocument

21 Data Display Flex – DataGroup – List – DropDownList – Item Renderers – Data Grid Silverlight ItemsControl ListBox ComboBox Data Templates Data Grid

22 State Management Flex – Current State – Inline Properties – Transitions Silverlight Visual State Manager (VSM) Visual States State Transitions

23 Mobile Flex – Air for Android – iOS Pakcager – Blackberry Playbook Silverlight Windows Phone 7

24 Top 5 Things Silverlight is Good At Designer-Developer Workflow Development Tools Language Support Third Party Support Performance (including mobile)

25 Top 5 Things Flex is Good At Data Binding Location, Location, Location Visual State Management Skinning Model Form Validation

26 Flex.org Get it! Try it! Learn it!

27 With James Ward – Adobe Evangelist 3 Day Jam http://FlexJam2011.eventbrite.com

28 Questions – http://HouseOfBilz.com http://HouseOfBilz.com – Brian.Genisio@srtsolutions.com Brian.Genisio@srtsolutions.com – Twitter: @BrianGenisio@BrianGenisio Demos: – http://bitbucket.org/briangenisio/crosstraining http://bitbucket.org/briangenisio/crosstraining ActionLinq: – http://bitbucket.org/briangenisio/actionlinq http://bitbucket.org/briangenisio/actionlinq

29 Smart People Developing Smart Software. www.srtsolutions.com


Download ppt "Everything you always wanted to know about flex* *BUT WERE AFRAID TO ASK Brian Genisio."

Similar presentations


Ads by Google