Your SlideShare is downloading. ×
  • Like

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.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Inland Empire .NET User's Group Silverlight Class

  • 794 views
Published

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

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
794
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
10
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • 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 <username>"
  • Vector graphics Transform Animation HD Video

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”