Académie Vue Québec
Académie Vue

La Formation Vue #1 à Québec!

Se former à Vue 3 en français maintenant

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


Objectifs

Apprenez comment coder une app complète avec Vue, Vuex et Nuxt à Québec (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 à Québec, mais aussi à Montréal, 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 à venir


Score de satisfaction: 4.97/5

Basé sur 73 notes pour les 6 derniers mois.

Note COVID-19: Nous offrons désormais des classes virtuelles.

Contactez nous pour organiser une formation corporative en classe virtuelle.

Cours et horaires
Migrer à Vue 3 1 jour 9:30am à 03:30pm
Maîtriser Vue 3 2 jours 8:30am à 4:30pm
Maîtrisez Nuxt 1 jour 9:30am à 03:30pm
Classe privée, dans vos bureaux (ou en virtuel) et à vos dates: Contactez-nous

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 :-)

Plans de cours


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), Suspense, 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 bavant 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 Angular
  • 🔥 14 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, y compris le setup et configuration d'un projet, la structure du code, l'utilisation de la CLI Vue et Vue UI, la liaison de données, la connection HTTP avec le backend, et le routage ainsi que Composition API, Teleport, Suspense, Vuetify et Nuxt. 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
  • Instance de 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 Vue CLI et Vue UI
    • Composants monofichiers (fichiers .vue)
  • Coder les Composants avec l'Option API
  • La nouvelle Composition API avec Vue 3
  • Système de réactivité Vue 3
  • Fragments (multiple root components)
  • Communiquer avec une API serveur
    • Requêtes HTTP asyncrones avec Axios: 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

  • Propriétés calculées et observateurs
  • Vue 3 Teleport
  • Vue 3 Suspense
  • 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 Vuex
    • Pourquoi Vuex ?
    • Configurer un Store avec Vuex
    • Actions, Mutations et Getters
    • Historique des mutations avec Vue Devtools
  • Composants Material Design avec Vuetify
  • Déploiement en production
  • Astuces et bonnes pratiques
  • Introduction à Nuxt
  • QnA final

1 jour pour prendre en main Nuxt


Formation Nuxt
  • 🔥 5 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

  • Getting Started with Nuxt
  • Setup and Tooling
  • Using the Nuxt CLI
  • Overview of the folder structure
  • Pages and Routing
    • File-based Routing
    • Routes parameters
    • Nested Routes
  • Layouts
  • Fetching Data from a server (REST API)
    • asyncData on client and server

Après midi

  • Handling errors
  • Adding a Vuex Store
  • Universal Mode
    • Server Side Rendering
  • SEO with vue-meta
  • Nuxt plugins
  • Deployment
    • Universal Mode
    • SPA Mode
    • Static site Mode
  • Final QnA

Programme de rabais exclusif!


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

Contactez-nous


Contactez-nous pour obtenir de plus amples informations.


Voir plus!! Ajouter votre commentaire!