The Basic Flex Training            โดย       นายนพดล สดรัมย์
About me• นักพัฒนาซอฟต์แวร์อิสระ• สมาชิกศูนย์บ่มเพาะธุรกิจซอฟต์แวร์ อีสานฯ• อนุกรรมการฝ่ายไอที หอการค้าจังหวัด  ขอนแก่น
What’s Flex?• Flex is Frameworks for build Flash  application• Web application (Internet browser + Flash  Player Plugins)•...
Introduction of MXML    and ActionScript 3.0  • MXML is tag for create UI view or declare     some object  • ActionScript ...
Using Binding and      Components• Binding for reduce coding• MXML data binding ({...})• ActionScript data binding  (Bindi...
Debugging Flex       Application• Debug perspective for analyze your code• Trace method (trace(...))• Breakpoint (pause yo...
Working with Events• Simple Events coding (in-line coding)• Type of Events• Events listener (code and tag separate  concep...
Using Flex Visual        Controls• Simple control (Button, CheckBox,  TextInput and etc.)• Introduce Flash Builder and cre...
Source view              ControlsDesign view
Working with Text• Introduction TextField extended class  control (Label, Text, TextInput, TextArea)• Font management (Ex....
Label   TextInputTextArea
Using Layout        Containers• Introduction to Layout Containers• How to use? (Box, Group and etc.)• Repeat container (Re...
Using CSS   • MXML style decoration (in-line styling)   • Create CSS in FlexHint : Google search key word “flex style explo...
Animation and Drag      and Drop• Animation and Effect classes• Build simple animate in Flex (Fade, Grow,  Rotate, Resize,...
Animation and Drag      and Drop• Drag and Drop in extended ListBase class  controls (Ex. DataGrid, List etc.)• Drag and D...
Managing View States• State definition• State management
Declaring Graphicswith MXML and FXG• Introduction to graphic programming• Advantage of MXML• Make graphic with MXML and FXG
Application Navigation• Flex application navigation concept• Introduction to Navigation container• Using Navigate containe...
Pop-up windows• Introduction to Pop-up controls  (TitledWindow)• Pop-up management
Data Entry Forms• Build simple UI form• Form data management• How to send data to server
HTTP and XML• Introduction to sending and receiving data  on HTTP protocol• How to use XML by Flex application
Mini workshop• Button Lucky Game
Tools and Resource• Adobe Flash Builder• Flash Player Plug-ins/Flash Player Debugger• Tour De Flex• NetBeans (PHP coding)•...
Where to go from here  http://www.adobe.com/devnet/flex/    Flex, ActionScript Guide Block   http://thaiflexdev.wordpress.co...
Reference http://www.slideshare.net/tbisaacs/flash-flex-air-a-brief-                         survey      http://www.slidesha...
Contact info       Email : knopsod@gmail.com               knopsod@hotmail.comFacebook : http://www.facebook.com/knopsod
Thanks.
The basic flex training presentation
The basic flex training presentation
Upcoming SlideShare
Loading in …5
×

The basic flex training presentation

812 views

Published on

สไลด์สอน The Basic Flex Training โครงการ NESDEV

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
812
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • The basic flex training presentation

    1. 1. The Basic Flex Training โดย นายนพดล สดรัมย์
    2. 2. About me• นักพัฒนาซอฟต์แวร์อิสระ• สมาชิกศูนย์บ่มเพาะธุรกิจซอฟต์แวร์ อีสานฯ• อนุกรรมการฝ่ายไอที หอการค้าจังหวัด ขอนแก่น
    3. 3. What’s Flex?• Flex is Frameworks for build Flash application• Web application (Internet browser + Flash Player Plugins)• Desktop application (AIR - Adobe Integrated Runtime)
    4. 4. Introduction of MXML and ActionScript 3.0 • MXML is tag for create UI view or declare some object • ActionScript 3.0 is structural programming language • MXML + ActionScript 3.0 = ApplicationComparison : MXML like HTML and ActionScript like JavaScript
    5. 5. Using Binding and Components• Binding for reduce coding• MXML data binding ({...})• ActionScript data binding (BindingUtils.bindProperty(...))
    6. 6. Debugging Flex Application• Debug perspective for analyze your code• Trace method (trace(...))• Breakpoint (pause your app. process)
    7. 7. Working with Events• Simple Events coding (in-line coding)• Type of Events• Events listener (code and tag separate concept)• Customized Events (make more events are you need)
    8. 8. Using Flex Visual Controls• Simple control (Button, CheckBox, TextInput and etc.)• Introduce Flash Builder and create UI with controls• Source and Design view in Flash Builder• Control action programming (Events dispatch)
    9. 9. Source view ControlsDesign view
    10. 10. Working with Text• Introduction TextField extended class control (Label, Text, TextInput, TextArea)• Font management (Ex. Thai font)• Display HTML format
    11. 11. Label TextInputTextArea
    12. 12. Using Layout Containers• Introduction to Layout Containers• How to use? (Box, Group and etc.)• Repeat container (Repeater)
    13. 13. Using CSS • MXML style decoration (in-line styling) • Create CSS in FlexHint : Google search key word “flex style explorer”
    14. 14. Animation and Drag and Drop• Animation and Effect classes• Build simple animate in Flex (Fade, Grow, Rotate, Resize, etc.)• Advanced animate in Flex (Parallel, Sequence, Pause, Transition etc.)• Drag and Drop management Continue...
    15. 15. Animation and Drag and Drop• Drag and Drop in extended ListBase class controls (Ex. DataGrid, List etc.)• Drag and Drop in simple control (Image)
    16. 16. Managing View States• State definition• State management
    17. 17. Declaring Graphicswith MXML and FXG• Introduction to graphic programming• Advantage of MXML• Make graphic with MXML and FXG
    18. 18. Application Navigation• Flex application navigation concept• Introduction to Navigation container• Using Navigate container (ViweStack, TabNavigator, Accordion etc.)
    19. 19. Pop-up windows• Introduction to Pop-up controls (TitledWindow)• Pop-up management
    20. 20. Data Entry Forms• Build simple UI form• Form data management• How to send data to server
    21. 21. HTTP and XML• Introduction to sending and receiving data on HTTP protocol• How to use XML by Flex application
    22. 22. Mini workshop• Button Lucky Game
    23. 23. Tools and Resource• Adobe Flash Builder• Flash Player Plug-ins/Flash Player Debugger• Tour De Flex• NetBeans (PHP coding)• ZamfBrowser• ZendFrameWorks• Adobe AIR
    24. 24. Where to go from here http://www.adobe.com/devnet/flex/ Flex, ActionScript Guide Block http://thaiflexdev.wordpress.com Facebook : RIA Group
    25. 25. Reference http://www.slideshare.net/tbisaacs/flash-flex-air-a-brief- survey http://www.slideshare.net/udayms/adobe-flexhttp://www.slideshare.net/adorepump/flex-adobe-air-and- php-the-beginning-of-a-beautiful-friendship
    26. 26. Contact info Email : knopsod@gmail.com knopsod@hotmail.comFacebook : http://www.facebook.com/knopsod
    27. 27. Thanks.

    ×