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.

Arkesys
Angular – Développer des applications WebPar Arkesys
  • Installer et configurer un projet Angular
  • Créer des composants d’application réutilisables
  • Collecter des données utilisateurs avec des formulaires simples et des formulaires dynamiques
  • Mettre en place la navigation dans l’application
  • Structurer les traitements avec des services et mettre en œuvre les mécanismes d’injection de dépendances
  • Échanger des données avec le serveur
  • Synchroniser des traitements avec les objets Observable
  • Traduire une application en plusieurs langues
  • Intégrer des composants de la librairie Material
  • Ecrire des tests unitaires et des tests d’intégration