XXL Formation

Vue.JS

Par XXL Formation

Objectifs

Comprendre la vision et l’essence même de Vue.JSCréer des composants Vue et exploiter les avantages apportés par le fichier .vuePrototyper des composants rapidementUtiliser le Tooling existantDévelopper un annuaire pour accentuer votre compréhension de VueTester vos composants

Programme

Introduction

  • Vue.js un framework progressif
  • Data driven interfaces
  • Ecosystème
  • Binding
  • Conditionnelles
  • Boucles
  • Evénements
  • Composants

Bases

  • Instance Vue
  • Cycle de vie
  • Templates
  • Interpolation
  • attributs
  • Directives
  • Filtres
  • Computed properties
  • v-model
  • Inputs Natifs
  • Rendering de Listes
  • Caveats
  • (TP) Début de l'annuaire
  • Creation d'une recherche simple
  • Class and Style bindings
  • Rendering conditionnel
  • Gestion d'Evénements
  • (TP) Edition sur place
  • Ajout d'édition sur place des personnes
  • Composants
  • Props
  • Evénements
  • Slots
  • Composants dynamiques
  • v-model
  • (TP) Refactoring annuaire
  • Création d'un composant pour l'affichage
  • Utilisation de vue build
  • Utilisation du template webpack

Avancé

  • Réactivité avancé
  • Transitions
  • CSS transitions
  • CSS animations
  • Transitions de listes
  • Transitions dynamiques
  • (TP) Animations
  • Animations sur la recherche
  • Animations sur l'édition
  • Render functions
  • Composants functionels
  • Directives Custom
  • (TP) Optimisations
  • Exemple pratique de l'utilité des composants fonctionnels
  • Création d'une directive custom

Extensions

  • Mixins
  • Plugins
  • Single File components

Routing avec vue-router

  • Vue Router
  • Routes
  • Modes
  • Lien
  • La vue principale
  • Utilisation basique dans l'annuaire

State global avec vuex

  • Vuex
  • State
  • Getters
  • Mutations
  • Actions
  • Modules
  • Utilisation basique dans l'annuaire

Formations de la même catégories (5)

Zenika
Angular AvancéPar Zenika

Angular est le FrameWork TypeScript créé par Google. Parmis ses concurrents (React, VueJS, …) angular est celui qui propose le plus de fonctionnalité en son sein. Cette formation va nous permettre de rentrer dans les coeur d’Angular pour y découvrir tout ce que les développeurs de Google nous ont fourni. Au programme : I18n, Material Design, Reactive Form, RxJS, ZoneJS et bien plus.

Formation animée en présentiel

La formation en présentiel se déroule sur des jours consécutifs

Formation disponible en mode "formation à distance"

La formation à distance peut se dérouler sur des jours consécutifs ou se décomposer en demies journées

Retengr
Angular JSPar Retengr

Le WEB 2.0 a vu l’avènement d’un nouveau mode de conception d’application web: la Single Page Application. AngularJS fut dans un premier temps développer par Google pour des besoins internes, et au regard de son succès grandissant en a fait un produit open source qui rationalise les développements sur le client, apportant ainsi aux entreprises un socle technologique solide et pérenne.

Global Knowledge
Développement Web avec Angular JSPar Global Knowledge

Ce cours vous permet d’acquérir les fondamentaux du framework AngularJS

Orsys
AngularJS, maîtriser le framework JavaScript de GooglePar Orsys

Développé par Google, AngularJS est un framework structurant et simplifiant le développement des applications riches côté client. Cette formation vous apportera la maîtrise des fonctionnalités clés du framework : filtres, contrôleurs, templates... Vous verrez également son intégration dans une architecture REST.

Dawan
AngularPar Dawan

Maîtriser les concepts du framework Angular - Utiliser Angular pour développer des applications web performantes