prairie dev con west - 2012-03-14 - webmatrix, see what the matrix can do for you
DESCRIPTION
TRANSCRIPT
![Page 1: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/1.jpg)
WebMatrix: See What the Matrix Can Do For You
Frédéric HarperDeveloper Evangelist @ Microsoft Canada@fharper | outofcomfortzone.net
![Page 2: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/2.jpg)
Agenda
• What is WebMatrix?• Who is WebMatrix for?• Razor syntax• Database access• Helpers• App Gallery & OSS Apps
![Page 3: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/3.jpg)
My goals
![Page 4: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/4.jpg)
My goals
![Page 5: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/5.jpg)
My goals
1. Show you how it’s easy to use WebMatrix
to create awesome websites or Web
applications
![Page 6: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/6.jpg)
WebMatrix
![Page 7: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/7.jpg)
What is WebMatrix
It’s a free tool that makes it easy to
CreateConfigurePublish
your websites and web applications
![Page 8: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/8.jpg)
What is WebMatrix
![Page 9: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/9.jpg)
What is WebMatrix
1. Web App Gallery & Templates
![Page 10: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/10.jpg)
What is WebMatrix
1. Web App Gallery & Templates
2. Web Server: IIS Express
![Page 11: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/11.jpg)
What is WebMatrix
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML5, CSS3, JavaScript/jQuery
![Page 12: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/12.jpg)
What is WebMatrix
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML5, CSS3, JavaScript/jQuery
4. Scripting Support: ASP.NET & PHP
![Page 13: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/13.jpg)
What is WebMatrix
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML5, CSS3, JavaScript/jQuery
4. Scripting Support: ASP.NET & PHP
5. DB Manager: SQL Server & MySQL
![Page 14: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/14.jpg)
What is WebMatrix
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML5, CSS3, JavaScript/jQuery
4. Scripting Support: ASP.NET & PHP
5. DB Manager: SQL Server & MySQL
6. Optimization Tools: SEO & Performance
![Page 15: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/15.jpg)
Who is WebMatrix for?
I <3 Web Apps. I just need a tool that makes them easier to
configure, customize and publish
I want to build web sites myself with an
easy to learn tool and framework
I’m a professional and I build complex, large
scale web sites with a team of developers
WebMatrix WebMatrix Visual Studio
![Page 16: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/16.jpg)
Two ways to build
![Page 17: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/17.jpg)
Two ways to build
Option A:From Scratch
![Page 18: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/18.jpg)
Two ways to build
Option A:From Scratch
Option B:From Web App
![Page 19: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/19.jpg)
A lap around WebMatrix
![Page 20: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/20.jpg)
Razor
![Page 21: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/21.jpg)
What is Razor
![Page 22: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/22.jpg)
What is Razor
1. A new view engine
![Page 23: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/23.jpg)
What is Razor
1. A new view engine
2. Compact, Expressive, and Fluid
![Page 24: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/24.jpg)
What is Razor
1. A new view engine
2. Compact, Expressive, and Fluid
3. Easy to Learn
![Page 25: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/25.jpg)
What is Razor
1. A new view engine
2. Compact, Expressive, and Fluid
3. Easy to Learn
4. Is not a new language
![Page 26: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/26.jpg)
What is Razor
1. A new view engine
2. Compact, Expressive, and Fluid
3. Easy to Learn
4. Is not a new language
5. Works with any Text Editor
![Page 27: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/27.jpg)
What is Razor
1. A new view engine
2. Compact, Expressive, and Fluid
3. Easy to Learn
4. Is not a new language
5. Works with any Text Editor
6. Has great Intellisense & Unit Testable
![Page 28: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/28.jpg)
Introducing Razor<ul> <% for (int i = 0; i < 10; i++) { %> <li><% =i %></li> <% } %></ul>
Web Forms (6 transitions):
PHP(2 transitions & an echo):
Razor (2 transitions):
<ul> <?php for ($i = 0; $i < 10; $i++) { echo("<li>$i</li>"); } ?></ul>
<ul> @for (int i = 0; i < 10; i++) { <li>@i</li> }</ul>
![Page 29: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/29.jpg)
Code to markup easily@{ var name = “John Doe”; <div> Your name: @name </div>}
Option 1:HTML Block
Option 2:Text Block
Option 3:Single line of output in markup
@{ var name = “John Doe”; <text> Your name: @name </text>}
@{ var name = “John Doe”; @: Your name: @name}
![Page 30: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/30.jpg)
Commenting@* <div> Hello World </div>*@
Option 1:Markup
Option 2:Code
Option 3:Both
@{ //var name = "John Doe”; //@name}
@* @{ //var name = "John Doe"; //@name }*@
![Page 31: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/31.jpg)
Database
![Page 32: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/32.jpg)
Database
• SQL Compact Edition• File-based, so it’s portable. Runs without a
server.• Easy to design, easy to code against
![Page 33: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/33.jpg)
Database
• SQL Compact Edition• File-based, so it’s portable. Runs without a
server.• Easy to design, easy to code against
Designing
![Page 34: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/34.jpg)
Database
• SQL Compact Edition• File-based, so it’s portable. Runs without a
server.• Easy to design, easy to code against
Designing
@{ var db = Database.Open("ArtGallery"); var product = db.Query("SELECT * FROM PRODUCTS); }
Coding
![Page 35: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/35.jpg)
Database access
![Page 36: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/36.jpg)
Helpers
![Page 37: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/37.jpg)
What are Helpers?Helpers make it easy to quickly add commonly used functionality into your websites
and many more…
![Page 38: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/38.jpg)
Two categories
HTML Helpers• Facebook• Twitter• …
Make is faster and easier to render commonly used
markup to the page.
Make is faster and easier to call complex
APIs from your website.
API Helpers• PayPal• Windows Azure Storage• …
![Page 39: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/39.jpg)
Helpers
![Page 40: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/40.jpg)
App Gallery & OSS Apps
![Page 41: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/41.jpg)
OSS Apps
1. Free2. Popular = large community3. Gets you close to the solution quickly4. Easy to configure
![Page 42: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/42.jpg)
Build on the success of Web PI
Web Platform Installer WebMatrix
Download
Install (inc. dependencies)
Customize
SEO Analysis
Publish
![Page 43: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/43.jpg)
App Gallery
![Page 44: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/44.jpg)
Conclusion
![Page 45: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/45.jpg)
Next steps
![Page 46: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/46.jpg)
Next steps
1. Install WebMatrix
![Page 47: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/47.jpg)
Next steps
1. Install WebMatrix
2. Play with it
![Page 48: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/48.jpg)
Next steps
1. Install WebMatrix
2. Play with it
1. Create a new website with templates or from scratch
![Page 49: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/49.jpg)
Next steps
1. Install WebMatrix
2. 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
![Page 50: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/50.jpg)
Next steps
1. Install WebMatrix
2. 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
3. Unleash the power of the Matrix & have fun
![Page 51: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/51.jpg)
Resources
• http://microsoft.com/web/webmatrix
• http://www.microsoft.com/web/webmatrix/
betafeatures.aspx
• http://www.asp.net/web-pages/overview/exploring-
webmatrix
![Page 52: Prairie Dev Con West - 2012-03-14 - Webmatrix, see what the matrix can do for you](https://reader036.vdocuments.site/reader036/viewer/2022070303/54b412094a7959e10c8b4639/html5/thumbnails/52.jpg)
Questions
Frederic Harper, Developer Evangelist
[email protected]@fharper
http://webnotwar.cahttp://outofcomfortzone.net