4046.  Silverlight 2 Using JavaScript

PRELILMINARY AND SUBJECT TO CHANGE

 

Microsoft’s Silverlight is a new client-side Web technology that enables the implementation of visually stunning Web applications that depend only on a small, easy-to-install plug-in that works in browsers for both Windows and Macintosh. Silverlight 2 provides a cross-platform and cross-browser implementation of the .NET Framework. Silverlight applications can be implemented in .NET languages such as C# and Visual Basic as well as in JavaScript. This two-day course provides the JavaScript programmer with a thorough foundation in Silverlight 2.

 

After introducing the Silverlight plug-in and SDK and the programming model for Silverlight, the course provides a thorough survey of Extensible Application Markup Language (XAML), which is also the foundation of Windows Presentation Framework (WPF). The course then shows how to use Silverlight to draw shapes, lines, text and images. The positioning and transformation of elements is covered. Event handling is covered. The course concludes with an introduction to Silverlight animation and the use of video and audio.

 

Numerous programming examples and exercises are provided. The student will receive a complete set of notes and all the programming examples.

 

LEARNING OBJECTIVES

 

·         Gain a practical knowledge of using Silverlight in Web applications

·         Understand the use of XAML with Silverlight, including the creation of dynamic content

·         Use Silverlight to draw shapes, lines, text and images

·         Implement input-driven Web applications using Silverlight

·         Use advanced Silverlight features such as animation and multimedia

 

Course Duration:  2 days

 

Prerequisites:  A good working knowledge of Web application development using HTML and JavaScript. Knowledge of ASP.NET and the .NET Framework is not required

 

1.      Introduction to Silverlight

The Silverlight Plug-in

The Silverlight SDK

Using the Silverlight Control

 

2.      Programming Silverlight

Managed API for Silverlight

Visual Studio 2008 and Silverlight

JavaScript API for Silverlight

Interactive Web Applications Using JavaScript

 

3.      Using XAML

Windows Presentation Framework (WPF)

Extensible Application Markup Language (XAML)

Canvas

Elements and Attributes

Property Elements

Type Converters

Content Property

Collections

Attached Properties

XAML and JavaScript

Creating XAML Documents Dynamically

 

4.      Shapes and Lines

Rectangles

Ellipses

Polygons

Lines and Polylines

Curves

Paths

Geometries

Strokes

 

5.      Text and Fonts

TextBlock

Fonts

Run

LineBreak

 

6.      Brushes and Images

Color and Opacity

SolidColorBrush

LinearGradientBrush

RadialGradientBrush

Image

ImageBrush

 

7.      Layout and Transforms

Sizing Elements

StackPanel

Grid

Positioning Elements

Z-Order

Clipping

Translate Transform

Rotate Transform

Scale Transform

Skew Transform

Combining Transforms

 

8.      Handling Events

Event Handlers

Mouse Events

Plug-in Events

Optional Plug-in Information

Rubber Band Drawing

Drag and Drop

Event Bubbling

 

9.      Animation and Media

Animation using the DOM

Silverlight Animation

Video and Audio

On-Demand Downloading

 

Appendix A. Learning Resources

 

System Requirements

 

·         Microsoft Windows with Internet Explorer

·         Visual Studio 2008

·         Silverlight Tools for Visual Studio

 

The course has been tested on Windows XP with Service Pack 2 and Internet Explorer 7.

 

A good hardware profile for this course would have a Pentium 2-GHz or equivalent CPU, 512 MB of RAM, and at least 4 GB of free disk

 

See the appropriate course Setup Guide for details.