Vue.js – Développement d’applications web

Avoir une bonne connaissance pratique de HTML et la maitrise de JavaScript (ES5 minimum)

Développer une application Single Page App (SPA) complète avec le Framework open source JavaScript Vue.js

Vous êtes adhérents à l’OPCO ATLAS

Cette formation fait partie des Actions Collectives campusAtlas. Elles sont accessibles à toutes les entreprises adhérentes à Atlas.

Démarches auprès de campusAtlas :

Choisissez la session qui correspond à votre souhait et, à partir de la plate-forme, saisissez votre demande de prise en charge.

Pour plus d’informations sur les conditions d’accès et les démarches, visitez la plateforme campusAtlas https://campus.opco-atlas.fr/ ou contactez votre conseiller formation Atlas !

Pour réserver votre place auprès d’AJC FORMATION :

Si vous souhaitez réserver votre place sans attendre la confirmation de campusAtlas, nous vous recommandons de nous retourner sans attendre un bulletin d’inscription complété. Pour le télécharger sans délai cliquez ici.

À la suite de votre inscription, nous nous engageons à vous répondre dans un délai de 48 heures. Nous serons en mesure de vous garantir ou non la tenue de votre formation au plus tard 15 jours avant son déroulement.

Vous n’êtes pas adhérents à l’OPCO ATLAS

Retournez-nous sans attendre un bulletin d’inscription complété. Pour le télécharger sans délai cliquez ici.

À la suite de votre inscription, nous nous engageons à vous répondre dans un délai de 48 heures. Nous serons en mesure de vous garantir ou non la tenue de votre formation au plus tard 15 jours avant son déroulement.

À l’issue de chaque module, le formateur évaluera chacun des participants en fonction des cas pratiques et exercices effectués.

Une attestation de formation vous sera remise.

• Alternance d’exercices, cas pratiques, QCM et de notions théoriques, projet Fil Rouge.
• Evaluations régulières et retour du formateur sur les points moins bien assimilés.
• Les supports de cours seront mis à disposition via notre la plate-forme de téléchargement AJC Classroom.
• Accès à notre plateforme à distance de Classe Virtuelle
  Mêmes possibilités et interactions avec votre formateur que lors d’une formation présentielle. En effet, votre formation se déroulera en connexion continue 7h/7 :
  • • • Echanges directs avec le formateur et l’équipe pédagogique à travers la visioconférence, les forums et chats
      • Vérification de l’avancement de votre travail et évaluation par votre formateur à l’aide d’exercices et de cas pratiques
      • Suivi pédagogique et conseils personnalisés pendant toute la formation

   

  Vous recevrez les informations de connexion par mail dès votre inscription. En cas de problème de connexion, vous pourrez joindre notre équipe à tout moment (avant ou même pendant la formation) au 0182837241 ou par mail à l’adresse hotline@ajc-formation.fr.

Les personnes en situation de handicap sont invitées à nous communiquer leurs besoins spécifiques. Nous ferons tout pour les mettre dans les meilleures conditions de suivi de la formation (compensation, accessibilité…)

Une attestation de fin de stage sera remise à tous les participants à l’issue de leur parcours.

Développeurs web, intégrateurs, architectes logiciel, chefs de projet…

Introduction

• SPA et les frameworks JavaScript
• Vue.js, un framework progressif
• Data Driven Interfaces
• Ecosystème
• Réactivité basique avec l’interpolation et v-bind
• Conditionnelles
• Boucles
• Evénements

Les bases

• Instance Vue
• Templating
  • Interpolation
  • Attributs
  • Directives
  • Filtres
• Comparatif Vue vs jQuery
  • v-model
• Inputs Natifs
• Boucler sur de la donnée
• Rendering conditionnel
• Manipuler des classes
• Propriétés calculées
• Écoute d’événements

Travaux pratiques avec un annuaire : Listing d’éléments
Ajout, suppression et édition les éléments d’une liste
Ajout de filtres par catégorie

• Props
• Evénements
• Slots
• Composants dynamiques

Travaux pratiques : Utilisation des composants dans son application :
Single File Components
Création d’un composant pour l’affichage
Faire communiquer les composants entre eux

Vue CLI

• Qu’est-ce que Vue CLI ?
• Comment l’utiliser ?

Travaux pratiques : Migration le projet vers le CLI

Extensions

• Mixins
• Plugins

Travaux pratiques : Utilisation d’un plugin

Cycle de vie

• Les différentes étapes
• Manipulation de la donnée

Mise en pratique : Manipulation de la donnée distante

Routing avec vue-router

• Vue Router
  • Routes
  • Modes
  • Lien
  • La vue principale

Travaux pratiques : Mise en place d’un routeur dans l’annuaire

Notions avancées

• Transitions visuelles
  • Les transitions CSS
  • Transitions de listes avec Vue
  • Transitions dynamiques

Travaux pratiques : Ajout d’animations dans la liste

Un state global avec Vuex

• Que est ce qu’un Store
• Pourquoi et quand l’utiliser ?
• Limites et alternatives

• VueX
  • State
  • Getters
  • Mutations
  • Actions
  • Modules