Aller au contenu principal

VueJS

Date de mise à jour :
Identifiant Offre Info : 20_1449776
Organisme responsable : INOW (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

  • Comprendre les principes de VueJS
  • Etre capable de développer une application de façon autonome avec VueJS
  • Pouvoir s'interfacer avec un backend
  • Connaître les bonnes pratiques de développement et de mise en production pour VueJS

Programme de la formation

Introduction à VueJS Node.js et npm JavaScript ES6, ES7 et Webpacks Les avantages de VueJS Création d'une application SPA et PWA L'écosystème VueJS IDE, CLI, outils (babel, browser-sync, ...) et plugins Les Vues Structure d'une Vue Cycle de vie Templates VueJS (JSX, HTML) Styles CSS Binding des données Gestion des évènements Les mixins Les directives Utiliser les directives Créer une directive Les composants Créer un composants Cycle de vie…

Introduction à VueJS
  • Node.js et npm JavaScript
  • ES6, ES7 et Webpacks
  • Les avantages de VueJS
  • Création d'une application SPA et PWA
  • L'écosystème VueJS
  • IDE, CLI, outils (babel, browser-sync, ...) et plugins

Les Vues
  • Structure d'une Vue
  • Cycle de vie
  • Templates VueJS (JSX, HTML)
  • Styles CSS
  • Binding des données
  • Gestion des évènements
  • Les mixins

Les directives
  • Utiliser les directives
  • Créer une directive

Les composants
  • Créer un composants
  • Cycle de vie d'un composant
  • Découpler les widgets du HTML
  • Affichage du composant (render)
  • Gérer les props et les évènements
  • Modules complets "stand alone"
  • Communication entre composants

Routage
  • Implémentation du routage
  • Gérer les routes
  • Vue-Router
  • URL avec paramètres
  • Gérer la navigation

Echanger avec un serveur
  • Les requêtes HTTP / REST
  • Les webSockets
  • Utiliser Axios/Fetch

Store avec Vuex
  • Communication avec le data store
  • Gestion de l'état de l'application

BootstrapVue
  • Présentation de la libraire
  • Intégration dans l'application
  • Utilisation des composants BootstrapVue

Les tests avec VueJS
  • Présentation des outils
  • Créer des tests
  • Les tests en asynchrone

Validation et sanction

VueJS

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

21 h

Financement

Conventionnement
Oui
Financeur
  • Autre

    Programme : Financements à déterminer selon la situation du bénéficiaire

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Bonne maîtrise des bases du HTML et du CSS Compréhension solide du langage JavaScript (y compris les concepts ES6)

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement à distance

Adresse

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
14 Rue Tantot
60510 La Neuville-en-Hez
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates fixes