DevTeach Ottawa - Webmatrix, see what the matrix can do for you!!
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 970 views

 

Statistics

Views

Total Views
970
Views on SlideShare
970
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • WebMatrix: See What theMatrix Can Do For You!!Frederic HarperDeveloper EvangelistMicrosoft CanadaDevTeach Ottawa
  • Agenda• What is WebMatrix?• Who is WebMatrix for?• Razor syntax• Database access• Helpers• App Gallery & OSS Apps
  • My goals
  • My goals
  • My goals1. Show you how it’s easy to use WebMatrix to create awesome websites or Web applications
  • WebMatrix
  • What is WebMatrixIt’s a free tool that makes it easy to Create Configure Publishyour websites and web applications
  • What is WebMatrix1. Web App Gallery & Templates
  • What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express
  • What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML, CSS, JavaScript
  • What is WebMatrix1. Web App Gallery & Templates2. Web Server: IIS Express3. Standards Support: HTML, CSS, JavaScript4. Scripting Support: ASP.NET & PHP
  • 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
  • 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
  • demoA lap around WebMatrix
  • 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
  • Two ways to build
  • Two ways to build Option A: From Scratch
  • Two ways to build Option A: Option B: From Scratch From Web App
  • demoCreate a website from template
  • Razor
  • What is Razor
  • What is Razor1. A new view engine
  • What is Razor1. A new view engine2. Compact, Expressive, and Fluid
  • What is Razor1. A new view engine2. Compact, Expressive, and Fluid3. Easy to Learn
  • What is Razor1. A new view engine2. Compact, Expressive, and Fluid3. Easy to Learn4. Is not a new language
  • What is Razor1. A new view engine2. Compact, Expressive, and Fluid3. Easy to Learn4. Is not a new language5. Works with any Text Editor
  • 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
  • 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
  • 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>
  • 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 }
  • Commenting @* Option 1: <div> Markup Hello World </div> *@ @{ Option 2: //var name = "John Doe”; Code //@name } @* @{ Option 3: //var name = "John Doe"; Both //@name } *@
  • demoSimple Razor syntax demo
  • Database
  • 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); }
  • demoDatabase access
  • Helpers
  • What are Helpers?Helpers make it easy to quickly add commonly usedfunctionality into your websites and many more…
  • 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 • …
  • demoHelpers
  • App Gallery & OSS Apps
  • OSS Apps1. Free2. Popular = large community3. Gets you close to the solution quickly4. Easy to configure
  • Build on the success of Web PI Web Platform Installer WebMatrixDownload   Install (inc. dependencies) Customize SEO Analysis Publish 
  • demoApp Gallery & Wordpress in the box
  • Conclusion
  • Next steps1. Install WebMatrix
  • 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
  • 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
  • Resources• http://microsoft.com/web/webmatrix• http://asp.net/webmatrixresource (v1 tutorials)• http://www.webnotwar.ca/
  • Q&A
  • Contact me Frederic Harper, Developer Evangelistfredh@microsoft.com@fharperhttp://webnotwar.cahttp://outofcomfortzone.net
  • © 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.