Adobe Flex: Introduction to Flex 3 – Part 1

June 12, 2009

In this part, we will learn the following:

  • Understanding Adobe Flex
  • Adobe Flex product line
  • Flex Architecture
  • Flex resources

Understanding Adobe Flex

Adobe Flex is a RIA User Interface Framework that enables us to develop Rich Internet Application quickly, resulting in high productivity and customer satisfaction.

Adobe Flex is a highly productive, free open source framework which is used for building expressive web applications. Adobe Flex deploy consistently on:

  • All major browser leveraging the Flash Player
  • And on desktop with Adobe AIR

Where is Flex Used?

flex

How Flex works?

flexwork

The backbone of flex is ActionScript 3 and MXML (Macromedia XML). MXML again is set of ActionScript classes which comprises of some built-in UI components like Datagrid, Treegrid, Menubar, chart and so on.

MXML is used for creating the User Interface and ActionScript is used for event handling, data management etc.

Once the MXML and ActionScript is created and compiled, it gets converted into swf file and hence to view the Flex application we need flash player supported browsers.

Flex enables…

mgm

Flex Architecture

Lets look at high level of flex architecture

flexarc

Flex Resources

Flex tutorials
http://www.tutorom.com/courses/460/Adobe-Flex-2-tutorials-Flex-2-programming-tutorials.htm

Documentations
http://flex.org/
http://www.adobe.com/support/documentation/en/flex/

Flex component explorer
http://examples.adobe.com/flex3/componentexplorer/explorer.html

Flex tutorial – Part 2 Topics

Flex Builder

  • Understand the Flex builder and its workbenches
  • Use Flex builder effectively for design, development and debugging
  • Create a Flex Project
  • Create, compile and run a Flex application

Go to part 2 of this tutorial

Entry Filed under: User Experience, Web 2.0. Tags: , , , , .

5 Comments Add your own

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


Tags

Accessibility Ajax css Experience HTML personal RIA standard typography Usability User Experience User Interface W3C Web 2.0 web design Web development Web Standards

 

June 2009
M T W T F S S
« May   Jul »
1234567
891011121314
15161718192021
22232425262728
2930  

Archives

Top Posts

Meta

Recent Comments

Blog Stats

RSS Shyamala's Blog

My Tweets