Cet automne, nos développeurs front-end de l’équipe Affaires électroniques ont quitté leurs postes de travail pour se rendre à Toronto afin d'assister à VueConf 2023, l’une des plus grandes conférences Vue.js. Au menu, panels, présentations, ateliers et occasions de réseautage offerts par les membres de l'équipe centrale de Vue.js et des experts renommés de l'industrie. C’était l’opportunité parfaite pour approfondir Vue, autant pour ceux qui débutent avec cet outil (comme Phil) que pour les développeurs Vue.js plus expérimentés (comme Yannick qui travaille avec Vue depuis 2017).
Voici leurs coups de cœur et les informations à retenir.
Retour sur le passage de Vue 2 à Vue 3
Si vous utilisez Vue depuis quelques années, vous savez que la plateforme a récemment migré vers une toute nouvelle version, Vue 3. Evan You, créateur de Vue.js, a parlé avec beaucoup d’humilité de la migration. Lui et son équipe ont appris beaucoup de choses et sont ressortis plus solides suite à cette transformation.
Des apprentissages qui servent déjà
Avec une carrière en technologie, nous avons toujours à cœur de développer nos compétences et de découvrir les dernières innovations. À VueConf, nous avons donc été choyés!
Erreurs courantes
Pour les plus novices, la conférence de Daniel Kelly, instructeur en développement web à Vue School, était un incontournable. C’est avec une énergie contagieuse, qu’il présentait clairement les erreurs courantes dans Vue3, comment les repérer et les éviter. « Je viens tout juste de commencer à faire du Vue, alors je me sentais très concerné! », explique Phil.
Accessibilité
Le web est en principe conçu pour être accessible à tous, quels que soient le matériel, la langue, le lieu ou les capacités de chacun. Cependant, avec les technologies qui progressent rapidement, il faut veiller à mettre à jour la compatibilité avec les nouveaux outils d’assistance. Quelques actions simples peuvent faire toute la différence pour plusieurs utilisateurs.
Vivian partage son avis : « La conférence d’accessibilité m’a beaucoup intéressée parce qu'elle présentait plusieurs outils, mais surtout parce qu'on a un projet actuellement qui demande une accessibilité AA. Donc, ça va nous aider! »
Nuxt
La conférence « Uncovering Nuxt’s Hidden Gem » présentait des fonctionnalités cachées et moins utilisées, mais ultra pratiques de Nuxt.
- NuxtUI : Ce module rend disponible une librairie UI pour accélérer le développement. Cela inclut les composants, les icônes, les couleurs, le mode sombre, mais aussi les raccourcis clavier.
- NuxtImage : Ce module sert à optimiser le traitement et le rendu des images afin de gagner en performance et d’avoir des pages qui se chargent plus rapidement. Redimensionnez et transformez vos images en utilisant l'optimiseur intégré ou le réseau de diffusion de contenu (ou CDN, « content distribution network ») de votre choix.
- NuxtDevTools : Ce module offre plusieurs outils utiles aux développeurs afin d’identifier les écarts de performance. Cela donne plein d'informations à propos de l'état actuel de l'application et aide au développement ainsi qu'au débogage.
- Nuxt-auth-utils : Ces utilitaires intégrés prennent en charge l’ouverture de session et l'authentification de façon sécuritaire. Ils permettent même de se connecter à divers fournisseurs.
- Nuxt Security : Un module de sécurité basé sur OWASP Top 10 et Helmet.
- Nuxt SEO : Une collection de modules Nuxt spécialement conçus pour satisfaire les demandes des moteurs de recherche et faciliter le travail d’optimisation.
Formulaires
Nous avons aussi trouvé le parfait outil pour faciliter la gestion des formulaires dans Vue, FormKit. Justin Schroeder a su expliquer un problème complexe d’une façon très simple. Ce qui a bien piqué notre curiosité et nous a donné le goût d’aller plus loin avec sa solution. Nous avons pu voir le processus, les succès et les mauvais coups, puis la version finale de FormKit aujourd’hui disponible.
Les formulaires sont souvent une partie complexe, mais importante des sites applicatifs. Étant donnée la grande polyvalence de l’outil, cette découverte était particulièrement intéressante.
Au-delà des conférences
Au final, c’était une très belle sortie d’équipe! Nous avions tous déjà participé à des conférences, mais jamais toute l’équipe ensemble. C’est donc devenu une occasion de teambuilding idéale alliant l’utile à l’agréable. Dans cet esprit, nous avons même décidé de visiter le Royal Ontario Museum et mangé dans de bons restaurants. Nous avons aussi eu la chance de rencontrer des professionnels d’un peu partout au pays et plus loin encore; Québec, Nouveau-Brunswick, Colombie-Britannique et Ukraine.
Nous nous rappellerons longtemps de VueConf 2023, autant pour son contenu que le temps passé avec des supers collègues. En résumé, c’était un petit roadtrip entre amis plus passionnés les uns les autres par le développement front-end. Aimerais-tu une carrière de développeur front-end qui ressemble à ça? Envoie-nous ta candidature!
