This excellent Flex 2: Advanced Visual Programming course follows on from our Adobe Flex 2: Rich Internet Applications course, and learners will need to have equivalent knowledge of the topics covered in that course. Flex 2 is a much loved software development kit, which is used to develop and deploy cross-platform rich Internet applications based on the Adobe Flash platform. This fantastic Flex 2 course covers a whole host of useful topics, such as how to work with embedded images and fonts, implement transitions and easing effects, apply filters and blends, and programmatically interact with mouse position and actions like dragging and dropping. Not only that, learners of this Flex 2 course will learn how to extend and skin Flex UI components using both images and shapes drawn with the ActionScript Drawing API.
Our learning material is available to students 24/7 anywhere in the world, so it’s extremely convenient. These intensive online courses are open to everyone, as long as you have an interest in the topic! We provide world-class learning led by IAP, so you can be assured that the material is high quality, accurate and up-to-date.
Leo is an Adobe Certified Master Instructor for the Flex, Flash, ColdFusion, and Dreamweaver product lines, and has worked as a technical trainer and courseware developer for over ten years, focusing on web development technologies since 1998. Leo is also the author of Flash 8: ActionScript – a course in the Adobe Authorized Training Curriculum – as well as multiple ActionScript 2.0 and 3.0 training modules for the Flex product lines.
Part 1
Part 2
Those who successfully pass this course will be awarded a Flex 2: Advanced Visual Programming certificate. Anyone eligible for certification will receive a free e-certificate, and printed certificate.
This Flex 2: Advanced Visual Programming course will qualify you to be a Software Developer. The average salary of a Software Developer in the UK is £30,720, and this will increase with experience. Upon successfully completing this course you could go on to become any of the following:
Section 1 | |||
1: Setting Up & Overview | |||
1. Installing the Poetica Font | |||
2. Preparing the Workspace | |||
3. Repair Broken Links & Improve Performance | |||
4. Looking at the Natural Experiences Application | |||
5. Reviewing the Drag & Drop Application | |||
2: Enhancements With Imagery & Layering | |||
1. Reviewing the Main Application File | |||
2. Reviewing the Gallery Custom Component File | |||
3. Add Images & Animations to the Background | |||
4. Reviewing the Processing Effect of Animations | |||
5. Embedding an Image into the Project | |||
6. Placing Content in Correct Order | |||
7. Creating a Reusable Embedded Image | |||
8. Randomizing the Displayed Background Image | |||
9. Declaring Variables | |||
10. Calculating the Variable | |||
11. Creating Simple Pop Up Functionality | |||
12. Closing & Opening the Pop Up | |||
3: Working With Fonts, Filters, & Blends | |||
1. Learning the Limitations of Device Fonts | |||
2. Adding an Embedded Font | |||
3. Using the Embedded Font in a Class Selector | |||
4. Embedding Fonts Using FlashType | |||
5. Exploring FlashType Advance Anti-Aliasing Setting | |||
6. Exploring Filters | |||
7. Creating a Drop Shadow & Applying Glow Filters | |||
8. Reviewing Available Blends | |||
9. Applying Blends | |||
4: Customizing Flex Components | |||
1. Exploring 9-Slice Scaling | |||
2. Adding 9-Slice Scaling to PNG Images | |||
3. Modify the Natural Experiences Welcome Panel | |||
4. Modify Graphical Skins Using Adobe Flash® Templates | |||
5. Modify the Natural Experiences ComboBox Skin | |||
5: Extending Flex Components Using Actionscript 3 | |||
1. Creating an Extended Component | |||
2. Extend & Customize Pre-existing Flex Components | |||
3. Add Custom Buttons to Scroll Window Extended Panel | |||
4. Applying Images to Button States | |||
5. Assign Event Handlers in an ActionScript Component | |||
6. Adding Button Children to the Panel | |||
7. Positioning the Custom Buttons in the Scroll Window | |||
8. Create Variables, Change Button Size, & Calculate X & Y Positions | |||
9. Optimizing the Application with Style Sheets | |||
10. Final Comments & Credits | |||
Section 2 | |||
1: Drawing Shapes & Modifying Flex Components | |||
1. Using the Display List Objects & Graphics Class | |||
2. Calling the clear() Method | |||
3. Using lineStyle() to Style Star Points | |||
4. Drawing a Shape in an ActionScript Class | |||
5. Creating the ExpandButton | |||
6. Drawing a Round Cornered Rectangle | |||
7. Drawing a Line & Arrow | |||
8. Applying Drawn Buttons to an Application | |||
9. Reskinning Panels with a Programmatic Skin | |||
10. Setting Variables for Drawing the Skin | |||
11. Creating a Drawing Using the Graphics Class Method | |||
12. Applying the Panel Skin | |||
2: Animating Components & State Changes | |||
1. Creating Fly-In Pop Up Components | |||
2. Creating Parallel Effects Using MXML | |||
3. Creating Parallel Effects Using ActionScript | |||
4. Comparing MXML & ActionScript | |||
5. Expanding & Restoring the Scroll Window Panel | |||
6. Triggering the State Change | |||
7. Smoothing Transitions | |||
8. Detecting the Scroll Window’s Panel Width | |||
9. Creating Bindable Variables | |||
10. Using a Rollover Effect with a Thumbnail | |||
3: Loose Data Coupling With Binding & Events | |||
1. Displaying XML Data in an Array Collection | |||
2. Passing Data between Components | |||
3. Passing Thumbnail Sizes between Components | |||
4. Using a Repeater to Generate Thumbnails | |||
5. Displaying Data with the Thumbnails | |||
6. Creating a Pop Up Event Class | |||
7. Displaying the Correct Data in the Pop Up | |||
8. Reviewing Code in the Main Application | |||
9. Looking at the Filter Function | |||
10. Exploring the Thumbnail Gallery Properties | |||
11. Configuring the Thumbnail Gallery Layout | |||
12. Calculating the Thumbnail Width & Height | |||
13. Explaining Thumbnail Positioning | |||
14. Exploring the Code that Defines Thumbnail Position | |||
15. Positioning the Thumbnails in the Gallery | |||
16. Repairing the Scroll Window Display | |||
17. Refreshing the Gallery Based on Category | |||
4: Creating Mouse-aware Application Features | |||
1. Moving the Pop Up to the Mouse Position | |||
2. Constraining the Pop Up within the Content Area | |||
3. Modifying Pop Up Locations | |||
4. Continuing Modification of the Pop Up Location | |||
5. Creating the Timer Object | |||
6. Creating Auto-Scroll Functionality | |||
7. Timer Instance & ReducingValue Variable | |||
8. Timer Instance Basic Functionality | |||
9. Calculating Scrolling Functionality | |||
10. Controlling Animation Functionality | |||
11. Activate & Deactivate Scrolling Functionality | |||
5: Data-bound Drag & Drop For Any Flex Control | |||
1. Enabling the Drag Function on the Drag Source | |||
2. Enabling the Drop Function on the Drop Target | |||
3. Enabling the Drag Move Function on the Source | |||
4. Enable Drag & Drop Functionality on Components | |||
5. Limiting Data Display in the List Control | |||
6. Drag Enabling the Source Image | |||
7. Adding a Format to the DataSource Objects | |||
8. Accepting the Data in the Drop Target | |||
9. Creating a Proxy Image | |||
10. Drop Enabling the Target List Control | |||
11. Final Comments & Credits |