DevTeach Ottawa - Webmatrix, see what the matrix can do for you!!

992 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
992
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

DevTeach Ottawa - Webmatrix, see what the matrix can do for you!!

  1. 1. WebMatrix: See What theMatrix Can Do For You!!Frederic HarperDeveloper EvangelistMicrosoft CanadaDevTeach Ottawa
  2. 2. Agenda• What is WebMatrix?• Who is WebMatrix for?• Razor syntax• Database access• Helpers• App Gallery & OSS Apps
  3. 3. My goals
  4. 4. My goals
  5. 5. My goals1. Show you how it’s easy to use WebMatrix to create awesome websites or Web applications
  6. 6. WebMatrix
  7. 7. What is WebMatrixIt’s a free tool that makes it easy to Create Configure Publishyour websites and web applications
  8. 8. What is WebMatrix1. Web App Gallery & Templates
  9. 9. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express
  10. 10. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML, CSS, JavaScript
  11. 11. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML, CSS, JavaScript4. Scripting Support: ASP.NET & PHP
  12. 12. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML, CSS, JavaScript4. Scripting Support: ASP.NET & PHP5. DB Manager: SQL Server & MySQL
  13. 13. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML, CSS, JavaScript4. Scripting Support: ASP.NET & PHP5. DB Manager: SQL Server & MySQL6. Optimization Tools: SEO & Performance
  14. 14. demoA lap around WebMatrix
  15. 15. Who is WebMatrix for? I <3 Web Apps. I want to build web I’m a professional I just need a tool that sites myself with an software developer makes them easier to easy to learn tool and I build complex, configure, customize and framework large scale web sites and publish with a team of developers
  16. 16. Two ways to build
  17. 17. Two ways to build Option A: From Scratch
  18. 18. Two ways to build Option A: Option B: From Scratch From Web App
  19. 19. demoCreate a website from template
  20. 20. Razor
  21. 21. What is Razor
  22. 22. What is Razor1. A new view engine
  23. 23. What is Razor1. A new view engine2. Compact, Expressive, and Fluid
  24. 24. What is Razor1. A new view engine2. Compact, Expressive, and Fluid3. Easy to Learn
  25. 25. What is Razor1. A new view engine2. Compact, Expressive, and Fluid3. Easy to Learn4. Is not a new language
  26. 26. What is Razor1. A new view engine2. Compact, Expressive, and Fluid3. Easy to Learn4. Is not a new language5. Works with any Text Editor
  27. 27. What is Razor1. A new view engine2. Compact, Expressive, and Fluid3. Easy to Learn4. Is not a new language5. Works with any Text Editor6. Has great Intellisense
  28. 28. What is Razor1. A new view engine2. Compact, Expressive, and Fluid3. Easy to Learn4. Is not a new language5. Works with any Text Editor6. Has great Intellisense7. Unit Testable
  29. 29. Introducing Razor <ul> Web Forms <% for (int i = 0; i < 10; i++) { %> <li><% =i %></li> (6 transitions): <% } %> </ul> <ul> <?php for ($i = 0; $i < 10; $i++) { PHP echo("<li>$i</li>");(2 transitions & an echo): } ?> </ul> <ul> @for (int i = 0; i < 10; i++) { Razor <li>@i</li> (2 transitions): } </ul>
  30. 30. Code to markup easily @{ Option 1: var name = “John Doe”; <div> HTML Block Your name: @name </div> } @{ var name = “John Doe”; Option 2: <text> Text Block Your name: @name </text> } @{ Option 3: var name = “John Doe”; Single line of output @: Your name: @name in markup }
  31. 31. Commenting @* Option 1: <div> Markup Hello World </div> *@ @{ Option 2: //var name = "John Doe”; Code //@name } @* @{ Option 3: //var name = "John Doe"; Both //@name } *@
  32. 32. demoSimple Razor syntax demo
  33. 33. Database
  34. 34. Database• SQL Compact Edition • File-based, so it’s portable. Runs without a server.• Easy to design, easy to code againstDesigning Coding @{ var db = Database.Open("ArtGallery"); var product = db.Query("SELECT * FROM PRODUCTS); }
  35. 35. demoDatabase access
  36. 36. Helpers
  37. 37. What are Helpers?Helpers make it easy to quickly add commonly usedfunctionality into your websites and many more…
  38. 38. Two categoriesHTML Helpers Make is faster and easier to render commonly used • Facebook markup to the page. • Twitter • …API Helpers Make is faster and easier to call complex APIs from • PayPal your website. • Windows Azure Storage • …
  39. 39. demoHelpers
  40. 40. App Gallery & OSS Apps
  41. 41. OSS Apps1. Free2. Popular = large community3. Gets you close to the solution quickly4. Easy to configure
  42. 42. Build on the success of Web PI Web Platform Installer WebMatrixDownload   Install (inc. dependencies) Customize SEO Analysis Publish 
  43. 43. demoApp Gallery & Wordpress in the box
  44. 44. Conclusion
  45. 45. Next steps1. Install WebMatrix
  46. 46. Next steps1. Install WebMatrix2. Play with it 1. Create a new website with templates or from scratch 2. Edit an existing one 3. Deploy an app by using the App Gallery
  47. 47. Next steps1. Install WebMatrix2. Play with it 1. Create a new website with templates or from scratch 2. Edit an existing one 3. Deploy an app by using the App Gallery3. Unleash the power of the Matrix & have fun
  48. 48. Resources• http://microsoft.com/web/webmatrix• http://asp.net/webmatrixresource (v1 tutorials)• http://www.webnotwar.ca/
  49. 49. Q&A
  50. 50. Contact me Frederic Harper, Developer Evangelistfredh@microsoft.com@fharperhttp://webnotwar.cahttp://outofcomfortzone.net
  51. 51. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

×