Author : Gaurav Arora Reviewer : ChanderShekhar Thota Created on : Dec 18 th  , 2009 Website : http://www.hyderabatechies....
About Author <ul><li>Gaurav Arora is Microsoft Certified Technical Specialist. He is M.Phill(Comp. Sc.), Masters in Comput...
About Session <ul><li>This session of Silverlight is mainly focused on the basics of Silverlight. We try to give you the b...
<ul><li>Know Silverlight </li></ul><ul><ul><li>What is Silverlight? </li></ul></ul><ul><ul><li>Why Use of Silverlight? </l...
<ul><li>Silverlight : Practical View </li></ul><ul><ul><li>How to start application? </li></ul></ul><ul><ul><li>Our First ...
<ul><li>In Simple words, we can say Silverlight is Microsoft’s innovation in  the RIA era. </li></ul><ul><li>Its nothing b...
<ul><ul><li>A Micrososft product. </li></ul></ul><ul><ul><li>It’s a web application framework </li></ul></ul><ul><ul><li>E...
<ul><li>There are number of reasons for Why to Use Silverlight :  </li></ul><ul><ul><li>It provides us great UI </li></ul>...
<ul><li>Microsoft© building and giving more flexibility in this Framework by providing new releases. </li></ul><ul><li>The...
Overview: Framework Architecture Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft T...
Overview: Framework Architecture <ul><li>The Silverlight framework allows applications to access Web services, databases,W...
Silverlight Plug-in <ul><li>Ok, now lets check what is Silverlight Plug-in </li></ul><ul><ul><li>Silverlight Plug-in is ve...
Silverlight : Core presentation <ul><li>Its nothing but a sub-set of WPF [Windows Presentation Foundation] </li></ul><ul><...
.Net Silverlight Framework <ul><ul><li>CLR [Common Language Runtime] </li></ul></ul><ul><ul><li>BCL [Base Class Library] <...
Architecture : Silverlight Application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Micro...
<ul><li>Install the developer tools for Silverlight </li></ul><ul><ul><li>Following are the steps direct how to Set up the...
<ul><li>Goto :  http://www.silverlight.net/GetStarted </li></ul><ul><li>Install Expression Blend </li></ul><ul><li>Downloa...
<ul><ul><li>The version Moonlight,created by team of the Mono Project at Novell, provides a plug-in for Linux browser and ...
<ul><ul><li>Visual Studio 2008 or above : provides the facility of .Net integration </li></ul></ul><ul><ul><li>Expression ...
<ul><ul><li>Choose your IDE </li></ul></ul><ul><ul><li>Select language </li></ul></ul><ul><ul><li>Select platform </li></u...
<ul><ul><li>Following are the initial steps to give the overview to just start first application: </li></ul></ul><ul><ul><...
<ul><ul><li>Finally click ok </li></ul></ul><ul><ul><li>The page.xaml appears </li></ul></ul><ul><ul><li>From toolbox drag...
Demo - Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Tec...
Selecting Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft ...
How to Host Silverlight application? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microso...
Skeleton of Silverlight application? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microso...
Creating a XAML Page Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
Creating a XAML Page Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
Start writing code Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
Navigate to Event handler Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technolo...
Writing a code Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
Building application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
‘ xap’ file Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies After bui...
Running Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Te...
<ul><li>Thank you Hyderabad Techies </li></ul>Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions o...
Upcoming SlideShare
Loading in …5
×

Silverlight Demos For Beginners

4,904 views
4,779 views

Published on

This is the presentation of my session on HyderabadTechies.

I have to pay my thanks to Chandershekhar Thota, Edward Thomas, Lisa D'hard, Meetu Choudhary, Harshitha and Abit

Published in: Education, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,904
On SlideShare
0
From Embeds
0
Number of Embeds
117
Actions
Shares
0
Downloads
118
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Silverlight Basics : Provided by HyderabadTechies©2009
  • Gaurav Arora has his blog at : http://stuff4mdesktop.blogspot.com
  • Gaurav Arora is webmaster of : http://dotnetspider.com/about, http://silverlightclub.com/about
  • STEP-I : Selecting a new project
  • STEP-II : Choosing Silverlight Application
  • STEP-III : How to Host Silverlight Application?
  • STEP-IV : Skeleton of Silverlight Application?
  • STEP-V : Creating a XAML Page
  • STEP-V (a): XAML Code
  • STEP-V : Start Writing Code
  • STEP-VI : Navigate to Event Handler
  • STEP-VII : Writing a piece of Code in the handler
  • STEP-VIII : Building application
  • STEP-IX : Getting new ‘xap’ file
  • STEP-X : Running application
  • Silverlight Demos For Beginners

    1. 1. Author : Gaurav Arora Reviewer : ChanderShekhar Thota Created on : Dec 18 th , 2009 Website : http://www.hyderabatechies.info FROM HYDERABADTECHIES
    2. 2. About Author <ul><li>Gaurav Arora is Microsoft Certified Technical Specialist. He is M.Phill(Comp. Sc.), Masters in Computer Applications. Gaurav is an author of various online/offline articles, tutorials, including Silverlight, Asp.net, WCF, LINQ etc. He is the Founder, Webmaster and Sr. Editor of Technical communities viz. Silverlight Club and Dotnetspider . </li></ul><ul><li>Gaurav is the co-founder of MsDotNetHeaven a free I.T. online educational web portal. </li></ul>Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    3. 3. About Session <ul><li>This session of Silverlight is mainly focused on the basics of Silverlight. We try to give you the brief idea about the Silverlight viz. what, why and where. </li></ul><ul><li>It’s a series of continued session as soon as we will go forward will get in some advance versions of the session. </li></ul><ul><li>This series is just beginning of our long path… </li></ul>Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    4. 4. <ul><li>Know Silverlight </li></ul><ul><ul><li>What is Silverlight? </li></ul></ul><ul><ul><li>Why Use of Silverlight? </li></ul></ul><ul><ul><li>Available versions </li></ul></ul><ul><ul><li>Overview : Silverlight Framework Architecture </li></ul></ul><ul><li>Groom up with Silverlight </li></ul><ul><ul><li>Setup SDE [Silverlight Development Environment] </li></ul></ul><ul><ul><li>Overview : Silverlight Development Tools </li></ul></ul>Contents Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    5. 5. <ul><li>Silverlight : Practical View </li></ul><ul><ul><li>How to start application? </li></ul></ul><ul><ul><li>Our First Silverlight Application </li></ul></ul><ul><li>Demo of Silverlight Application </li></ul>Contents Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    6. 6. <ul><li>In Simple words, we can say Silverlight is Microsoft’s innovation in the RIA era. </li></ul><ul><li>Its nothing but a simple Cross-browser, cross-platform client-framework, which helpful to deliver RIA [Rich Internet Applications] embedded in web pages for both designers and developers. </li></ul><ul><li>So, silverlight is a framework which provides us to develop and design RIA. </li></ul>Know Silverlight Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    7. 7. <ul><ul><li>A Micrososft product. </li></ul></ul><ul><ul><li>It’s a web application framework </li></ul></ul><ul><ul><li>Encient famous name is WPF [Windows Presentation Foundation] </li></ul></ul><ul><ul><li>Cross-browser, Cross-Platform </li></ul></ul><ul><ul><li>Provides ease to build RIA </li></ul></ul><ul><ul><li>Provides to develop applications, easily embed with Web Pages </li></ul></ul><ul><ul><li>Based on .Net Platform </li></ul></ul>What is Silverlight? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    8. 8. <ul><li>There are number of reasons for Why to Use Silverlight : </li></ul><ul><ul><li>It provides us great UI </li></ul></ul><ul><ul><li>It provides integrated XAML declarative language with .Net framwork </li></ul></ul><ul><ul><li>Silverlight appeals to both Designers and Developers </li></ul></ul><ul><ul><li>It’s a Cross-browser, cross-platform </li></ul></ul><ul><ul><li>Installation is easy </li></ul></ul><ul><ul><li>Dynamically implementation of data and it not available outside for search engines. </li></ul></ul>Why use Silverlight? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    9. 9. <ul><li>Microsoft© building and giving more flexibility in this Framework by providing new releases. </li></ul><ul><li>The available versions till date are : </li></ul><ul><ul><li>Silverlight 1.0 : Initial release </li></ul></ul><ul><ul><li>Silverlight 2.0 : New features and more powerful to initial release </li></ul></ul><ul><ul><li>Silverlight 3.0 : With some new extensions and features </li></ul></ul><ul><ul><li>Silverlight 4.0 Beta : Now available http://silverlight.net/getstarted/Silverlight-4-beta </li></ul></ul>Available versions Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    10. 10. Overview: Framework Architecture Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    11. 11. Overview: Framework Architecture <ul><li>The Silverlight framework allows applications to access Web services, databases,Web servers, and other data sources to acquire data that is displayed in the UI. It also allows the application to integrate with the Web page DOM as well as AJAX and JavaScript to enhance the functionality of the Web page. </li></ul><ul><li>There are many Code-Breaking changes in new versions as a scope of this session, we are not discussing all here, refer to : Code-Breaking Changes </li></ul>Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    12. 12. Silverlight Plug-in <ul><li>Ok, now lets check what is Silverlight Plug-in </li></ul><ul><ul><li>Silverlight Plug-in is very lightweight component </li></ul></ul><ul><ul><li>Essential for users to access, Silverlight applications </li></ul></ul><ul><ul><li>Easy to download and install , consume less disk space </li></ul></ul><ul><ul><li>It provides great extensive support for both designers and developers </li></ul></ul>Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    13. 13. Silverlight : Core presentation <ul><li>Its nothing but a sub-set of WPF [Windows Presentation Foundation] </li></ul><ul><ul><li>XAML Parser </li></ul></ul><ul><ul><li>UI render </li></ul></ul><ul><ul><li>Layout </li></ul></ul><ul><ul><li>Controls </li></ul></ul><ul><ul><li>Data Binding </li></ul></ul><ul><ul><li>Input </li></ul></ul><ul><ul><li>DRM [Digital rights Management] </li></ul></ul><ul><ul><li><<We are not going in the depth of above, in this session>> </li></ul></ul>Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    14. 14. .Net Silverlight Framework <ul><ul><li>CLR [Common Language Runtime] </li></ul></ul><ul><ul><li>BCL [Base Class Library] </li></ul></ul><ul><ul><li>DLR [Dynamic Language Runtime] </li></ul></ul><ul><ul><li>WPF [Windows Presentation Foundation] </li></ul></ul><ul><ul><li>WCF [Windows Communication Foundation] </li></ul></ul><ul><ul><li>Data Framework </li></ul></ul><ul><ul><li><<We are not going in the depth of above, in this session>> </li></ul></ul>Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    15. 15. Architecture : Silverlight Application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies Managed Code .Net Language Dynamic Runtime Languages Logics & Funcationality Communication & Data Managed Code [XAML] UI Input Controls Layout Animation & Transformation Web Page Object Embedded HTML Embedded ASP.NET
    16. 16. <ul><li>Install the developer tools for Silverlight </li></ul><ul><ul><li>Following are the steps direct how to Set up the Environment? 1. Install Visual Studio 2008 or higher with Visual Web Developer Feature 2. Install SilverLight Plug-in: download Silverlight Plug-in from http://www.microsoft.com/silverlight and Install Silverlight, make sure you have uninstalled all previous versions of silverlight </li></ul></ul>Setup SDE Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    17. 17. <ul><li>Goto : http://www.silverlight.net/GetStarted </li></ul><ul><li>Install Expression Blend </li></ul><ul><li>Download Silverlight Toolkitr </li></ul><ul><li>Download .Net RIA services </li></ul>How to install SDK Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    18. 18. <ul><ul><li>The version Moonlight,created by team of the Mono Project at Novell, provides a plug-in for Linux browser and an SDK to develop Silverlight application on the Linux Platform, it is downloadable from : go-mon.com/moonlight </li></ul></ul><ul><ul><li>Lunareclips is the IDE for designing the XAML elements available at : Lunareclips </li></ul></ul>Silverlight on Linux Platform Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    19. 19. <ul><ul><li>Visual Studio 2008 or above : provides the facility of .Net integration </li></ul></ul><ul><ul><li>Expression Blend : Provides great facility to design application </li></ul></ul><ul><ul><li>Expression Encoder : Provides the facility for Media elements </li></ul></ul><ul><ul><li>XAML : A scripting language provide extensive facility for vector graphics </li></ul></ul>Overview : Silverlight Development Tools Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    20. 20. <ul><ul><li>Choose your IDE </li></ul></ul><ul><ul><li>Select language </li></ul></ul><ul><ul><li>Select platform </li></ul></ul><ul><ul><li>Start Building </li></ul></ul>How to start application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    21. 21. <ul><ul><li>Following are the initial steps to give the overview to just start first application: </li></ul></ul><ul><ul><li>Select File -> New -> Project from Main Menu of Visual Studio </li></ul></ul><ul><ul><li>Select C# / Visual Basic from the project types </li></ul></ul><ul><ul><li>From Template list select Silverlight Template </li></ul></ul><ul><ul><li>Enter project name and location then create a new project. </li></ul></ul><ul><ul><li>To host Silverlight within the project, select generate HTML test page. </li></ul></ul>Our First Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    22. 22. <ul><ul><li>Finally click ok </li></ul></ul><ul><ul><li>The page.xaml appears </li></ul></ul><ul><ul><li>From toolbox drag and drop any control on the page </li></ul></ul><ul><ul><li>Modify the control and then save the page.xaml file </li></ul></ul><ul><ul><li>To get into code-behind double click on the control </li></ul></ul><ul><ul><li>Write some test message : Like “Hello I am Started!”. </li></ul></ul><ul><ul><li>Now build and test the changes </li></ul></ul>Our First Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    23. 23. Demo - Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies SELECTING A NEW PROJECT
    24. 24. Selecting Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies Framework Select Silverlight Template
    25. 25. How to Host Silverlight application? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    26. 26. Skeleton of Silverlight application? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    27. 27. Creating a XAML Page Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    28. 28. Creating a XAML Page Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    29. 29. Start writing code Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    30. 30. Navigate to Event handler Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    31. 31. Writing a code Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    32. 32. Building application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
    33. 33. ‘ xap’ file Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies After building application, check ClientBin, there is a new application with ‘xap’ extension
    34. 34. Running Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies Running page host a silverlight application
    35. 35. <ul><li>Thank you Hyderabad Techies </li></ul>Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies

    ×