Got a lot more information than expected. Good presentation. More Testimonials »

MOC 10553 - Fundamentals of XAML and Microsoft Expression Blend

Delivery Options

Class Date and Time Price Pricing Information
$1,425.00
or 3 vouchers vouchers
$1,425.00 or 3 vouchers vouchers
$1,425.00 or 3 vouchers vouchers

Class Description

Class Overview

This XAML and Microsoft Expression Blend training class covers core and essential XAML skills. You will gain valuable experience developing XAML code in both Visual Studio 2010 and Expression Blend 4. The course teaches the beginner and intermediate tasks that enable the learner to build the foundational skills required to develop professional Silverlight 4 and WPF applications (for the Web, Windows desktops, and Windows Phone 7 devices).

The target audience for this training course is professional developers who have experience creating Windows Forms and ASP.NET Web applications with Visual Studio 2010, and who are interested in learning the core and essential XAML programming tasks that are required for professional Silverlight 4 and WPF programming in both Visual Studio 2010 and Expression Blend 4 environments.

Class Goals

  • Learn to describe XAML-based applications and the tools that can be used to build them.
  • Learn to create vector graphics with both Expression Blend 4 and Expression Design 4.
  • Learn to create a Silverlight application and a user interface by using various layout controls and other controls from the toolbox.
  • Learn to work with key parts and logic of a Silverlight application, such as hosting controls, App events, and InitParams.
  • Learn to create XAML objects programmatically.
  • Learn to work with Resources, Styles, Control Templates, and Behaviors.
  • Learn to implement Transforms, Animations, and Visual States in XAML-based applications.
  • Learn to prototype applications by using SketchFlow.

Class Outline

  1. Binding in XAML
    1. Introduction to XAML-based Applications
    2. Tools for Designing and Developing XAML-based Applications
    3. Anatomy of a XAML-based Application
    4. Lab: Getting Started with XAML-based Application Development
      1. Exercise: Creating a "Hello World" WPF Application
      2. Exercise: Creating a "Hello World" Silverlight Application
      3. Exercise: Using the Expression Blend 4 and Visual Studio 2010 Development Environments
      4. Exercise: Exploring the Expression Blend 4 Development Environment
  2. Creating Vector Graphics with Expression Studio 4
    1. Creating Vector Graphics with Expression Blend 4
    2. Creating Vector Graphics with Expression Design 4
    3. Importing Vector Graphics into Expression Blend 4
    4. Lab: Creating Vector Graphics with Expression Studio 4
      1. Exercise: Creating a Silverlight Application and Website by using Microsoft Expression Blend 4
      2. Exercise: Creating an Expression Design 4 Background
      3. Exercise: Distorting Text on a Path
      4. Exercise: Using Expression Design 4 Files in Expression Blend 4
  3. Laying out a XAML-based Application
    1. Organizing Controls in the User Interface
    2. Adding and Manipulating Controls
    3. Lab: Laying out a XAML-based Application
      1. Exercise: Adding TextBlocks and Buttons to MainPage.xaml
      2. Exercise: Using the Grid
      3. Exercise: Adding a Hyperlink to the Grid
      4. Exercise: Adding a Button to the Grid
      5. Exercise: Testing the Application
      6. Exercise: Adding Backgrounds to MainPage.xaml and DesignMode.xaml (as time permits)
  4. Developing and Debugging XAML-based Applications
    1. Developing WPF Applications
    2. Developing Silverlight Applications
    3. Hosting Silverlight Applications
    4. Debugging XAML-based Applications
    5. Lab: Developing and Debugging XAML-based Applications
      1. Exercise: Creating HTML Hosting Pages
      2. Exercise: Customizing the App.Xaml Code-Behind File in Visual Studio 2010
      3. Exercise: Debugging a Silverlight Application
      4. Exercise: Retrieving URL Parameters in the App.xaml Code-Behind File
      5. Exercise: Using URL Parameters in the Application
      6. Exercise: Designing the Greeting Card Page (optional)
      7. Exercise: Adding Code to Display Values From the URL
  5. Creating Controls Programmatically and Working with Media File
    1. Creating and Using Controls Programmatically
    2. Working with Media Files
    3. Lab: Creating Controls Programmatically and Working with Media Files
      1. Exercise: Creating Controls Programmatically
      2. Exercise: Building a Video Player
  6. Working with Resources, Styles, Control Templates, and Behaviors
    1. Working with Resources
    2. Working with Styles and Control Templates
    3. Working with Actions, Triggers, and Behaviors
    4. Lab: Working with Resources, Styles, Control Templates, and Behaviors
      1. Exercise: Using Resources in Expression Blend 4
      2. Exercise: Changing a Property Using a Conditional Behavior
      3. Exercise: Calling Methods from a Conditional Behavior
      4. Exercise: Using XAML Styles
      5. Exercise: Using XAML Control Templates
  7. Implementing Transforms, Animations, and Visual States
    1. Transforms in XAML-based Applications
    2. Animations in XAML-based Applications
    3. Implementing and Working with Visual States
    4. Lab: Implementing Transforms, Animations, and Visual States
      1. Exercise: Preparing Objects for Animation
      2. Exercise: Creating and Playing a StoryBoard
      3. Exercise: Using Visual States for the Video Page
      4. Exercise: Adding a Visual State for the Video Controls
      5. Exercise: Controlling States Programmatically
  8. Binding in XAML
    1. Property Binding in XAML-based Applications
    2. Data Binding in XAML-based Applications
    3. Lab: Binding in XAML
      1. Exercise: Binding Controls
      2. Exercise: Creating a Master/Detail View in WPF
  9. Prototyping Applications by Using SketchFlow in Expression Blend 4
    1. Prototyping Applications with SketchFlow
    2. Packaging and Reviewing Prototypes Developed with SketchFlow
    3. Lab: Prototyping Applications by Using SketchFlow in Expression Blend 4
      1. Exercise: Creating an Expression SketchFlow Application
      2. Exercise: Creating SketchFlow Screens
      3. Exercise: Configuring the Login Screen
      4. Exercise: Configuring the Card Gallery Screen
      5. Exercise: Packaging the SketchFlow Solution
      6. Exercise: Performing the Client Role
      7. Exercise: Performing the Developer Role

Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following areas is required:

  • 1-3 months of professional programming experience with Visual Studio 2010.

Experience in the following areas would be beneficial:

  • Some professional experience in developing either ASP.NET Web applications or Windows Forms desktop applications.

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

Potential Follow-on Classes

Client Success
  1. Independent Survey
  2. Client List
  3. Testimonials
Join The Team
  1. Learn how you can become a Webucator Trainer
  2. Career Opportunities
Locations
Compare Us
Watch 3-minute Demo Video
of Live Online Training:
Learn the benefits of online training with Webucator
Webucator is a Registered Education Provider (R.E.P.) approved by PMI to issue professional development units (PDUs) for our training courses.

Recent Blog Articles

Using the Silverlight DataForm and DomainDataSource Controls with RIA Services

Posted on Feb 07, 2011 by Bruce

Check out this video demonstration on using the Silverlight DataForm control and the DomainDataSource control with WCF RIA Services. This video is a continuation ...


How to Get Started with WCF RIA Services in Silverlight 4

Posted on Jan 27, 2011 by Bruce

Check out this video demonstration on using WCF RIA Services in Silverlight 4 with Visual Studio 2010. To view the video in full screen mode (recommended), ...


How to Get Bound Objects to Notify the Silverlight UI of Property Changes

Posted on Jan 17, 2011 by Bruce

Check out this video on how to update the UI in Silverlight automatically when an bound object’s property changes. To view the video in full screen ...


How to Create Silverlight Easing Functions in Blend 4

Posted on Jan 10, 2011 by Bruce

Check out this video on how to create Silverlight easing functions using Blend 4. To view the video in full screen mode (recommended), press the “F” ...


Update Silverlight 4 Applications Running Out-Of-Browser

Posted on Nov 22, 2010 by Bruce

Check out this video demonstration of how to update a Microsoft Silverlight application running out-of-browser. To view the video in full screen mode (recommended), ...

© Webucator, Inc. All rights reserved. | Toll Free: 1-877-932-8228 | From outside the USA: 315-849-2724| Fax: 315-849-2723