Académie Vue Sherbrooke
Académie Vue

La Formation Vue et Nuxt #1 à Sherbrooke!

Se former à Vue 3 et Nuxt en français maintenant

Académie Vue est une formation pratique en français à Sherbrooke, soyez prêt pour Vue 3, Pinia et Nuxt!


Objectifs

Apprenez comment coder une app complète avec Vue, Pinia et Nuxt à Sherbrooke (ou en ligne), avec un expert de l'industrie.

Ateliers

Apportez votre ordinateur portable! Une partie importante de la formation est consacrée à la création d'applications et expérimentations en temps réel (de style bootcamp).

Canada

Canadien francophone!

Si vous êtes au Québec ou proche, nous voulons vous rendre visite. Nous donnons la formation Vue à Sherbrooke, mais aussi à Montréal, Québec, Ottawa, Gatineau, Longueuil, ... et maintenant en classe à distance en mode virtuel!

Préalables

Vous devriez avoir une expérience significative dans le développement d'applications Web avec HTML5 et JavaScript. Aucune expérience préalable avec VueJS est nécessaire.

Formations publiques à distance


★★★★★

Score de satisfaction: 4.97/5

Basé sur 139 notes pour les 6 derniers mois.

Assistez à nos formations à distance !

Contactez nous pour organiser une formation corporative en classe virtuelle.

Les classes en Français sont indiquées avec "FR" en fin de ligne dans la liste des dates.
Cours et horaire typique
Migrer à Vue 3 1 jour 9:30am à 03:30pm
Maîtriser Vue 3 2 jours 9:00am à 4:00pm
Maîtrisez Nuxt 1 jour 9:00am à 04:00pm
Si vous avez un groupe d'environ 6 personnes ou plus, nous vous recommandons une formation privée en entreprise.
Vous pourrez choisir la date qui vous convient et même demander à ajuster le contenu gratuitement.
Contactez-nous

Académie Vue est un centre de formation autorisé Emploi-Québec, notre numéro d'agrément est : 0056463.

Me tenir informé des nouveaux cours et dates!


Nous ne vous contacterons que pour nos ateliers Vue ou Nuxt!
Vous pouvez facilement vous désabonner n'importe quand :-)

Formations


Pour les formations publiques, nous avons 3 cours:

  • Migrer à Vue 3 (1 jour)
  • Maîtriser Vue 3 (2 jours)
  • Maîtriser Nuxt (1 jour)
Nous pouvons également créer des cours sur mesure:
Nous vous proposons d'adapter le contenu en fonction des préférences et des attentes de votre équipe, sans aucun frais additionnel.

1 jour pour migrer et explorer Vue 3


Formation Migration Vue 3
  • 🔥 5 heures de formation pratique intensive
  • 👨‍💼 Cours en ligne LIVE animé par un instructeur!
  • 🎓 Tout ce qu'il faut savoir pour une migration réussie et tirer le meilleur parti de Vue 3!
  • 💼 Disponible en entreprise pour groupes privés
  • >> Voir les dates

Avertissement: Ce cours est destiné aux développeurs qui ont déjà de l'expérience avec Vue 2. Vous êtes censé être déjà familiarisé avec les principales fonctionnalités de Vue comme les composants, le routeur et l'utilisation de la CLI.

Cette formation vous offre un guide complet afin de savoir comment migrer vos applications Vue 2 vers Vue 3 dans les meilleures conditions! Le matériel pédagogique regroupe tous les conseils et astuces pour une mise à jour efficace. Il couvre également certains pièges à éviter lorsque vous prévoyez de migrer votre application Vue 2 vers la version mise à niveau avec Vue 3! Sous forme d'un atelier de code, nous migrerons ensemble une application typique d'entreprise (utilisant la CLI, Vue Router, Vuex, Axios, Forms, Slots, Mixins, Filters, Animations, ...) écrite en Vue 2 vers Vue 3.
Puis nous verrons comment tirer avantage de la nouvelle API de Composition offerte par Vue 3 pour une meilleure organisation et réutilisation de votre code.
Enfin, nous passerons du temps à explorer d'autres nouvelles fonctionnalités passionnantes de Vue 3, telles que: Fragments (multiple root components), Multiple V-models, Teleport, ...

Matin

  • Préparer votre code avant la migration
  • Utiliser la CLI pour initialiser la migration vers Vue 3.
  • Différences dans la configuration de l'app entre Vue 2 et Vue 3
  • Fixer la syntaxe du routeur
  • Que faire avec les Filtres ? (discontinués)
  • Qu'en est-il des plugins et dépendances externes?

Après midi

  • Introduction à la Composition API
  • Utiliser @vue/composition-api avant une migration!
  • Système de réactivité Vue 3
  • Fragments (multiple root components)
  • Suspense
  • Multiple V-models
  • Teleport

2 jours pour bien débuter


Formation Maîtriser Vue
  • 🔥 12 heures de formation pratique intensive
  • 👨‍💼 Cours en ligne LIVE animé par un instructeur!
  • 🎓 Maîtrisez les concepts Vue pour créer une application web d'entreprise moderne
  • 💼 Disponible en entreprise pour groupes privés
  • >> Voir les dates

Cette formation technique couvre tous les concepts de base et vous guide pour bâtir une application Vue 3 complète basé sur Composition API, y compris le setup et configuration d'un projet, la structure du code, l'utilisation du serveur Vite, la liaison de données, la connection HTTP avec le backend, et le routage ainsi que Pinia. L'Académie Vue est le point de départ idéal pour comprendre et utiliser Vue 3 efficacement dès maintenant. Vous aurez la chance de découvrir de multitudes démos et activités de type "coder ensemble" dont le code sera fournis tout au long de l'atelier.

Jour 1

  • Bien démarrer avec Vue 3
    • L'aspect progressif de Vue.js
  • Une première app Vue
  • Setup et outillage minimal
  • Syntaxe de template
    • Interpolation de texte
    • Liaison de données via attributs
    • Liaisons de classes et styles
    • Rendu conditionnel et listes
    • Gestion des évènements et Modificateurs d’évènements
    • Abréviations
  • Composants
    • Passer des données avec les Props, Évènements personnalisés, Méthodes, CSS isolé, Hooks de cycle de vie, Composants imbriqués, Communication entre composants
  • Configurer un workspace de développement d'entreprise avec Vite
    • Composants monofichiers (fichiers .vue)
  • La nouvelle Composition API avec Vue 3
  • Système de réactivité Vue 3
  • Communiquer avec une API serveur
    • Requêtes HTTP asyncrones avec fetch(): Récupération dynamique de données JSON depuis une API REST, Poster des données vers le serveur, meilleures practiques et usage de services pour obtenir une app modulaire

Jour 2

  • TypeScript
  • Propriétés calculées et observateurs
  • Routage avec Vue Router
    • Routes imbriquées
    • Paramètres dynamiques
    • Alias, redirection, props et erreurs
    • Chargement à la volée
  • Transitions & Animations
  • Gestion des erreurs
  • Débogage d'une app Vue.js
  • Formulaires et Validation
  • Slots avec portée, slots nommés
  • Gestion d'état moderne avec Pinia
    • Pourquoi Pinia ?
    • Configurer un Store avec Pinia
    • Actions et Getters
    • Historique avec Vue Devtools
  • Déploiement en production
  • Authentification et sécurité
  • Vue 3 Teleport
  • Fragments (multiple root components)
  • Astuces et bonnes pratiques
  • QnA final

1 jour pour prendre en main Nuxt


Formation Nuxt
  • 🔥 6 heures de formation pratique intensive
  • 👨‍💼 Cours en ligne LIVE animé par un instructeur!
  • 🎓 Maîtrisez Nuxt pour créer une application web d'entreprise moderne
  • 💼 Disponible en entreprise pour groupes privés
  • >> Voir les dates

Cette formation intensive dirigée par un instructeur vous apprend à tirer avantage de Nuxt pour créer des applications Vue professionnelles! Nuxt offre le rendu simple côté serveur et une approche de configuration basée sur les dossiers qui facilite le travail sur des applications Vue robustes et modernes. Avoir de l'expérience avec Vue n'est pas obligatoire, mais encouragé.
Cette formation est de type atelier pratique et vous aurez la chance de travailler sur une application Nuxt d'entreprise avec beaucoup d'interactivité avec l'instructeur.

Matin

  • Bien démarrer avec Nuxt
  • Une première app Nuxt
  • Utiliser la CLI Nuxt
  • Aperçu de la structure des dossiers
  • Setup et outillage
  • Pages et Routing de base
  • Transitions
  • Layouts
  • Récupérer les données d'un serveur
  • Gérer les environnements
    • Propriétés runtime config
    • Cacher les variables privées
  • Organiser/découpler vos appels API
    • Implémenter le Repository Pattern
    • Tirez parti des plugins Nuxt

Après midi

  • Composants Avancés
    • Propriétés calculées
  • Routage basé sur les fichiers
    • Routes imbriquées
    • Routes dynamiques
    • Code splitting automatique
  • SEO avec vue-meta
  • Gérer les erreurs
  • Ajouter un Store Pinia
  • Middleware Nuxt
  • Mode Universal
  • Smart Prefetching
  • Déploiement
    • Universal Mode (SSR)
    • Static Mode (Pre-rendered)
  • QnA Final

Programme de rabais exclusif!


Nous avons plusieurs options de rabais dont vous pourriez bénéficier.

Contactez-nous


Pour plus d'informations ou pour organiser votre formation en entreprise.


Alumni


Participez à notre prochain workshop pour apprendre Vue de manière amusante et intéractive!