Formation Vue.js

MAÎTRISER LE FRAMEWORK FRONT-END DE GOOGLE :

Vue.js est devenu en quelques années le 3ème projet sur Github, toutes technologies confondues. Devançant React et Angular, Vue.js est le framework js Open source le plus populaire. Avec cette formation, vous découvrirez cette librairie et son écosystème, et apprendrez les bonnes pratiques du développement JS moderne.

Objectifs pédagogiques :

  • Créer des interfaces utilisateur réactives
  • Ajouter des fonctionnalités à un projet Web existant
  • Créer des applications pour mobiles (Android et iOS)
  • Créer des applications Web SPA (monopage)
  • Acquérir toutes les bases nécessaires pour bien programmer en Vue js 3
  • Apprendre à hiérarchiser une application à l'aide de composants
  • Créer des plugins pour Vue JS


Tarification et déroulement

Formation Accélérée

2400 DH ≈

  • Type de formation : Individuel
  • Volume horaire : 24 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Horaire : Flexible selon votre disponibilité et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 4 jours ou bien répartir votre heures selon votre rythme, votre engagement

Formation Accélérée

2400 DH ≈

  • Type de formation : En groupe
  • Volume horaire : 24 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de vos inscriptions
  • Horaire : Flexible selon vos disponibilités et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 4 jours ou bien répartir vos heures selon vos rythmes, vos engagements
  • NB : le groupe est compilé par vous-même

Formation continue

800 DH ≈

  • Type de formation : Individuel
  • Volume horaire : 24 heures
  • Durée de la formation : 3 mois
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription

Formation continue

400 DH ≈

  • Type de formation : En groupe
  • Volume horaire : 24 heures
  • Durée de la formation : 3 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits

Formation continue Accélérée

1000 DH ≈

  • Type de formation : En groupe
  • Volume horaire : 24 heures
  • Durée de la formation : 1 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : 3 séances de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits
×

Formulaire d'inscription au Competence Center

Virement Bancaire

Comment dois-je faire pour payer les frais d'inscription

Competence Center met à votre disposition des méthodes de paiement flexibles et en toute sécurité

Paiement en ligne par PayPal.

Paiement par virement bancaire (RIB : 127270211118738201000403).

Paiement en cash chez notre centre (À côté de la pharmacie Bahja sur l'avenue Mhd 5, au-dessus du café El Mamouniya).

Programme de formation

1 L'écosystème du développeur JS moderne

  • La spec ECMAScript.
  • La syntaxe ES6+.
  • Les nouveautés d'ES9/ES10.
  • Babel & Webpack.
  • Tp : Mise en place d'un environnement de développement JS optimisé.

2Premiers pas avec Vue.js

  • Principes clés de Vue.js.
  • Principes clés de Vue.js..
  • Vue.js vs React vs Angular.
  • Roadmap et prochaines versions.
  • Créer et gérer un projet avec vue-cli.
  • La base d'une application : l'instance Vue.
  • Créer son premier composant Vue.js.
  • Gérer les événements du DOM.
  • Débugger avec vue-devtools.
  • Tp : Créer le projet Vue.js qui servira de base au reste des TP.

3Répartir son code dans des composants:

  • L'imbrication de composants et les props.
  • Passer du contenu à un composant : les slots/children.
  • Déclencher des événements custom.
  • Le cycle de vie des composants.
  • Tp : Refactorisation du code de l'application fil rouge : répartition dans des sous-composants.

4Gérer la navigation :

  • Développer un système de routing maison.
  • Principes de Vue router.
  • Configurer des routes.
  • Sécuriser une application : les Navigation Guards.
  • Transitions entre écrans.
  • Tp :Mettre en place la navigation avec Vue router.

5 Gestion des données avec Vuex :

  • Vuex : concepts de base.
  • Installation et mise en œuvre.
  • Étendre Vuex avec les plugins.
  • Librairies alternatives.
  • Tp : Optimiser l'architecture de l'application par la conversion à Vuex.

Travaux pratiques

6 Développer une application connectée :

  • Charger et envoyer des données avec AJAX : les différents scénarios.
  • Gestion des formulaires.
  • "two-way data binding" vs "one way data flow".
  • Vuex et les formulaires.
  • Validation de la saisie utilisateur.
  • Tp : Chargement de données issues d'une API REST/JSON et création d'un formulaire.

7 Aller plus loin avec Vue.js, bonnes pratiques :

  • Mixins et plugins.
  • Regrouper son code dans des Single File Components .vue.
  • Créer des custom directives.
  • Typage flow/TypeScript.
  • Rendre son code robuste grâce aux Prop types.
  • Compilation & optimisation des performances.
  • Server Side Rendering.
  • Développement d'applications mobiles.
  • Tp : Améliorer la qualité du code de l'application.

Notre priorité

Formation flexible

Vous souhaitez actualiser vos connaissances ou acquérir un diplôme ? Choisissez parmi les différentes formations en informatique le cours qui vous convient, à vos rythme, tout au long de vos formation.

Qualités requises

L’informatique est un outil majeur de stratégie et de compétitivité. Il est devenu indispensable aux entreprises et au grand public... Profitez des conseils avec nous pour bien maîtriser l’informatique.

Formation à distance

Il est possible de devenir webmaster, webdesigner ou référenceur... Profitez avec notre centre des formations diplômantes et certifiantes à distance pour s’orienter aux métiers du web.

prix compétitifs

Depuis la création de notre centre, nous ne cessons de développer nos connaissances pour assurer de formation performante avec un prix abordable, raisonnable et particulièrement avantageux.