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?

How Flex works?

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…

Flex Architecture
Lets look at high level of flex architecture

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 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
Entry Filed under: User Experience, Web 2.0. Tags: Ajax, RIA, Usability, User Experience, Web 2.0.
5 Comments Add your own
Leave a Comment
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
1. Adobe Flex: Flex Builder – Part 2 « Shyamala’s Blog | June 12, 2009 at 3:34 pm
[...] Back to part 1 of this tutorial | part 3 – Creating a Flex project and your first application Possibly related posts: (automatically generated)Environment : Text EditorFlex Builder Design View Performance IssuesAdobe Flex Builder available for Linux !Adobe releases trio of Labs goodies for designers, developers [...]
2. Adobe Flex: Creating a project – Part 3 « Shyamala’s Blog | June 29, 2009 at 5:47 am
[...] back to tutorial part 1 | tutorial part 4 – Learning Flex fundamental [...]
3.
Payday Loans Canada | July 10, 2009 at 1:56 am
I should say that pshyama.wordpress.com has lots of interesting information. Looks like the author did a good job. I will be coming back to pshyama.wordpress.com for new information. Thank you.
4. Introduction to Flex « Eternal Sunshine | August 4, 2009 at 10:20 am
[...] Source : http://pshyama.wordpress.com/2009/06/12/adobe-flex-introduction-to-flex-3-part-1/ [...]
5.
SoftwareTribes Flex Group | October 27, 2009 at 2:22 pm
Thanks for the nice Tuts