Mon tutoriel "Expression Blend et Silverlight 1.0" en avant première...

Je vous livre une pré-version de mon tutoriel "Utilisation de Expression Blend pour Silverlight 1.0", qui sert de support d'auto-formation pour le Tour de France Silverlight (voir le billet précédent). C'est un PDF qui pèse environ 1,2 Mo pour 20 et quelques pages, et c'est en Français.

Ce tutoriel est pour "Tous Publics", il a été pensé pour servir d'introduction à Expression Blend et à Silverlight tant pour les développeurs que pour les designers qui n'ont pas eu de premier contact avec Silverlight. Il est fait pour vous !

Vos commentaires, suggestions, remarques, compliments et insultes (euh, non pas "insultes") sont les bienvenus ;)

[Edit] : J'avais oublié de poster l'archive Zip contenant le projet finalisé avec ce billet. Voici qui est rectifié. Le projet contient tout ce dont vous avez besoin, à l'exception du fichier vidéo Bear.wmv car il pèse pratiquement 4 Mo à lui seul et aurait inutilement alourdi le téléchargement. Vous pouvez utiliser votre propre copie de Bear.wmv si vous utilisez Windows Vista (il est fourni avec les samples) et naturellement tout autre fichier vidéo, même celui de vos dernières vacances ;)

[Edit 2] : Sur les conseils de Florian, je vais ajouter quelques copies d'écran supplémentaires au tutoriel pour vous aider à localiser le fameux onglet "Design Mode / XAML Mode" ainsi que l'outil Canvas dans la barre d'outils. Quand on lance Expression Blend pour la première fois, ça peut faire gagner du temps de savoir ou ceci se trouve plutôt que d'avoir à chercher et à tâtonner. Florian confirme par ailleurs que le tutoriel ne nécessite pas plus d'une heure pour le réaliser de bout en bout, et vous devriez pouvoir aller encore plus vite en vous appuyant sur le Zip contenant le projet final pour copier/coller les portions de code. Je posterai un update avec le tutoriel mis à jour sous peu.

J'en profite pour remercier Marine, Frédéric, l'autre Frédéric et Florian pour leur relecture et leurs feedbacks.

[Edit 3] : La nouvelle version 0.6 comportant les modifications suggérées par Florian est en ligne. Elle annule et remplace la précédente version.

[Edit 4] : Une version HTML en ligne de ce tutoriel est disponible ici.

[Edit du 27/01/2009] : Si vous recherchez des ressources, articles et tutoriels pour bien démarrer avec Silverlight, alors je vous conseille cette page .

MonPlayer.zip

Comments

• Anonymous
  September 18, 2007
  Private Joke : Et hop, un Trackback de chez Jacques :) Merci !

• Anonymous
  September 18, 2007
  Je lis ça dans le week-end et je te donne mon avis ^^

• Anonymous
  September 19, 2007
  Ah ouai, c'est vraiment nickel ! Bravo !

• Anonymous
  September 20, 2007
  @Florian : Cool ;)

• Anonymous
  September 24, 2007
  Salut Christophe, je me permet de venir poser ma question ici car ça me paraît être le post le plus approprié. Je suis sur Blend 2 September Preview, et je tourne avec plusieurs tutoriaux Blend & Blend 2, dont le tien, pour essayer de trouver, mais pas moyen. Je souhaiteai ajouter des événement (triggers) sur des boutons. Dans Blend pas de problème, avec MouseOver, MouseDown .... Dans Blend 2 c'est impossible. La box trigger est en permanence grisée. alors si je me réfère à ton tuto, toi tu ajoute directement le code dans le xaml, alors je me dis "aller je vais mettre les mains dans le camboui" et ajouter à coté de la définition de mon Canvas MouseDown="SurvolerBouton" (SurvolerBouton étant un TimeLine que j'ai créé qui éclaircit mon bouton) Lorsque je fais F5, j'ai une errorbox dans IE qui me dit: ErrorCode: 2012 ErrorType: ParserError Message: Unknow attribut MouseDown on element Canvas Même messages d'erreur avec MouseUp, MouseLeave, MouseDown... alors je souhaiterai savoir si tu connais le problème, si tu as uen solution, ou si ça n'est plus prévu dans Blend 2 (ce qui serait très étonnant xD) ou si c'est dû au fait que c'est une preview version (mais quand même c'est gros comme bug donc ça m'étonnerait aussi) Merci d'avance ! Quentin

• Anonymous
  September 24, 2007
  Salut Quentin, Je te conseille de te référer à la documentation suivante : http://msdn2.microsoft.com/en-us/library/bb412388.aspx Normal que tu recoives des erreurs sur MouseUp et MouseDown, ces évènements n'existent pas ;) Tu dois confondre avec MouseLeftButtonUp et MouseLeftButtonDown. En revanche, MouseEnter, MouseLeave et MouseMove existent bien. Quant à l'interface de Blend 2, il est clairement indiqué quand tu essaies de basculer de la vue Properties à la vue Events sur un élément le message suivant : "This version of Expression Blend does not support event handlers for Silverlight-based projects. See the Readme file for information about manually adding event handlers to code." Donc en effet, l'IHM de Blend 2 ne permet pas pour le moment de définir les Event Handlers, et il faut le faire à la main, en modifiant le code XAML comme indiqué dans la documentation MSDN en ligne dont j'ai donné le lien un peu plus haut. Hope This Helps, /CL

• Anonymous
  December 14, 2007
  J'ai eu le meme probleme d'evenements alors j'ai telecharger la version december preview pour les handler d'events et la encore plus fort!!!! Il y a meme plus d'onglet events, nous sommes donc bien destinés a tout faire a la main!! merci microsoft. Peut etre un module payant est a venir? Je ne vois pas d'autre raison pour avoir enlevé un elements qui fonctionnait avant