Accueil / VueJS

VueJS

Durée : 3 jours
Tarif Inter : 1800 €
Tarif sur mesure : Nous consulter
Référence : 3VUE

  • Partagez sur
  • Téléchargez en
  • Inscrivez vous
Programme Public & Pré-requis Organisation

Présentation

Le framework VueJS a été mis en place par Evan You, qui avait auparavant travaillé sur des plateformes telles que AngularJS chez Google. VueJS vous donne le contrôle sur les fonctionnalités réellement incluses, vous donnant la possibilité d’écrire des applications web et des SPAs extrêmement légers, jusqu’à des déploiements beaucoup plus complexes selon la façon dont vous configurez votre projet.

Cette formation vous guidera à travers les étapes clés de l’obtention, l’installation, la configuration, le développement et le déploiement de votre première application web Vue.js.

Objectifs

  • Avoir une vue d’ensemble des nouveautés JavaScript depuis 2009 à nos jours
  • Pouvoir créer une application complète avec le framework Vue.js
  • Savoir se connecter à une API REST
  • Savoir traduire un site en Vue.JS
  • Savoir tester son application Vue.JS
  • Améliorer la qualité de son code par les bonnes pratiques

Programme

  1. AVANT-PROPOS

    • Les outils
      • NodeJS et NPM
      • Les transpileurs Babel/TypeScript
      • Automatiser les tâches Grunt, Gulp et WebPack
      • Les outils pour bien développer
      • JSLint et ESLint
      • Les éditeurs : Visual Studio Code, Atom, Sublime, Brackets, Notepad++
    • Les concepts
      • JavaScript et ECMAScript
      • ECMAScript 6 et plus
      • Comprendre les mécanismes de fonctionnement du Navigateur
      • Comprendre l’asynchrone
  2. LE JAVASCRIPT D’ES5 À ES2018 (ES9)

    • Langage de base
    • Variables, boucles, conditions
    • Les classes, l’héritage
    • Déstructuration
    • Les sucres syntaxiques
    • Notions avancées
      • Portée des variables
      • Closures
      • Asynchrones
      • Les promesses
      • Les mot-clés : async et await
      • Les observables avec RxJS
    • Aller plus loin
      • Présentation de TypeScript
  3. LES DIFFÉRENTS FRAMEWORKS

    • Comparatif entre : Angular, React et Vue
  4. VUE CLI ET VUE UI

    • Démarrer un nouveau projet
    • Les options, dépendances et plugins (Bootstrap)
    • Gestion des erreurs et des bugs
  5. FONDAMENTAUX DE VUEJS

    • VueJS, App, template, script
    • Structure des fichiers « .vue »
    • Rendu et Virtual DOM
    • Philosophie des composants
    • Usage de CSS, SCSS et Sass
  6. COMPOSANTS VUEJS

    • États
    • Propriétés (props)
    • Imbrication de composants
    • Modèles de composants
    • Attributs spécifiques à Vue : directives
    • Boucles et conditions
    • Slots
    • Mixins
    • Internationalisation avec vue-i18n-starter
  7. UTILISATION DE COMPOSANTS TIERS

    • Installation de Vue UI
    • Comparaison avec Vuetify
    • Les autres bibliothèques graphiques
    • Utilisation et intégration de la bibliothèque graphique dans ses composants
  8. CYCLE DE VIE

    • Événements et modificateurs
    • Propriétés “computed” et “watch”
    • Gestion des formulaires (v-model, etc)
    • Hooks
    • Transitions et animations
  9. VUEX

    • Les “Vuex” et “Store”
    • Partage de données inter-composants
    • Les “State” et “getters”
    • Actions et modifications
  10. COMMUNICATION AVEC LES APIS

    • Communication HTTP
    • L’AJAX2
    • L’API fetch
    • La bibliothèque AXIOS
    • Les filtres
  11. Les APIs REST

    • API REST
    • Les autres types d’APIs
    • GraphQL et Apollo
  12. ROUTAGE ET NAVIGATION

    • Vue-router
    • Vues imbriquées et nommées
    • Créer des liens statiques et dynamiques
    • Redirections et alias
  13. LES TESTS ET BONNES PRATIQUES

    • Structurer son projet
    • Commenter et documenter
    • Débogage
    • Tester son application les tests End To End
    • Mettre en place des tests Unitaires avec Karma et Jasmine
  14. PRÉSENTATION DES APPLICATIONS MOBILES EN VUE.JS

    • Exemple d’un projet mobile avec Vue.js et Ionic
Formations à distance
En inter et en intra entreprise

Contactez-nous :
training@softeam.fr
+33 (0)6 07 78 24 18
Prochaines dates

Demande de renseignement