TAKE THE RED
PILL AND
ENTER THE
MATRIX
FSOSS – 2011-10-28
FREDERIC HARPER
DEVELOPER EVANGELIST @ MICROSOFT CANADA
AGENDA
The pills dilemma
What is WebMatrix?
Who is WebMatrix for?
Database
Helpers
App Gallery & OSS Apps
THE PILLS DILEMMA
THE PILLS DILEMMA
BLUE
=
don’t control the
Matrix
1. Work with an inefficient tool
2. Lack of functionality
3. Not ready for YOUR languages
THE PILLS DILEMMA
THE PILLS DILEMMA
RED
=
control the Matrix
1. Easy, lightweight and efficient
tool
2. Lots of useful functionality
3. Work with the right tool for
YOUR languages
WHICH ONE
WILL YOU TAKE?
WHAT IS WEBMATRIX
It’s a free tool that makes it easy to
Create
Configure
Publish your websites and web applications
WHAT IS WEBMATRIX
WHAT IS WEBMATRIX
1. Web App Gallery & Templates
WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express
WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML 4/5, CSS, JavaScript
WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML 4/5, CSS, JavaScript
4. Scripting Support: ASP.NET & PHP
WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML 4/5, CSS, JavaScript
4. Scripting Support: ASP.NET & PHP
5. DB Manager: SQL Server & MySQL
WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML 4/5, CSS, JavaScript
4. Scripting Support: ASP.NET & PHP
5. DB Manager: SQL Server & MySQL
6. Optimization Tools: SEO & Performance
DEMO A Lap Around Web Platform Installer
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
DEMO A lap around WebMatrix
TWO WAYS TO BUILD
TWO WAYS TO BUILD
Option A:
From
Scratch
TWO WAYS TO BUILD
Option A:
From
Scratch
Option B:
From Web
App
DEMO Create a website from a template
DATABASE
• SQL Compact Edition in the box
• MySQL connection
• SQL Server 2005/2008 connection
• Easy to design, easy to code against
Designing
@{
var db = Database.Open("ArtGallery");
var product = db.Query("SELECT * FROM PRODUCTS);
}
Coding
DEMO A Lap Around Database
HELPERS
Helpers make it easy to quickly add commonly used
functionality into your websites
and many more…
HELPERS CATEGORIES
HTML Helpers
• …
Make is faster and easier to call complex APIs from your
website.
Make is faster and easier
to render commonly
used markup to the
page.
API Helpers
• PayPal
• Windows Azure Storage
• …
DEMO How to use helpers
APP GALLERY & OSS APPS
BUILD ON THE SUCCESS OF
WEBPI
Web Platform Installer WebMatrix
Download
Install (inc. dependencies)
Customize
SEO Analysis
Publish
DEMO A closer look to App Gallery
NEXT STEPS
NEXT STEPS
1. Take the red pill
NEXT STEPS
1. Take the red pill
2. Install WebMatrix
NEXT STEPS
1. Take the red pill
2. Install WebMatrix
3. 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 STEPS
1. Take the red pill
2. Install WebMatrix
3. 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
4. Unleash the power of the Matrix & have fun
RESOURCES
http://microsoft.com/web/webmatrix
http://asp.net/webmatrixresource (v1 tutorials)
http://www.webnotwar.ca/
QUESTIONS
Frederic Harper, Developer Evangelist
@fharper
http://webnotwar.ca
http://outofcomfortzone.net