Aller au contenu principal

Développer des sites web et des applications avec VueJS

Date de mise à jour :
Identifiant Offre Info : 11_11O2400233
Organisme responsable : INOW CARAIBES (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

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 composant Cycle de vie d'un composant Découpler les…

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 composant
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

Non prévu;

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Financement

Conventionnement
Non
Financeur
  • Bénéficiaire de l'action
Conditions de prise en charge
Formation professionnelle d'adulte - FPA;

Conditions d'accès

Publics visés

  • Demandeur d'emploi
  • Handicapé
  • Public en emploi
  • Salarié
  • Salarié dans le cadre du CIF
  • Salarié dans le cadre du DIF
  • Salarié dans le cadre du plan de formation
  • Salarié en contrat aidé
  • Salarié en période de professionnalisation
  • Salarié en reconversion

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

<ul><li>Bonne maîtrise des bases du HTML et du CSS</li><li>Compréhension solide du langage JavaScript (y compris les concepts ES6)</li><li>Expérience avec les outils de développement intégrés aux navigateurs et les éditeurs de code (comme Visual Studio Code)</li></ul>

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
3617 Boulevard 3617 Boulevard de Houelbourg ZI Jar
97122 Baie-Mahault
Modalités
Entrées / Sorties à dates fixes