Flex 2 Advanced Visual Programming
ACCREDITED BY
Course Description:
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.
What skills will I gain?
- Discover how to create data bound drag and drop functionality for virtually any Flex control.
- Learn to create mouse-aware application features.
- Understand loose component coupling, implemented through bindings and events.
- Get inside tips on optimizing file size through programmatic shape creation.
- See how to implement and skin Flex components directly in ActionScript 3.0.
Meet the instructor:
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.
Course outline:
Part 1
- Module 01: Setting Up & Overview
- Module 02: Enhancements with Imagery & Layering
- Module 03: Working With Fonts, Filters, & Blends
- Module 04: Customizing Flex Components
- Module 05: Extending Flex Components Using Actionscript 3
Part 2
- Module 01: Drawing Shapes & Modifying Flex Components
- Module 02: Animating Components & State Changes
- Module 03: Loose Data Coupling With Binding & Events
- Module 04: Creating Mouse-Aware Application Features
- Module 05: Data-Bound Drag & Drop for Any Flex Control
What are the requirements?
- You must be 16 or over
- You should have a basic understanding of English, Maths and ICT
- You will need a computer or tablet with internet connection (or access to one)
How will I be assessed?
- You will have one assignment. Pass mark is 65%.
- You will only need to pay £19 for assessment.
- You will receive the results within 72 hours of submittal, and will be sent a certificate in 7-14 days.
What Certification am I going to receive?
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.
What careers can I get with this qualification?
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:
- Software developer
- Java developer
- Digital engineer
- Java coder
Key Features
Gain an accredited UK qualification
Access to excellent quality study materials
Learners will be eligible for TOTUM Discount Card
Personalized learning experience
One year’s access to the course
Support by phone, live chat, and email
| 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 | |||
Related Courses
