Aller au contenu principal
Afficher le fil d'ariane

AJC FORMATION : 07. Vue.js - Développement d'applications web

Organisme

AJC FORMATION
6 RUE ROUGEMONT
75009 PARIS 9
Voir toutes ses formationsAutres organismes proposant cette formation

Durée

21 heures

Modalités

Formation

  • Classe virtuelle
  • Présentiel

Évaluation

Les participants réalisent tout au long des exercices, QCM et/ou cas pratiques. En fin de formation, les acquis sont vérifiés

Prix

Inter
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
1050€ HT / personne
Intra
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
4530€ HT / groupe
4 stagiaires minimum

Public

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

Pré-requis

Avoir une bonne connaissance pratique de HTML et la maîtrise et de JavaScript (ES5 minimum).

Objectifs pédagogiques

- Maîtriser l’environnement du développeur JS 

- Comprendre les principes clés de Vue.js 

- Savoir développer une SPA avec Vue.js 

- Connaître les outils indispensables au développement d'applications web dynamiques avec Vue.js 

- Appliquer les bonnes pratiques à un projet Vue.js

Programme détaillé

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

 

Les  Composants

  • Rôle du composant dans une SPA
  • 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

Sessions

Filtrer les résultats

46 résultats

Modalités pédagogiques
Formation synchrone se déroulant avec la présence physique du (des) formateur(s) et du (des) apprenant(s) réunis dans un même lieu de formation.
Formation combinant des séquences en présentiel et des séquences à distance synchrones ou asynchrones.
Formation à distance, asynchrone, s’appuyant sur une plateforme d’apprentissage, pouvant être complétée par d’autres modalités de formation à distance (visio-conférence…)
Formation à distance, synchrone, s’appuyant sur un dispositif de visio-conférence. La classe virtuelle recrée à distance les conditions d’une formation en salle traditionnelle.
Type de formation
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
Options
Ces sessions ne peuvent être ni annulées ni reportées par l’organisme de formation.

0 résultat