Silverlight Demos For Beginners
Download as PPS, PDF2 likes2,803 views
The document outlines a session by Gaurav Arora, an expert in Microsoft technologies, focusing on the basics of Silverlight, a framework for developing Rich Internet Applications (RIAs). It covers the benefits and features of Silverlight, its architecture, and instructions for setting up the development environment, along with a practical demonstration of creating a basic Silverlight application. The session is part of a series hosted by the Microsoft Developer User Group in Hyderabad to educate participants on Microsoft technologies.
![Know Silverlight What is Silverlight? Why Use of Silverlight? Available versions Overview : Silverlight Framework Architecture Groom up with Silverlight Setup SDE [Silverlight Development Environment] Overview : Silverlight Development Tools Contents Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies](https://image.slidesharecdn.com/silverlightdemosforbeginners-100213100011-phpapp02/85/Silverlight-Demos-For-Beginners-4-320.jpg)
![In Simple words, we can say Silverlight is Microsoft’s innovation in the RIA era. 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. So, silverlight is a framework which provides us to develop and design RIA. Know Silverlight Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies](https://image.slidesharecdn.com/silverlightdemosforbeginners-100213100011-phpapp02/85/Silverlight-Demos-For-Beginners-6-320.jpg)
![A Micrososft product. It’s a web application framework Encient famous name is WPF [Windows Presentation Foundation] Cross-browser, Cross-Platform Provides ease to build RIA Provides to develop applications, easily embed with Web Pages Based on .Net Platform What is Silverlight? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies](https://image.slidesharecdn.com/silverlightdemosforbeginners-100213100011-phpapp02/85/Silverlight-Demos-For-Beginners-7-320.jpg)
![Silverlight : Core presentation Its nothing but a sub-set of WPF [Windows Presentation Foundation] XAML Parser UI render Layout Controls Data Binding Input DRM [Digital rights Management] <<We are not going in the depth of above, in this session>> Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies](https://image.slidesharecdn.com/silverlightdemosforbeginners-100213100011-phpapp02/85/Silverlight-Demos-For-Beginners-13-320.jpg)
![.Net Silverlight Framework CLR [Common Language Runtime] BCL [Base Class Library] DLR [Dynamic Language Runtime] WPF [Windows Presentation Foundation] WCF [Windows Communication Foundation] Data Framework <<We are not going in the depth of above, in this session>> Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies](https://image.slidesharecdn.com/silverlightdemosforbeginners-100213100011-phpapp02/85/Silverlight-Demos-For-Beginners-14-320.jpg)
![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](https://image.slidesharecdn.com/silverlightdemosforbeginners-100213100011-phpapp02/85/Silverlight-Demos-For-Beginners-15-320.jpg)
Silverlight Demos For Beginners
- 1. Author : Gaurav Arora Reviewer : ChanderShekhar Thota Created on : Dec 18 th , 2009 Website : http://www.hyderabatechies.info FROM HYDERABADTECHIES
- 2. About Author 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 . Gaurav is the co-founder of MsDotNetHeaven a free I.T. online educational web portal. Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 3. About Session 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. It’s a series of continued session as soon as we will go forward will get in some advance versions of the session. This series is just beginning of our long path… Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 4. Know Silverlight What is Silverlight? Why Use of Silverlight? Available versions Overview : Silverlight Framework Architecture Groom up with Silverlight Setup SDE [Silverlight Development Environment] Overview : Silverlight Development Tools Contents Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 5. Silverlight : Practical View How to start application? Our First Silverlight Application Demo of Silverlight Application Contents Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 6. In Simple words, we can say Silverlight is Microsoft’s innovation in the RIA era. 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. So, silverlight is a framework which provides us to develop and design RIA. Know Silverlight Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 7. A Micrososft product. It’s a web application framework Encient famous name is WPF [Windows Presentation Foundation] Cross-browser, Cross-Platform Provides ease to build RIA Provides to develop applications, easily embed with Web Pages Based on .Net Platform What is Silverlight? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 8. There are number of reasons for Why to Use Silverlight : It provides us great UI It provides integrated XAML declarative language with .Net framwork Silverlight appeals to both Designers and Developers It’s a Cross-browser, cross-platform Installation is easy Dynamically implementation of data and it not available outside for search engines. Why use Silverlight? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 9. Microsoft© building and giving more flexibility in this Framework by providing new releases. The available versions till date are : Silverlight 1.0 : Initial release Silverlight 2.0 : New features and more powerful to initial release Silverlight 3.0 : With some new extensions and features Silverlight 4.0 Beta : Now available http://silverlight.net/getstarted/Silverlight-4-beta Available versions Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 10. Overview: Framework Architecture Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 11. Overview: Framework Architecture 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. 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 Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 12. Silverlight Plug-in Ok, now lets check what is Silverlight Plug-in Silverlight Plug-in is very lightweight component Essential for users to access, Silverlight applications Easy to download and install , consume less disk space It provides great extensive support for both designers and developers Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 13. Silverlight : Core presentation Its nothing but a sub-set of WPF [Windows Presentation Foundation] XAML Parser UI render Layout Controls Data Binding Input DRM [Digital rights Management] <<We are not going in the depth of above, in this session>> Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 14. .Net Silverlight Framework CLR [Common Language Runtime] BCL [Base Class Library] DLR [Dynamic Language Runtime] WPF [Windows Presentation Foundation] WCF [Windows Communication Foundation] Data Framework <<We are not going in the depth of above, in this session>> Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 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. Install the developer tools for Silverlight 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 Setup SDE Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 17. Goto : http://www.silverlight.net/GetStarted Install Expression Blend Download Silverlight Toolkitr Download .Net RIA services How to install SDK Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 18. 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 Lunareclips is the IDE for designing the XAML elements available at : Lunareclips Silverlight on Linux Platform Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 19. Visual Studio 2008 or above : provides the facility of .Net integration Expression Blend : Provides great facility to design application Expression Encoder : Provides the facility for Media elements XAML : A scripting language provide extensive facility for vector graphics Overview : Silverlight Development Tools Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 20. Choose your IDE Select language Select platform Start Building How to start application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 21. Following are the initial steps to give the overview to just start first application: Select File -> New -> Project from Main Menu of Visual Studio Select C# / Visual Basic from the project types From Template list select Silverlight Template Enter project name and location then create a new project. To host Silverlight within the project, select generate HTML test page. Our First Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 22. Finally click ok The page.xaml appears From toolbox drag and drop any control on the page Modify the control and then save the page.xaml file To get into code-behind double click on the control Write some test message : Like “Hello I am Started!”. Now build and test the changes Our First Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 23. Demo - Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies SELECTING A NEW PROJECT
- 24. Selecting Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies Framework Select Silverlight Template
- 25. How to Host Silverlight application? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 26. Skeleton of Silverlight application? Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 27. Creating a XAML Page Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 28. Creating a XAML Page Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 29. Start writing code Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 30. Navigate to Event handler Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 31. Writing a code Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 32. Building application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
- 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. Running Silverlight application Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies Running page host a silverlight application
- 35. Thank you Hyderabad Techies Microsoft Developer User Group - Hyderabad :: Free Online/Offline Sessions on Microsoft Technologies
Editor's Notes
- #2: Silverlight Basics : Provided by HyderabadTechies©2009
- #3: Gaurav Arora has his blog at : http://stuff4mdesktop.blogspot.com
- #4: Gaurav Arora is webmaster of : http://dotnetspider.com/about, http://silverlightclub.com/about
- #24: STEP-I : Selecting a new project
- #25: STEP-II : Choosing Silverlight Application
- #26: STEP-III : How to Host Silverlight Application?
- #27: STEP-IV : Skeleton of Silverlight Application?
- #28: STEP-V : Creating a XAML Page
- #29: STEP-V (a): XAML Code
- #30: STEP-V : Start Writing Code
- #31: STEP-VI : Navigate to Event Handler
- #32: STEP-VII : Writing a piece of Code in the handler
- #33: STEP-VIII : Building application
- #34: STEP-IX : Getting new ‘xap’ file
- #35: STEP-X : Running application