Ma Carrière Techno - École secondaire St-Henri - 2014-11-27
TechDays Montreal WebMatrix, voyez ce que la matrice peut faire pour vous!!
1. WebMatrix : ce que la matrice
peut faire pour vous!!
Frederic Harper
Évangéliste Développeur
Microsoft Canada
2. 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
10. Qu’est-ce que WebMatrix?
1. Galerie d’applications Web et modèles
2. Serveur Web : IIS Express
3. Normes prises en charge : HTML, CSS, JavaScript
11. Qu’est-ce que WebMatrix?
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
12. Qu’est-ce que WebMatrix?
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
13. Qu’est-ce que WebMatrix?
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
6. Outils d’optimisation : SEO et performance
14. À qui s’adresse WebMatrix?
J’aime les applications Web. Je veux monter des sites Je suis développeur de
J’ai besoin d’un outil qui en Web moi-même avec logiciels professionnel. Je bâtis
facilite la configuration, la un outil et un cadre des sites Web complexes et de
personnalisation et la conviviaux. grande envergure avec une
publication. équipe de développeurs.
20. Présentation de Razor
<ul>
Formulaires Web <% for (int i = 0; i < 10; i++) { %>
(6 transitions) <li><% =i %></li>
<% } %>
</ul>
<ul>
<?php
PHP for ($i = 0; $i < 10; $i++) {
echo("<li>$i</li>");
(2 transitions et un écho)
}
?>
</ul>
<ul>
Razor @for (int i = 0; i < 10; i++) {
<li>@i</li>
(2 transitions) }
</ul>
21. Code pour faciliter le balisage
@{
Option 1 : var name = “John Doe”;
Bloc HTML <div>
Your name: @name
</div>
}
@{
var name = “John Doe”;
Option 2 : <text>
Bloc de texte Your name: @name
</text>
}
@{
Option 3 : var name = “John Doe”;
Une seule ligne de sortie @: Your name: @name
dans les balises }
22. Commentaires
@*
Option 1 : <div>
Balisage Hello World
</div>
*@
@{
Option 2 : //var name = "John Doe”;
Code //@name
}
@*
@{
Option 3 : var name = "John Doe";
Les deux @name
}
*@
25. 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
Codage
@{
var db = Database.Open("ArtGallery");
var product = db.Query("SELECT * FROM PRODUCTS);
}
28. 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…
29. Deux catégories
Helpers HTML Appeler des API complexes
à partir de votre site Web
• Facebook est plus rapide et plus facile.
• Twitter
• …
Helpers API
Afficher des balises
• PayPal courantes sur la page est
• Stockage Windows Azure plus rapide et plus facile.
• …
32. Applications OSS
1. Gratuites
2. Populaires = grande communauté
3. Vous rapprochent de la solution… rapidement
4. Faciles à configurer
33. 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
36. 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!
38. Contactez-moi!
Frederic Harper, évangéliste du développement
fredh@microsoft.com
@fharper
http://webnotwar.ca
http://outofcomfortzone.net
39. 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 à
td_can@microsoft.com