Adobe Flex3 コンポーネントの拡張とスタイル実践講座の内容
学習目的
このコースは次のスキルを身につけることを目的とします(集合研修では3日間で行う内容です):
- Adobe Flex アプリケーションでの画像とレイヤーの使用
- Adobe Flex アプリケーションでのフォントとフィルターの使用
- Adobe Flex コンポーネントの拡張と変更
- Adobe Flex コンポーネントのアニメーション化
- Adobe Flex アプリケーションのマウス制御
- Adobe Flex アプリケーションのドラッグドロップ制御
対象の方
Flexアプリケーション開発のデザイン設計/コーディングを担当する予定の方
受講に必要な前提知識
Flexプログラミング経験者(Flex開発基礎コース受講者)。ActionScript3プログラミング入門受講者または同等レベルのスキルの方。
受講料
¥158,000(税込¥165,900)
スケジュール(開講日)
完全マンツーマンを予約制で行うため、講師とスケジュール調整をして開始日、受講日程を決定します。
備考
テキストは最新のアドビ認定Flex3コーステキストを使用します。そのため、受講時点で日本語化が完了していない場合、英語テキスト+日本語要点訳ブックレット により進めます。 ご受講される方には要点を日本語訳したブックレットをお渡しいたします。
講師より
確実に高機能Webアプリケーションが望まれる時代に突入しています。Flash、PDFという世界標準技術を持つAdobeがエンタープライズアプリケーションの分野でイニシアティブを握るバックグラウンドが着実に整っています。この波に乗り遅れないためにも、新しい技術の習得を行い、「望まれる」技術者となることを望みます。
講座トピック
Lesson 1: Introducing Flex 3: Extending and Styling Components Topic 1A: Programming the Visual Experience Topic 1B: Understanding Project Roles Topic 1C: Introducing Mastery Learning Topic 1D: Understanding the Course Format Topic 1E: Reviewing the Course Prerequisites Topic 1F: Reviewing the Course Outline Topic 1G: Walkthrough 1: Setting Up Application Files Lesson 2: Embedding Images and Fonts Topic 2A: Embedding Images at Compile-Time Topic 2B: Walkthrough 1: Adding Imagery to the Natural Experiences Application Topic 2C: Layering Content Using Absolute Layout Topic 2D: Walkthrough 2: Positioning the Flower Image over the Welcome Panel Topic 2E: Creating a Reusable Embedded Image Topic 2F: Creating Instances of an Embedded Image Class Topic 2G: Walkthrough 3: Embedding the Flowers using ActionScript Topic 2H: Understanding Device Font Limitations Topic 2I: Walkthrough 4: Learning the Limitations of Device Fonts Topic 2J: Embedding Fonts with Absolute File Paths Topic 2K: Walkthrough 5: Embed a Font by Reference to the File System Topic 2L: Embedding Fonts using Adobe Flash Topic 2M: Walkthrough 6: Creating the Text Logo using a Embedded Flash Font Lesson 3: Modifying the Look and Feel of Flex Components Topic 3A: Exploring Filters Topic 3B: Walkthrough 1: Add Filters to the Natural Experiences Text Logo Topic 3C: Applying Blends Topic 3D: Walkthrough 2: Add a Blend to the Experience Font Topic 3E: Modifying the Look-and-Feel of Flex Components using MXML Styles Topic 3F: Walkthrough 3: Modifying the Natural Experiences Application using MXML Styles Topic 3G: Modifying Graphical Skins using Flex Skin Design Extensions for CS3 Topic 3H: Walkthrough 4: Using Flex Skin Artwork Created in Flash CS3 Lesson 4: Creating Popups Topic 4A: Creating a Popup Window Topic 4B: Walkthrough 1: Creating the TitleWindow and Gallery Popup Topic 4C: Passing Data to the Popup Window Topic 4D: Walkthrough 2: Passing Data to the Gallery Popup Lesson 5: Extending Flex Components Topic 5A: Exploring Display Object Basics Topic 5B: Extending Flex Components Topic 5C: Walkthrough 1: Creating an Extended Component Topic 5D: Implementing the createChildren() Method Topic 5E: Walkthrough 2: Adding Custom Buttons to the scrollWindow Extended Panel Topic 5F: Implementing the updateDisplayList() Method Topic 5G: Walkthrough 3: Positioning the Custom Buttons in the scrollWindow Topic 5H: Improving Custom Component Reusability with Stylesheets Topic 5I: Walkthrough 4: Optimizing the Application with Stylesheets Lesson 6: Lab: Implementing Visual Changes to a Flex Application Topic 6A: Part 1: Adding Images Topic 6B: Part 2: Applying Graphical Skins Topic 6C: Part 3: Embedding FlashType Fonts and Applying Styles Topic 6D: Part 4: Creating and Applying Filters Lesson 7: Drawing Shapes and Skinning Programmatically Topic 7A: Understanding the Relationship Between Display List Objects and the Graphics Class Topic 7B: Calling the clear() Method Topic 7C: Demonstration 1: Exploring the clear() Method Topic 7D: Drawing Lines Topic 7E: Walkthrough 1: Using Line Methods to Draw a Star Topic 7F: Creating a Visual Element as an ActionScript Class Topic 7G: Walkthrough 2: Drawing a Star in an ActionScript Class Topic 7H: Creating Shapes Topic 7I: Defining Fill Methods Topic 7J: Walkthrough 3: Draw the Expand Button for the scrollWindow Panel in the Natural Experiences Application Topic 7K: Implementing a ButtonSkin from the mx.skins.halo Package Topic 7L: Walkthrough 4: Applying Drawn Buttons to an Application Topic 7M: Implementing a Programmatic Skin Topic 7N: Walkthrough 5: Creating and Applying a Panel Skin using the borderSkin Property Lesson 8: Animating Components and View States Topic 8A: Creating Behaviors in ActionScript Topic 8B: Walkthrough 1: Animating a Fly-in Popup Component Topic 8C: Reviewing View States and Transitions Topic 8D: Walkthrough 2: Expanding and Restoring the Scroll Window Panel Topic 8E: Using the CurrentStateChange Event Topic 8F: Walkthrough 3: Detecting Panel Width after a Completed Transition Lesson 9: Creating Mouse-Aware Applications Topic 9A: Detecting the Mouse Position Topic 9B: Walkthrough 1: Moving the Popup to the Mouse Position Topic 9C: Detecting the Stage Dimensions Topic 9D: Walkthrough 2: Ensure the Popup Stays Within the Content Area Lesson 10: Implementing Drag and Drop Functionality Topic 10A: Understanding the DragManager Topic 10B: Walkthrough 1: Enabling Drag and Drop Functionality in a Drag-Enabled Component Topic 10C: Specifying the Data to Display in a List Control Topic 10D: Walkthrough 2: Using the labelField to Display Data in a List Component Topic 10E: Enabling Dragging on Non-List-Based Controls Topic 10F: Walkthrough 3: Dragging an Image Topic 10G: Controlling Dropping with Formats Topic 10H: Walkthrough 4: Using Formats Topic 10I: Handling Data in Drag and Drop Operations Topic 10J: Walkthrough 5: Manipulating Data in Drag and Drop Operations
