Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share

Inland Empire .NET User's Group Silverlight Class

on

  • 1,131 views

Slides from the first Silverlight 4 class taught by the Inland Empire .NET User's Group

Slides from the first Silverlight 4 class taught by the Inland Empire .NET User's Group

Statistics

Views

Total Views
1,131
Views on SlideShare
1,131
Embed Views
0

Actions

Likes
0
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 1. Vector graphics Transform Animation HD Video   2. Binary compatible (XAP Files) No need to target separate platforms.   3. Multi language : C#, VB, IronPython, F#.   CLR is same.
  • 1. Vector graphics Transform Animation HD Video   2. Binary compatible (XAP Files) No need to target separate platforms.   3. Multi language : C#, VB, IronPython, F#.   CLR is same.
  • Custom Window Chrome Notification Toast
  • VS 2010 installs Silverlight 3 - but Silverlight 4 is a separate download.
  • Vector graphics Transform Animation HD Video
  • Create a Label Enter Name and a text box next to it.   Create a text box below it.   Create a Button "Greet" and when clicked set the text "Hello "
  • Vector graphics Transform Animation HD Video

Inland Empire .NET User's Group Silverlight Class Presentation Transcript

  • 1. Silverlight 4 Course
    • Introduction to Silverlight
    • Layout
    • Input Handling
    • Applications, Resources, Deployment
    • Data Binding, View Model
    • Out of Browser, File Access, Printing
    • WCF RIA Services (4 Weeks )
  • 2. Introduction to Silverlight
    • Agenda  
    • What is Silverlight ?
    • Evolution of Silverlight
    • Getting Started
    • Silverlight VS WPF
    • Core Controls
    • Anatomy
    • Demo
  • 3. Silverlight 4
      • Cross browser plugin – IE (Active/X), FireFox (NSAPI), Chrome, Safari (WebKit)  
      • Cross platform – Windows, MAC (Intel Only) and Linux using Moonlight (Delayed)
    •  
      • .Net programming language (C#, Visual Basic, …) and runtime
      • Works with Javascript and HTML DOM
        • Not mutually exclusive
      • Mobile platform : Windows 7 Phone, Nokia Symbian OS
      • RIA : User interaction and Animation
    •  
    •  
  • 4. History
    • .Net Programming for client server web.
    • Javascript to provide client side interactivity.
    • Crippled because of Javascript compatibility.
    • Microsoft wanted better control just like Java Applets.
    • So came Silverlight. Initially known as WPF/E .
    • WPF History : GDI & USER, DirectX, XP’s GDI+
  • 5. Silverlight Evolution
      • SL 1 : Graphics, hi-def media, script, text
    •  
      • SL 2 : . Net Framework
    •  
      • SL 3: OOB, Data binding, Common Controls, Deployment : LOB
    •  
      • SL 4 : Printing, COM Automation, Trusted Apps, Multi touch, Webcam & Mic, Mouse right click
    •  
    •  
    •  
    •  
  • 6. Getting Started
      • Install using Web Installer :
      • http://www.microsoft.com/web
      • Installs Web Server, Frameworks and Runtimes, Database and Tools.
      • Install Visual Studio 2010 Express (SL 3)
        • http://www.microsoft.com/express/Web
      • Install Silverlight Tools (SL 4)
        • http://www.silverlight.net/getstarted
    •  
    •  
    •  
  • 7. Silverlight VS WPF
      • Different implementation :  Same Basic Technology
    •  
      • Web vs Desktop
    •  
      • Subset Vs Superset of .Net Framework
      • Mostly the same team works on both.
      • Use #ifdef if targeting both.
      • WPF features Full Hardware Acc, Drawing Types, Event tunneling.
      • Silverlight Features Browser Integration, Video Brush, Deep Zoom
    •  
    •  
    •    
    •  
    WPF SL
  • 8. XAML
    • XML Application Markup Language
    •  
        • Declarative language to describe UI.
        • XML Rules apply. Don’t forget />
        • Pronounced like Zammel.
        • Expression Blend Tools support it.
        • CAML
        • BAML
        • Can call Javascript function for splash screen functionality.
    •  
    •  
  • 9. XAML
    • Element : Corresponds to CLR object
      • <Button>
      • <Button.Content>
      • Cancel
      • <Button.Content />
      • <Button>
    • Attribute : Corresponds to Properties, events
    • <Button Content=“Cancel” Click=“fn” />
    • Namespaces
      • xmlns:x=“http:/….. ”
      • <Button x:Name=“mybtn” />
  • 10. XAML
    • Type Converter
      • <Button Background=“Red” />
      • Here Red gets converted to a SolidColorBrush because of Type Converter.
    • Markup extension {}
      • <TextBlock text={Binding …. } />
  • 11. Silverlight project types
    • Silverlight Application : stand alone
    • Silverlight Navigation : Multiple pages URI Map
    • Silverlight Class Library : reuse common code
    • Silverlight Business Application : RIA Services
    • WCF RIA Services Class
    • Unit Test Application : Added to existing SL Proj
      • Demo [Show in Visual Studio]
  • 12. Core Controls and Events SL Runtime, SL SDK, SL ToolKit
    • Button
    • CheckBox
    • RadioButton
    • TextBox
    • Image
    • ComboBox
    • ListBox
    • Clicked
    • Checked/Unchecked
    • GroupName Property
    • TextChanged
    • Stretch Property
    • Items Property
    • SelectionChanged
  • 13. DEMO
    •  
      • Create Hello World
    •  
    •   Enter Name:
    •  
    • Hello World, John
    • Create all elements, events from both XAML and CS
    • Hook to Javascript function. (No x:class )
    • Talk about X:Name X:Class
    • Show Document Outline / bread crumb in XAML view.
    • Open project in both Blend and VS.
    John Greet
  • 14. Anatomy
    • Object tag
    • XAP Files in ClientBin
      • Zip file
    • Host project to host the html page
  • 15. References
    • Silverlight.net
    • Channel9.msdn.com
    • Silverlight cream
    • Quick starts
  • 16. Class Project
      • Create an oval. Fill color Red.
      • On Mouse enter change Fill color to Blue
      • On Mouse exit change color to Green
      • On Mouse click change color to Purple.
    •  
    •  
    •  
    Red Blue Green Color: Radio Button Oval or Rect Combo Box Oval or Rect
  • 17.
    • As Microsoft says :
      • Light up the WEB
    • As Obi Wan Kanobi says it :
  • 18.
    • “ Use the light, Luke”