fsoss - take the red pill and enter the matrix

37
TAKE THE RED PILL AND ENTER THE MATRIX FSOSS – 2011-10-28 FREDERIC HARPER DEVELOPER EVANGELIST @ MICROSOFT CANADA

Upload: frederic-harper

Post on 13-Jan-2015

734 views

Category:

Technology


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: FSOSS - Take the red pill and enter the Matrix

TAKE THE RED

PILL AND

ENTER THE

MATRIX

FSOSS – 2011-10-28

FREDERIC HARPER

DEVELOPER EVANGELIST @ MICROSOFT CANADA

Page 2: FSOSS - Take the red pill and enter the Matrix

AGENDA

The pills dilemma

What is WebMatrix?

Who is WebMatrix for?

Database

Helpers

App Gallery & OSS Apps

Page 3: FSOSS - Take the red pill and enter the Matrix

THE PILLS DILEMMA

Page 4: FSOSS - Take the red pill and enter the Matrix

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

Page 5: FSOSS - Take the red pill and enter the Matrix

THE PILLS DILEMMA

Page 6: FSOSS - Take the red pill and enter the Matrix

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

Page 7: FSOSS - Take the red pill and enter the Matrix

WHICH ONE

WILL YOU TAKE?

Page 8: FSOSS - Take the red pill and enter the Matrix

WHAT IS WEBMATRIX

It’s a free tool that makes it easy to

Create

Configure

Publish your websites and web applications

Page 9: FSOSS - Take the red pill and enter the Matrix

WHAT IS WEBMATRIX

Page 10: FSOSS - Take the red pill and enter the Matrix

WHAT IS WEBMATRIX

1. Web App Gallery & Templates

Page 11: FSOSS - Take the red pill and enter the Matrix

WHAT IS WEBMATRIX

1. Web App Gallery & Templates

2. Web Server: IIS Express

Page 12: FSOSS - Take the red pill and enter the Matrix

WHAT IS WEBMATRIX

1. Web App Gallery & Templates

2. Web Server: IIS Express

3. Standards Support: HTML 4/5, CSS, JavaScript

Page 13: FSOSS - Take the red pill and enter the Matrix

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

Page 14: FSOSS - Take the red pill and enter the Matrix

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

Page 15: FSOSS - Take the red pill and enter the Matrix

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

Page 16: FSOSS - Take the red pill and enter the Matrix

DEMO A Lap Around Web Platform Installer

Page 17: FSOSS - Take the red pill and enter the Matrix

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

Page 18: FSOSS - Take the red pill and enter the Matrix

DEMO A lap around WebMatrix

Page 19: FSOSS - Take the red pill and enter the Matrix

TWO WAYS TO BUILD

Page 20: FSOSS - Take the red pill and enter the Matrix

TWO WAYS TO BUILD

Option A:

From

Scratch

Page 21: FSOSS - Take the red pill and enter the Matrix

TWO WAYS TO BUILD

Option A:

From

Scratch

Option B:

From Web

App

Page 22: FSOSS - Take the red pill and enter the Matrix

DEMO Create a website from a template

Page 23: FSOSS - Take the red pill and enter the Matrix

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

Page 24: FSOSS - Take the red pill and enter the Matrix

DEMO A Lap Around Database

Page 25: FSOSS - Take the red pill and enter the Matrix

HELPERS

Helpers make it easy to quickly add commonly used

functionality into your websites

and many more…

Page 26: FSOSS - Take the red pill and enter the Matrix

HELPERS CATEGORIES

HTML Helpers

• Facebook

• Twitter

• …

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

• …

Page 27: FSOSS - Take the red pill and enter the Matrix

DEMO How to use helpers

Page 28: FSOSS - Take the red pill and enter the Matrix

APP GALLERY & OSS APPS

Page 29: FSOSS - Take the red pill and enter the Matrix

BUILD ON THE SUCCESS OF

WEBPI

Web Platform Installer WebMatrix

Download

Install (inc. dependencies)

Customize

SEO Analysis

Publish

Page 30: FSOSS - Take the red pill and enter the Matrix

DEMO A closer look to App Gallery

Page 31: FSOSS - Take the red pill and enter the Matrix

NEXT STEPS

Page 32: FSOSS - Take the red pill and enter the Matrix

NEXT STEPS

1. Take the red pill

Page 33: FSOSS - Take the red pill and enter the Matrix

NEXT STEPS

1. Take the red pill

2. Install WebMatrix

Page 34: FSOSS - Take the red pill and enter the Matrix

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

Page 35: FSOSS - Take the red pill and enter the Matrix

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

Page 36: FSOSS - Take the red pill and enter the Matrix

RESOURCES

http://microsoft.com/web/webmatrix

http://asp.net/webmatrixresource (v1 tutorials)

http://www.webnotwar.ca/

Page 37: FSOSS - Take the red pill and enter the Matrix

QUESTIONS

Frederic Harper, Developer Evangelist

[email protected]

@fharper

http://webnotwar.ca

http://outofcomfortzone.net