The document provides an overview of WebMatrix, a free tool from Microsoft that makes it easy to create, configure, and publish websites and web applications. It discusses what WebMatrix is, who it is for, features like the Razor syntax, database access, and helpers. It also covers the app gallery and open source apps. The presentation aims to demonstrate how WebMatrix can be used to easily create websites and applications.
10. What is WebMatrix
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML, CSS, JavaScript
11. What is WebMatrix
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML, CSS, JavaScript
4. Scripting Support: ASP.NET & PHP
12. What is WebMatrix
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML, CSS, JavaScript
4. Scripting Support: ASP.NET & PHP
5. DB Manager: SQL Server & MySQL
13. What is WebMatrix
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML, CSS, JavaScript
4. Scripting Support: ASP.NET & PHP
5. DB Manager: SQL Server & MySQL
6. Optimization Tools: SEO & Performance
14. 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
22. What is Razor
1. A new view engine
2. Compact, Expressive, and Fluid
23. What is Razor
1. A new view engine
2. Compact, Expressive, and Fluid
3. Easy to Learn
24. What is Razor
1. A new view engine
2. Compact, Expressive, and Fluid
3. Easy to Learn
4. Is not a new language
25. 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
26. 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
27. 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
7. Unit Testable
28. 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>
29. 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 }
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
}
*@
33. Database
• SQL Compact Edition
• File-based, so it’s portable. Runs without a server.
• Easy to design, easy to code against
Designing
Coding
@{
var db = Database.Open("ArtGallery");
var product = db.Query("SELECT * FROM PRODUCTS);
}
36. What are Helpers?
Helpers make it easy to quickly add commonly used
functionality into your websites
and many more…
37. Two categories
HTML 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
• …
44. Next steps
1. Install WebMatrix
2. 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
3. Unleash the power of the Matrix & have fun
46. Remember To Complete Your Evaluations!
You could WIN a Samsung Focus
Windows Phone 7!
Let us know what you liked & disliked!
Remember, 1=Bad, 5=Good
Please provide comments!
No purchase necessary. The contest is open to residents of Canada (excluding government employees). The Toronto Tech·Days evaluation form contest begins on October 25th, 2011 and ends
on October 26th, 2011. The Vancouver Tech·Days evaluation form contest begins on November 15th, 2011 and ends on November 16th, 2011. The Montreal Tech·Days evaluation form contest
begins on November 29th, 2011 and ends on November 30th, 2011. Participants can enter the contest in one of two ways: (1) complete and submit an evaluation form by the contest close date;
or (2) provide contact information by the contest close date. The draw for Toronto will take place on October 31st, 2011. The draw for Vancouver will take place on November 21st, 2011. The
draw for Montreal will take place on December 5th, 2011. The chances of being selected depend upon the number of eligible entries. Selected participants will be contacted by phone and/or e-
mail and will be required to answer correctly a time-limited skill-testing question. There are three (3) prizes available to be won. One (1) prize will be given away for each Tech·Days event in
Toronto (October 25-26 2011), Vancouver (November 15-16 2011) and Montreal (November 29-30 2011). The prize consists of a Samsung Focus Windows Phone 7 (handset only; voice and/or
data plan not included) (approximate retail value of $499 CAD). The prize will be delivered to the shipping address designated by the winner within 6-8 weeks. The winner may be required to
sign a declaration and release form. For full contest rules, please see a Microsoft Tech·Days representative.
You can email any additional comments directly to
td_can@microsoft.com at any time.