SlideShare une entreprise Scribd logo
1  sur  41
Télécharger pour lire hors ligne
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
Qu’est-ce que WebMatrix?
1. Galerie d’applications Web et modèles
Qu’est-ce que WebMatrix?
1. Galerie d’applications Web et modèles
2. Serveur Web : IIS Express
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
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
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
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
À 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.
Deux façons de procéder
Deux façons de procéder
         Option A :
       À partir de rien
Deux façons de procéder
                             Option B :
         Option A :        À partir d’une
       À partir de rien   application Web
démo
demo
Survol de WebMatrix
Razor
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>
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        }
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
                 }
               *@
démo
demo
Syntaxe Razor
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


                                                                           Codage
                             @{
                               var db = Database.Open("ArtGallery");
                               var product = db.Query("SELECT * FROM PRODUCTS);
                             }
démo
demo
Accès aux bases de données
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                  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.
   • …
démo
demo
Applications d’assistance
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                                               
démo
demo
App Gallery
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/
Contactez-moi!
  Frederic Harper, évangéliste du développement

fredh@microsoft.com
@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 à
                       td_can@microsoft.com
Questions et réponses
© 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 © 2011 Microsoft Corporation. aucunement être interprété comme un engagement quelconque de la part names are or may ailleurs, Microsoft ne peutand/or trademarks in de quelque renseignement présenté après la
             du marché, le contenu ne doit All rights reserved. Microsoft, Windows, Windows Vista and other product de Microsoft. Par be registered trademarks garantir l’exactitude 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
                                                                                                      date de cette présentation.
                           not be interpreted to beN’ÉMET AUCUNE GARANTIE, EXPRESSE, IMPLICITE OU RÉGLEMENTAIRE, QUANT À L’INFORMATION QUE CONTIENT after the date of this presentation.
                                      MICROSOFT a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided CETTE PRÉSENTATION.
                                                   MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Contenu connexe

Tendances

Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5jverrecchia
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)Khaled Djebloun
 
Jquery
JqueryJquery
Jquerykrymo
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSABNSA - Aquitaine
 
La puissance des pseudo-éléments
La puissance des pseudo-élémentsLa puissance des pseudo-éléments
La puissance des pseudo-élémentsGeoffrey Croftє
 
Présentation html5
Présentation html5Présentation html5
Présentation html5Kénium
 
Html de base
Html de baseHtml de base
Html de basekrymo
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsRémy Savard
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckTECOS
 
XML Avancé : DTD, XSD, XPATH, XSLT, XQuery
XML Avancé : DTD, XSD, XPATH, XSLT, XQueryXML Avancé : DTD, XSD, XPATH, XSLT, XQuery
XML Avancé : DTD, XSD, XPATH, XSLT, XQueryRachid NID SAID
 
2014 09 12_atelier-humanites-numerique-hisoma-seance-1-oxygen
2014 09 12_atelier-humanites-numerique-hisoma-seance-1-oxygen2014 09 12_atelier-humanites-numerique-hisoma-seance-1-oxygen
2014 09 12_atelier-humanites-numerique-hisoma-seance-1-oxygenEmmanuelle Morlock
 
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-201518 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015Emmanuelle Morlock
 

Tendances (20)

Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5
 
Cours design pattern m youssfi partie 6 proxy
Cours design pattern m youssfi partie 6 proxyCours design pattern m youssfi partie 6 proxy
Cours design pattern m youssfi partie 6 proxy
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
Jquery
JqueryJquery
Jquery
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
 
La puissance des pseudo-éléments
La puissance des pseudo-élémentsLa puissance des pseudo-éléments
La puissance des pseudo-éléments
 
Crs javascript
Crs javascriptCrs javascript
Crs javascript
 
Présentation html5
Présentation html5Présentation html5
Présentation html5
 
Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)
 
Formation web
Formation webFormation web
Formation web
 
Html de base
Html de baseHtml de base
Html de base
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
 
Generateur de code java (GenJAVA)
Generateur de code java (GenJAVA)Generateur de code java (GenJAVA)
Generateur de code java (GenJAVA)
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteck
 
Fondamentaux des CMS
Fondamentaux des CMSFondamentaux des CMS
Fondamentaux des CMS
 
Introduction à HTML 5
Introduction à HTML 5Introduction à HTML 5
Introduction à HTML 5
 
XML Avancé : DTD, XSD, XPATH, XSLT, XQuery
XML Avancé : DTD, XSD, XPATH, XSLT, XQueryXML Avancé : DTD, XSD, XPATH, XSLT, XQuery
XML Avancé : DTD, XSD, XPATH, XSLT, XQuery
 
2014 09 12_atelier-humanites-numerique-hisoma-seance-1-oxygen
2014 09 12_atelier-humanites-numerique-hisoma-seance-1-oxygen2014 09 12_atelier-humanites-numerique-hisoma-seance-1-oxygen
2014 09 12_atelier-humanites-numerique-hisoma-seance-1-oxygen
 
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-201518 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
18 02-2015 atelier-pratique-xml-tei-stage-d-ecdotique-2015
 

En vedette

Oliveira News
Oliveira News Oliveira News
Oliveira News elorose
 
My town 3º
My town 3ºMy town 3º
My town 3ºjoseklo
 
Liebe Versicherung
Liebe VersicherungLiebe Versicherung
Liebe VersicherungJörg Schmid
 
CV esportiu de Manel Delgado, entrenador nacional de futbol, UEFA PRO
CV esportiu de Manel Delgado, entrenador nacional de futbol, UEFA PROCV esportiu de Manel Delgado, entrenador nacional de futbol, UEFA PRO
CV esportiu de Manel Delgado, entrenador nacional de futbol, UEFA PROManel Delgado Cañada
 
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
Support de cours EJB 3 version complète Par Mr  Youssfi, ENSET, Université Ha...Support de cours EJB 3 version complète Par Mr  Youssfi, ENSET, Université Ha...
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...ENSET, Université Hassan II Casablanca
 

En vedette (6)

Oliveira News
Oliveira News Oliveira News
Oliveira News
 
My town 3º
My town 3ºMy town 3º
My town 3º
 
Liebe Versicherung
Liebe VersicherungLiebe Versicherung
Liebe Versicherung
 
CoSECiVi'16 - Walking in VR. Measuring Presence and Simulator Sickness in Fir...
CoSECiVi'16 - Walking in VR. Measuring Presence and Simulator Sickness in Fir...CoSECiVi'16 - Walking in VR. Measuring Presence and Simulator Sickness in Fir...
CoSECiVi'16 - Walking in VR. Measuring Presence and Simulator Sickness in Fir...
 
CV esportiu de Manel Delgado, entrenador nacional de futbol, UEFA PRO
CV esportiu de Manel Delgado, entrenador nacional de futbol, UEFA PROCV esportiu de Manel Delgado, entrenador nacional de futbol, UEFA PRO
CV esportiu de Manel Delgado, entrenador nacional de futbol, UEFA PRO
 
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
Support de cours EJB 3 version complète Par Mr  Youssfi, ENSET, Université Ha...Support de cours EJB 3 version complète Par Mr  Youssfi, ENSET, Université Ha...
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
 

Similaire à TechDays Montreal WebMatrix, voyez ce que la matrice peut faire pour vous!!

Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptMicrosoft
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8davrous
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!Microsoft
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSRenaud Dumont
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaverdavidbx
 
Vincent biret azure functions et flow (montreal)
Vincent biret azure functions et flow (montreal)Vincent biret azure functions et flow (montreal)
Vincent biret azure functions et flow (montreal)Vincent Biret
 
Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Vlad Posea
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologiewyggio
 
Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !VISEO
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et MobileNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et MobileIppon
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilitéNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilitéJulien Dubois
 
Owasp et les failles des applications web
Owasp et les failles des applications webOwasp et les failles des applications web
Owasp et les failles des applications webHenrique Mukanda
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!CARA_Lyon
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!CARA_Lyon
 

Similaire à TechDays Montreal WebMatrix, voyez ce que la matrice peut faire pour vous!! (20)

Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 
Cours1
Cours1Cours1
Cours1
 
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJS
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
 
Formation mobile-cross-platform
Formation mobile-cross-platformFormation mobile-cross-platform
Formation mobile-cross-platform
 
Découverte des outils Web 2.0
Découverte des outils Web 2.0Découverte des outils Web 2.0
Découverte des outils Web 2.0
 
Vincent biret azure functions et flow (montreal)
Vincent biret azure functions et flow (montreal)Vincent biret azure functions et flow (montreal)
Vincent biret azure functions et flow (montreal)
 
Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1
 
HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologie
 
Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et MobileNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et Mobile
 
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilitéNouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
Nouveau look pour une nouvelle vie : HTML5, Spring, NoSQL et mobilité
 
Windev
WindevWindev
Windev
 
Owasp et les failles des applications web
Owasp et les failles des applications webOwasp et les failles des applications web
Owasp et les failles des applications web
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
 

Plus de Frédéric Harper

2017-11-09 - Fitbit Norcal Developers Meetup (fred)
2017-11-09 - Fitbit Norcal Developers Meetup (fred)2017-11-09 - Fitbit Norcal Developers Meetup (fred)
2017-11-09 - Fitbit Norcal Developers Meetup (fred)Frédéric Harper
 
2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview
2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview
2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API OverviewFrédéric Harper
 
2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API Overview
2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API Overview2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API Overview
2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API OverviewFrédéric Harper
 
Public speaking - FDP tech leads summit - 2018-04-30
Public speaking - FDP tech leads summit - 2018-04-30Public speaking - FDP tech leads summit - 2018-04-30
Public speaking - FDP tech leads summit - 2018-04-30Frédéric Harper
 
From employee to freelance developer in 10 steps - DevTeach - 2017-07-04
From employee to freelance developer in 10 steps - DevTeach - 2017-07-04From employee to freelance developer in 10 steps - DevTeach - 2017-07-04
From employee to freelance developer in 10 steps - DevTeach - 2017-07-04Frédéric Harper
 
Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...
Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...
Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...Frédéric Harper
 
With great power comes great responsibility - Microsoft Canada Open Source co...
With great power comes great responsibility - Microsoft Canada Open Source co...With great power comes great responsibility - Microsoft Canada Open Source co...
With great power comes great responsibility - Microsoft Canada Open Source co...Frédéric Harper
 
Frédéric harper i don’t like open source, and you shouldn't like it eithe...
Frédéric harper   i don’t like open source, and you shouldn't like it eithe...Frédéric harper   i don’t like open source, and you shouldn't like it eithe...
Frédéric harper i don’t like open source, and you shouldn't like it eithe...Frédéric Harper
 
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25Frédéric Harper
 
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Frédéric Harper
 
Is your python application secure? - PyCon Canada - 2015-11-07
Is your python application secure? - PyCon Canada - 2015-11-07Is your python application secure? - PyCon Canada - 2015-11-07
Is your python application secure? - PyCon Canada - 2015-11-07Frédéric Harper
 
Personal branding for developers - West Island developers and entrepreneurs m...
Personal branding for developers - West Island developers and entrepreneurs m...Personal branding for developers - West Island developers and entrepreneurs m...
Personal branding for developers - West Island developers and entrepreneurs m...Frédéric Harper
 
Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Responsive Web Design, get the best out of your designs - JavaScript Open Day...Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Responsive Web Design, get the best out of your designs - JavaScript Open Day...Frédéric Harper
 
Differentiating yourself humber college - 2015-03-30
Differentiating yourself   humber college - 2015-03-30Differentiating yourself   humber college - 2015-03-30
Differentiating yourself humber college - 2015-03-30Frédéric Harper
 
Differentiating yourself - Hack Western - 2015-03-28
Differentiating yourself - Hack Western - 2015-03-28Differentiating yourself - Hack Western - 2015-03-28
Differentiating yourself - Hack Western - 2015-03-28Frédéric Harper
 
Le personal branding, plus important que jamais - PHP Québec - 2015-03-05
Le personal branding, plus important que jamais - PHP Québec - 2015-03-05Le personal branding, plus important que jamais - PHP Québec - 2015-03-05
Le personal branding, plus important que jamais - PHP Québec - 2015-03-05Frédéric Harper
 
Building a personal brand in the developer community - Codementor Office Hour...
Building a personal brand in the developer community - Codementor Office Hour...Building a personal brand in the developer community - Codementor Office Hour...
Building a personal brand in the developer community - Codementor Office Hour...Frédéric Harper
 
Ma Carrière Techno - École secondaire St-Henri - 2014-11-27
Ma Carrière Techno - École secondaire St-Henri - 2014-11-27Ma Carrière Techno - École secondaire St-Henri - 2014-11-27
Ma Carrière Techno - École secondaire St-Henri - 2014-11-27Frédéric Harper
 

Plus de Frédéric Harper (20)

2017-11-09 - Fitbit Norcal Developers Meetup (fred)
2017-11-09 - Fitbit Norcal Developers Meetup (fred)2017-11-09 - Fitbit Norcal Developers Meetup (fred)
2017-11-09 - Fitbit Norcal Developers Meetup (fred)
 
2018 04-25 - HLTH hackathon
2018 04-25 - HLTH hackathon2018 04-25 - HLTH hackathon
2018 04-25 - HLTH hackathon
 
2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview
2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview
2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview
 
2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API Overview
2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API Overview2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API Overview
2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API Overview
 
Public speaking - FDP tech leads summit - 2018-04-30
Public speaking - FDP tech leads summit - 2018-04-30Public speaking - FDP tech leads summit - 2018-04-30
Public speaking - FDP tech leads summit - 2018-04-30
 
2018 04-25 - HLTH hackathon
2018 04-25 - HLTH hackathon2018 04-25 - HLTH hackathon
2018 04-25 - HLTH hackathon
 
From employee to freelance developer in 10 steps - DevTeach - 2017-07-04
From employee to freelance developer in 10 steps - DevTeach - 2017-07-04From employee to freelance developer in 10 steps - DevTeach - 2017-07-04
From employee to freelance developer in 10 steps - DevTeach - 2017-07-04
 
Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...
Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...
Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...
 
With great power comes great responsibility - Microsoft Canada Open Source co...
With great power comes great responsibility - Microsoft Canada Open Source co...With great power comes great responsibility - Microsoft Canada Open Source co...
With great power comes great responsibility - Microsoft Canada Open Source co...
 
Frédéric harper i don’t like open source, and you shouldn't like it eithe...
Frédéric harper   i don’t like open source, and you shouldn't like it eithe...Frédéric harper   i don’t like open source, and you shouldn't like it eithe...
Frédéric harper i don’t like open source, and you shouldn't like it eithe...
 
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
 
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
 
Is your python application secure? - PyCon Canada - 2015-11-07
Is your python application secure? - PyCon Canada - 2015-11-07Is your python application secure? - PyCon Canada - 2015-11-07
Is your python application secure? - PyCon Canada - 2015-11-07
 
Personal branding for developers - West Island developers and entrepreneurs m...
Personal branding for developers - West Island developers and entrepreneurs m...Personal branding for developers - West Island developers and entrepreneurs m...
Personal branding for developers - West Island developers and entrepreneurs m...
 
Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Responsive Web Design, get the best out of your designs - JavaScript Open Day...Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Responsive Web Design, get the best out of your designs - JavaScript Open Day...
 
Differentiating yourself humber college - 2015-03-30
Differentiating yourself   humber college - 2015-03-30Differentiating yourself   humber college - 2015-03-30
Differentiating yourself humber college - 2015-03-30
 
Differentiating yourself - Hack Western - 2015-03-28
Differentiating yourself - Hack Western - 2015-03-28Differentiating yourself - Hack Western - 2015-03-28
Differentiating yourself - Hack Western - 2015-03-28
 
Le personal branding, plus important que jamais - PHP Québec - 2015-03-05
Le personal branding, plus important que jamais - PHP Québec - 2015-03-05Le personal branding, plus important que jamais - PHP Québec - 2015-03-05
Le personal branding, plus important que jamais - PHP Québec - 2015-03-05
 
Building a personal brand in the developer community - Codementor Office Hour...
Building a personal brand in the developer community - Codementor Office Hour...Building a personal brand in the developer community - Codementor Office Hour...
Building a personal brand in the developer community - Codementor Office Hour...
 
Ma Carrière Techno - École secondaire St-Henri - 2014-11-27
Ma Carrière Techno - École secondaire St-Henri - 2014-11-27Ma Carrière Techno - École secondaire St-Henri - 2014-11-27
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
  • 5. Mes Mon objectifs 1. Vous montrer à quel point WebMatrix est facile à utiliser pour créer des sites Web ou des applications Web impressionnants
  • 7. Qu’est-ce que WebMatrix? Un outil gratuit et facile à utiliser pour Créer Configurer Publier vos sites Web et applications Web
  • 8. Qu’est-ce que WebMatrix? 1. Galerie d’applications Web et modèles
  • 9. Qu’est-ce que WebMatrix? 1. Galerie d’applications Web et modèles 2. Serveur Web : IIS Express
  • 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.
  • 15. Deux façons de procéder
  • 16. Deux façons de procéder Option A : À partir de rien
  • 17. Deux façons de procéder Option B : Option A : À partir d’une À partir de rien application Web
  • 19. Razor
  • 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. • …
  • 31. App Gallery et applications Open Source
  • 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!
  • 37. Autres ressources • http://microsoft.com/web/webmatrix • http://asp.net/webmatrixresource (tutoriels v1) • http://www.webnotwar.ca/
  • 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
  • 41. © 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 © 2011 Microsoft Corporation. aucunement être interprété comme un engagement quelconque de la part names are or may ailleurs, Microsoft ne peutand/or trademarks in de quelque renseignement présenté après la du marché, le contenu ne doit All rights reserved. Microsoft, Windows, Windows Vista and other product de Microsoft. Par be registered trademarks garantir l’exactitude 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 date de cette présentation. not be interpreted to beN’ÉMET AUCUNE GARANTIE, EXPRESSE, IMPLICITE OU RÉGLEMENTAIRE, QUANT À L’INFORMATION QUE CONTIENT after the date of this presentation. MICROSOFT a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided CETTE PRÉSENTATION. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.