Microsoft teste des didacticiels dans Visual Studio, en commençant par Blazor – Visual Studio Magazine

Nouvelles

Microsoft teste des didacticiels dans Visual Studio, en commençant par Blazor

Vous avez une chance 50/50 d’accéder à une nouvelle expérience de l’équipe de développement de Visual Studio qui intègre des didacticiels avec l’IDE pour une expérience qui combine des conseils avec du code en direct.

À partir de Blazor, la fonctionnalité de didacticiel expérimental est accessible en téléchargeant une version spéciale de prévisualisation de Visual Studio spécifique au didacticiel. Le hic, c’est que seuls 50 % des développeurs qui tentent de télécharger le package de prévisualisation IDE/tutoriel obtiendront la version personnalisée.

L’expérience a été annoncée le mois dernier dans une vidéo de James Montemagno de Microsoft intitulée “Testez le nouveau tutoriel expérimental Blazor INSIDE Visual Studio”.

L’idée est d’amener toutes les ressources impliquées dans le processus de didacticiel normal complètement à l’intérieur de l’IDE afin qu’il y ait moins de choses à jongler lorsque vous suivez un didacticiel de site Web. Fondamentalement, ce didacticiel est présenté dans un nouveau volet de la barre latérale, donc au lieu de traiter un onglet de navigateur de débogage localhost, un site Web de didacticiel dans un autre onglet de navigateur et l’instance IDE, les deux derniers sont combinés.

Étape 4 du didacticiel : Essayez le compteur
[Click on image for larger view.] Étape 4 du didacticiel : Essayez le compteur (source : Microsoft).

Ainsi, cliquer sur un lien de didacticiel dans le nouveau volet – vers le fichier program.cs qui réside dans l’explorateur de solutions, par exemple – ouvrira ce fichier dans l’éditeur. Les développeurs peuvent exécuter et déboguer l’application et profiter des fonctionnalités habituelles telles que le rechargement à chaud.

“Nous avons vu que lorsque les gens apprennent avec de nombreux types de ressources différents – vous avez un tas d’onglets ouverts, un tas de fenêtres ouvertes, vous avez votre ensemble d’outils ouvert – et donc il y a beaucoup de changement de contexte, et nous avons vu dans nos expériences précédentes, que les utilisateurs ont tendance à mieux faire quand tout est au même endroit, quand vous êtes capable de naviguer d’un endroit à l’autre de manière fluide sans être distrait », a déclaré un membre de l’équipe de développement Grace Taylor, qui s’occupe de l’expérience. “Et c’est donc quelque chose que nous expérimentons, que nous essayons, et j’espère que si cela se passe bien, nous espérons pouvoir déployer plus d’expériences et de tutoriels sur la route.”

L’aperçu VS modifié par l’expérience peut être téléchargé sur le site “Blazor Tutorial – Build your first Blazor app”.

Ce journaliste a eu la chance d’obtenir la version spéciale (téléchargement de 3,68 Go de 1 075 packages), bien que cliquer sur le bouton du didacticiel présenté lors de la première ouverture de l’IDE n’ait pas fonctionné pour moi (un message indiquait que la commande n’était pas disponible ) jusqu’à ce que j’utilise le programme d’installation pour modifier le téléchargement de l’aperçu.

Après cela, cela a fonctionné et le nouveau volet du didacticiel “Démarrer avec Blazor” s’est ouvert sur le côté gauche de l’IDE et m’a guidé tout au long de ce processus en sept étapes :

  • Étape 1 : Créez votre première application Web avec Blazor
  • Étape 2 : À propos de vos projets Blazor
  • Étape 3 : Exécutez votre application
  • Étape 4 : Essayez le compteur
  • Étape 5 : Ajouter un composant
  • Etape 6 : Modifier un composant
  • Étape 7 : Prochaines étapes

Conseils pour l’étape n° 4 (illustré dans le graphique ci-dessus), par exemple, se lit comme suit :

Dans l’application en cours d’exécution, accédez à la page Compteur en cliquant sur l’onglet Compteur dans la barre latérale à gauche. La page suivante devrait alors s’afficher :
[image of app]

Sélectionnez le bouton Cliquez sur moi pour augmenter le nombre sans rafraîchir la page. L’incrémentation d’un compteur dans une page Web nécessite normalement l’écriture de JavaScript, mais avec Blazor, vous pouvez utiliser C#.

Vous pouvez trouver l’implémentation du composant Counter dans le fichier Counter.razor situé dans le répertoire Pages.

Une requête pour /counter dans le navigateur, comme spécifié par la directive @page en haut, amène le composant Counter à restituer son contenu.

Chaque fois que le bouton Cliquez sur moi est sélectionné :
• L’événement onclick est déclenché.
• La méthode IncrementCount est appelée.
• Le currentCount est incrémenté.
• Le composant est rendu pour afficher le nombre mis à jour.

Pour ceux qui ne le faites pas Obtenez le téléchargement d’aperçu spécial, une version du site Web du même didacticiel est disponible.

“C’est la première expérience et donc si nous voyons que les résultats de l’expérience sont bons, si les utilisateurs en retirent une bonne valeur, si les gens nous disent que c’est une bonne expérience, alors nous continuerons à créer des tutoriels supplémentaires, en faire une capacité de plate-forme complète dont de nombreuses équipes et personnes différentes peuvent profiter », a déclaré Taylor. Les commentaires impliquent un sondage que les utilisateurs peuvent remplir.

Si je parviens à fournir de tels commentaires, je mentionnerai que le bouton du didacticiel m’a été présenté dans l’IDE lors de sa première ouverture, mais comme je l’ai dit, j’ai dû modifier le téléchargement via le programme d’installation pour que le bouton fonctionne. De plus, l’expérience avait la mauvaise habitude de laisser ouvertes les fenêtres du terminal, que je devais fermer manuellement. En dehors de cela, les quelques choses que j’ai essayées ont bien fonctionné.

A propos de l’auteur

David Ramel est éditeur et rédacteur pour Converge360.

.

Leave a Comment