Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you

927 views
823 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
927
On SlideShare
0
From Embeds
0
Number of Embeds
138
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you

  1. 1. WebMatrix: See What the Matrix Can Do For YouFrédéric HarperDeveloper Evangelist @ Microsoft Canada@fharper | outofcomfortzone.net
  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 WebMatrix
  9. 9. What is WebMatrix1. Web App Gallery & Templates
  10. 10. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express
  11. 11. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML5, CSS3, JavaScript/jQuery
  12. 12. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML5, CSS3, JavaScript/jQuery4. Scripting Support: ASP.NET & PHP
  13. 13. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML5, CSS3, JavaScript/jQuery4. Scripting Support: ASP.NET & PHP5. DB Manager: SQL Server & MySQL
  14. 14. What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML5, CSS3, JavaScript/jQuery4. Scripting Support: ASP.NET & PHP5. DB Manager: SQL Server & MySQL6. Optimization Tools: SEO & Performance
  15. 15. Who is WebMatrix for? I <3 Web Apps. I want to build web I’m a professional and I I just need a tool that sites myself with an build complex, large makes them easier to easy to learn tool scale web sites with a configure, customize and framework team of developers and publish
  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. A lap around WebMatrix
  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 & Unit Testable
  28. 28. Introducing Razor <ul> <% for (int i = 0; i < 10; i++) { %> Web Forms <li><% =i %></li> (6 transitions): <% } %> </ul> <ul> <?php PHP for ($i = 0; $i < 10; $i++) {(2 transitions & an echo): echo("<li>$i</li>"); } ?> </ul> <ul> @for (int i = 0; i < 10; i++) { Razor <li>@i</li> (2 transitions): } </ul>
  29. 29. Code to markup easily @{ Option 1: var name = “John Doe”; HTML Block <div> Your name: @name </div> } @{ Option 2: var name = “John Doe”; Text Block <text> Your name: @name </text> } @{ Option 3: var name = “John Doe”;Single line of output in markup @: Your name: @name }
  30. 30. Commenting @* Option 1: <div> Markup Hello World </div> *@ @{ Option 2: //var name = "John Doe”; Code //@name } @* @{ Option 3: //var name = "John Doe"; Both //@name } *@
  31. 31. Database
  32. 32. Database• SQL Compact Edition • File-based, so it’s portable. Runs without a server.• Easy to design, easy to code against
  33. 33. Database• SQL Compact Edition • File-based, so it’s portable. Runs without a server.• Easy to design, easy to code againstDesigning
  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. Database access
  36. 36. Helpers
  37. 37. What are Helpers?Helpers make it easy to quickly addcommonly used functionality into yourwebsites and many more…
  38. 38. Two categoriesHTML Helpers Make is faster and easier to render commonly used • Facebook markup to the page. • Twitter • … Make is faster and easierAPI Helpers to call complex APIs from • PayPal your website. • Windows Azure Storage • …
  39. 39. Helpers
  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. App Gallery
  44. 44. Conclusion
  45. 45. Next steps
  46. 46. Next steps1. Install WebMatrix
  47. 47. Next steps1. Install WebMatrix2. Play with it
  48. 48. Next steps1. Install WebMatrix2. Play with it 1. Create a new website with templates or from scratch
  49. 49. Next steps1. Install WebMatrix2. Play with it 1. Create a new website with templates or from scratch 2. Edit an existing one or deploy an app by using the App Gallery
  50. 50. Next steps1. Install WebMatrix2. Play with it 1. Create a new website with templates or from scratch 2. Edit an existing one or deploy an app by using the App Gallery3. Unleash the power of the Matrix & have fun
  51. 51. Resources• http://microsoft.com/web/webmatrix• http://www.microsoft.com/web/webmatrix/betafeatures.aspx• http://www.asp.net/web-pages/overview/exploring-webmatrix
  52. 52. QuestionsFrederic Harper, Developer Evangelistfredh@microsoft.com@fharperhttp://webnotwar.cahttp://outofcomfortzone.net

×