techdays montreal webmatrix, voyez ce que la matrice peut faire pour vous!!

WebMatrix : ce que la matrice

peut faire pour vous!! Frederic Harper

Évangéliste Développeur

Microsoft Canada

Ordre du jour

• Qu’est-ce que WebMatrix?

• À qui s’adresse WebMatrix?

• Syntaxe Razor

• Accès aux bases de données

• Helpers

• App Gallery et applications Open Source

Mes objectifs

Mes Mon objectifs

Mes Mon objectifs

1. Vous montrer à quel point WebMatrix est facile à

utiliser pour créer des sites Web ou des

applications Web impressionnants

WebMatrix

Qu’est-ce que WebMatrix?

Un outil gratuit et facile à utiliser pour

Créer

Configurer

Publier vos sites Web et applications Web

1. Galerie d’applications Web et modèles



2. Serveur Web : IIS Express




3. Normes prises en charge : HTML, CSS, JavaScript






4. Scripts pris en charge : ASP.NET et PHP






5. Gestionnaire de BD : SQL Server et MySQL






5. Gestionnaire de BD : SQL Server et MySQL

6. Outils d’optimisation : SEO et performance

À qui s’adresse WebMatrix?

J’aime les applications Web. J’ai besoin d’un outil qui en facilite la configuration, la

personnalisation et la publication.

Je veux monter des sites Web moi-même avec un outil et un cadre

conviviaux.

Je suis développeur de logiciels professionnel. Je bâtis des sites Web complexes et de

grande envergure avec une équipe de développeurs.

Deux façons de procéder


Option A : À partir de rien


Option A : À partir de rien

Option B : À partir d’une

application Web

demo Survol de WebMatrix

démo

Présentation de Razor <ul>

<% for (int i = 0; i < 10; i++) { %>

<li><% =i %></li>

<% } %>

</ul>

Formulaires Web (6 transitions)

PHP (2 transitions et un écho)

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>

Code pour faciliter le balisage @{

var name = “John Doe”;

<div>

Your name: @name

</div>

}

Option 1 : Bloc HTML

Option 2 : Bloc de texte

Option 3 : Une seule ligne de sortie

dans les balises

@{


<text>

Your name: @name

</text>

}

@{


@: Your name: @name

}

Commentaires @*

<div>

Hello World

</div>

*@

Option 1 : Balisage

Option 2 : Code

Option 3 : Les deux

@{

//var name = "John Doe”;

//@name

}

@*

@{

var name = "John Doe";

@name

}

*@

demo Syntaxe Razor

démo

Base de données

Base de données

• SQL Compact Edition • Basée sur des fichiers, donc portable. S’exécute avec un

serveur.

• Facile à concevoir, facile à coder

Conception

@{

var db = Database.Open("ArtGallery");

var product = db.Query("SELECT * FROM PRODUCTS);

}

Codage

demo Accès aux bases de données

démo

Helpers

Les applications d’assistance : c’est quoi?

Les Helpers vous permettent d’ajouter rapidement et facilement les fonctionnalités les plus courantes à vos sites Web.

Et bien d’autres encore…

Deux catégories

Helpers HTML • Facebook

• Twitter

• …

Appeler des API complexes à partir de votre site Web

est plus rapide et plus facile.

Afficher des balises

courantes sur la page est

plus rapide et plus facile.

Helpers API

• PayPal

• Stockage Windows Azure

• …

demo Applications d’assistance

démo

App Gallery et

applications Open

Source

Applications OSS

1. Gratuites

2. Populaires = grande communauté

3. Vous rapprochent de la solution… rapidement

4. Faciles à configurer

Misez sur le succès de Web PI

Web Platform Installer WebMatrix

Téléchargement

Installation (y compris les dépendances)

Personnalisation

Analyse SEO

Publication

demo App Gallery

démo

Conclusion

Prochaines étapes

1. Installez WebMatrix.

2. Familiarisez-vous avec cet outil :

1. Créez un nouveau site Web avec les modèles ou à partir de rien.

2. Modifiez un site Web existant.

3. Déployez une application à l’aide de la galerie d’applications.

3. Libérez le pouvoir de la matrice et amusez-vous!

Autres ressources

• http://microsoft.com/web/webmatrix

• http://asp.net/webmatrixresource (tutoriels v1)

• http://www.webnotwar.ca/

http://microsoft.com/web/webmatrix

http://asp.net/webmatrixresource

http://www.webnotwar.ca/

Contactez-moi!

Frederic Harper, évangéliste du développement

[email protected]

@fharper

http://webnotwar.ca

http://outofcomfortzone.net

N’oubliez pas le questionnaire d’évaluation! Gagnez un appareil Windows Phone 7 Samsung Focus! Dites-nous ce que vous avez apprécié et ce qui laisse à désirer! 1=Médiocre, 5=Excellent Exprimez-vous! Faites part de vos commentaires!

Aucun achat requis. Le concours s’adresse à tous les résidents du Canada (à l’exception des employés du gouvernement). Le concours pour l'événement Tech•Days de Toronto débute le 25 octobre 2011 et se termine le 26 octobre 2011; le concours pour l'événement Tech•Days de Vancouver débute le 15 novembre 2011 et se termine le 16 novembre 2011; le concours pour l'événement Tech•Days de Montréal débute le 29 novembre 2011 et se termine le 30 novembre 2011. Les participants peuvent s’inscrire de deux façons : (1) en remplissant et soumettant l’évaluation avant la date de clôture du concours; ou (2) en fournissant leurs coordonnées avant la date de clôture du concours. Le tirage de Toronto aura lieu le 31 octobre 2011; le tirage de Vancouver aura lieu le 21 novembre 2011; le tirage de Montréal aura lieu le 5 décembre 2011. Les chances de gagner dépendent du nombre d’inscriptions admissibles. Les participants sélectionnés seront joints par téléphone ou par courriel et devront répondre correctement dans un délai limité à une question d’habileté. Au total, trois (3) prix seront attribués pour les trois événements Tech•Days, soit ceux de Toronto (25-26 octobre 2011), Vancouver (15-16 novembre 2011) et Montréal (29-30 novembre 2011). Il y a un (1) prix à gagner par événement, à savoir un appareil Windows Phone 7 Samsung Focus (téléphone seulement; forfait données et/ou voix non inclus) [valeur au détail approximative de 499 $ CA]. Le prix sera expédié à l'adresse de la personne gagnante dans un délai de 6 à 8 semaines. Le gagnant pourrait devoir signer un formulaire de déclaration et exonération. Pour obtenir le règlement officiel, adressez-vous à un représentant Microsoft Tech•Days.

Soumettez vos commentaires directement à [email protected]

Questions et réponses

© 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.

© Microsoft Corporation, 2011. Tous droits réservés. Microsoft, Windows, Windows Vista et d’autres noms de produits sont, ou pourraient être, des marques déposées ou des marques de commerce aux États-Unis et dans d’autres

pays. Les renseignements présentés ici le sont à des fins informatives uniquement, et reposent sur la perspective actuelle de Microsoft Corporation au moment de cette présentation. Parce que Microsoft doit réagir aux conditions

changeantes du marché, le contenu ne doit aucunement être interprété comme un engagement quelconque de la part de Microsoft. Par ailleurs, Microsoft ne peut garantir l’exactitude de quelque renseignement présenté après la

date de cette présentation.

MICROSOFT N’ÉMET AUCUNE GARANTIE, EXPRESSE, IMPLICITE OU RÉGLEMENTAIRE, QUANT À L’INFORMATION QUE CONTIENT CETTE PRÉSENTATION.

techdays montreal webmatrix, voyez ce que la matrice peut faire pour vous!!

Technology

gestionnaire

galerie dapplications

qui sadresse

serveur web

john doe

john doe

sql server

iis express3