Formation Vue.JS - Développement d'applications web
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
À l'issue de cette formation Vue.js, vous aurez acquis les connaissances et compétences nécessaires pour :
- Améliorer une page existante de façon non obstrusive, comme le permettrait jQuery
- Construire un templating dynamique et automatique de toute la page, comme le ferait Angular.JS 1
- Créer vos propres widgets réutilisables et intégrer ceux de la communauté pour aboutir à une architecture complètement basée sur des composants réutilisables, comme avec React.JS.
- Comprendre la philosophie et les apports de Vue.js par rapport à d’autres frameworks (jQuery, Angular, React…)
- Savoir implémenter Vue.js au sein d’un environnement de développement JavaScript cohérent
- Savoir développer une Single Page App (SPA) à l’aide de Vue.js
- Être capable de construire un templating dynamique et automatique d’applications web
- Savoir créer et intégrer des widgets réutilisables
- Connaître et mettre en œuvre les bonnes pratiques de développement Vue.js
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Vue.js est un framework Javascript basé sur le principe d’une application à page unique (SPA) qui consiste à réécrire une page Web existante avec de nouvelles données provenant du serveur sans recharger entièrement la page. L’interaction avec les utilisateurs permet donc d’atteindre d’excellentes performances et les applications SPA sont connues pour offrir également une bonne expérience utilisateur (UX). La simplicité de prise en main de Vue.js et sa facilité d’intégration avec d’autres bibliothèques ou projets existants font également partie de ses atouts pour une adoption par les équipes de développement Front.
Programme
Avantages et inconvénients de Vue.js
Qu’est-ce qu’une application SPA (Single Page Application) ?Les origines du framework Vue.js
Pourquoi choisir Vue.js?
Comparaison avec les frameworks (jQuery, Angular, ReactJS)Travaux pratiquesIdentifier les apports de Vue.js sur une problématique prédéfinie
Utilisation simple de Vue
Utilisation simple, sans outils de buildPrésentation de "hello world"
Savoir intégrer Vue.js incrémentalementTravaux pratiquesPremier développement avec Vue.js
Quiz de validation des acquisJ2
Utilisation sous forme de templates
Le one-way data bindingConnaître les méthodes d'utilisation de Vue.js
Les computed properties
Directives de contrôle de flux
Directives de gestion d'évènements
Présentation des principaux filtres
Les composants fournis avec Vue.js
Connaître les pièges les plus courantsTravaux pratiquesIntégrer Vue.js en tant que template
Utilisation sous forme de composant
Découpler les widgets du HTMLPrésentation du cylcle de vie des composants
Modules complets "stand alone"
Connaitre la hiérarchie et la composition
Maîtriser les états et la communication entre composantsTravaux pratiquesIntégrer Vue.js en tant que composant
Quiz de validation des acquisJ3
Routing avec Vue-router
La déclaration des vuesLa manipulation de l’historique
La navigation
Routes imbriquées / Nested routes
Redirection
Gestion d‘erreur
Les messages flashTravaux pratiquesConfiguration du mode « historique » (configuration server-side, paramètres d’URL)
Data store avec Vuex (introduction)
Les apports d’un gestionnaire d’état (état, vue, actions)Zone de stockage centralisée pour tous les composants
Règles pour contrôler les mutations de l’état de l’application
Créer et appeler des actions
Cache et performance
La gestion des erreurs
Définir des accesseurs (getters)Travaux pratiquesCalcul des valeurs basées sur l’état du store pour filtrer une liste d’éléments et les compter.
Vue.js et les données extérieures (Call API)
Utiliser Axios pour consommer des APIConsommation d’une API REST avec Vue 3Travaux pratiquesRécupération et affichage des données d’une API (liste de contacts), filtrage pour n’afficher que les informations dont nous avons besoin
Vue.js dans une stack JS moderne : npm, webpack et Babel
Installation via le package managerLa construction via webpack
Pre-processing avec BabelTravaux pratiquesDéploiement de Vue.js en production (réduction de la taille de notre application)
Bonnes pratiques avec Vue.js
Emplacements et composantsOrganisation du store Vuex
Appels d’API et validation des données
Comment simplifier notre base de code (mapState, mapGetters, mapMutations, mapActions)
Les factory API
La gestion des variables d’environnements ($config)
Bonnes pratiques dans le nommage des commit (git)
Optimiser l’utilisation des bibliothèques (coût d’importation)Travaux pratiquesMise en œuvre dans le cadre de notre TP fil rouge (front-end de blog listant des articles et permettant la lecture, l’ajout, la modification et la suppression)
Prérequis
Public
Ces formations pourraient vous intéresser
Formation AWS : Notions Techniques de base sur Amazon Web Services (cours officiel)
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation AWS - Notions Techniques de base sur Amazon Web Services vous aurez acquis les connaissances et les compétences nécessaires pour :
- Concept et histoire d'AWS
- Infrastructure d'AWS : Compute, Storage, Networking
- Sécurité, Identité et gestion des accès
- Les bases de données sur AWS
- Les outils de gestion d'AWS.
| Tarif |
A partir de 800,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- S'approprier HP ALM 12 et créer des référentiels de tests
- Maîtriser les tâches courantes d'administration de l'outil
- Connaître les bonnes pratiques pour organiser, gérer et suivre les tests
- Savoir créer un référentiel des exigences
- Planifier et concevoir des cas de tests
- Définir des campagnes et scénarios de tests
- Utiliser le module Defect pour gérer et suivre les anomalies
- Prendre en main les outils de reporting
| Tarif |
A partir de 2 800,00 € |
| Durée |
4 jours |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Démontrer la portée de l'automatisation, ses avantages mais aussi ses risques
- Automatiser le test d'applications Web
- Reconnaître l'architecture et le fonctionnement de la suite d'outils Katalon Studio
- Capturer des cas et les organiser en suite de tests, puis les rejouer
- Reconnaître les options avancées, concevoir et optimiser les tests Katalon Studio
- Exécuter, maintenir les tests conçus et mettre en place différents environnements
- Enumérer les différences entre les tests pilotés par les mots-clés et par les données
- Construire des tests dans l'IDE
- Faire des tests API.
| Tarif |
A partir de 1 420,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Gérer les fonctions essentielles d'Illustrator
- Produire rapidement et efficacement des images vectorielles de qualité
- Créer un template de picto
- Construire un logo
| Tarif |
A partir de 1 390,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Sensibiliser vos interlocuteurs à l'accessibilité numérique (contexte législatif, problématiques des utilisateurs en situation de handicap...)
- Concevoir et développer des sites et applications Web accessibles conformément au référentiel en vigueur (RGAA 4.1 ou WCAG 2.1)
- Auto-évaluer l'accessibilité de vos développements Web.
| Tarif |
A partir de 1 700,00 € |
| Durée |
2j / 14h |
| Modes |
|
Red Hat OpenShift Développement 2 – Créer et déployer des applications cloud natives
Proposé par ENI ServiceObjectifs de la formation
- Concevoir des d'applications conteneurisées pour OpenShift
- Gérer et créer des versions d'applications avec S2I (source-to-image)
- Personnaliser une image de base S2I
- Déployer des applications dans plusieurs conteneurs avec les charts Helm
- Créer des contrôles d'intégrité pour surveiller et améliorer la fiabilité des applications
- Créer et déployer des applications cloud-native sur OpenShift
| Tarif |
A partir de 3 600,00 € |
| Durée |
5j / 30h |
| Modes |
|
Microsoft Dynamics 365 – Solutions de gestion de la relation client – Marketing
Proposé par ENI ServiceObjectifs de la formation
- Appréhender Dynamics 365 Customer Insights - Journeys
- Faire de la configuration avancée et gérer les données
- Gérer des clients et des interactions
- Organiser et promouvoir des événements
- Analyser et évaluaer des performances marketing
- Gérer le calendrier marketing
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Formation Développement d’applications web front-end avec JavaScript - Présentation des frameworks Open Source
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation Développement d'applications web front-end JavaScript vous aurez acquis les connaissances et les compétences nécessaires pour :
- Le fonctionnement de JavaScript et son utilité dans le navigateur
- Créer des scripts permettant de rendre interactives vos pages et applications
- Manipuler le contenu et le rendu de la page au travers de gestionnaires d’événements
- Faire de la Programmation Objet en JavaScript
- Coder avec les bonnes pratiques et les bons outils pour un code plus facile à maintenir
- Connaître les principes généraux de VueJS et Angular
- Connaitre l'architecture d'une application web basée sur ReactJS
- Intégrer les nouveautés du langage dans vos programmes avec EcmaScript 6/7
| Tarif |
A partir de 2 695,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire la fonction de conseiller relation client à distance
- Adapter votre processus de vente en donnant immédiatement une image rassurante et professionnelle
- Pratiquer l'écoute et l'art de faire parler, plutôt que monopoliser la parole, en partant à la découverte de votre interlocuteur
- Analyser le marché en menant une veille commerciale afin d'obtenir des rendez-vous commerciaux (gérés en direct ou pour le compte d'un collaborateur qui sera chargé de la vente)
- Proposer à votre interlocuteur les solutions les plus adaptées au contexte
- Traiter efficacement les objections en répondant aux questions pièges
- Conclure avec les meilleures techniques de closing : conclure immédiatement la vente ou au moins conclure sur des étapes et engagements réciproques
- Pratiquer une politique de relance des clients sans donner l'impression de relances basiques
- Développer la confiance de vos clients par des outils de fidélisation, notamment par un suivi digital de la relation commerciale
- Gérer les situations difficiles à distance
- Optimiser le suivi et le processus d'amélioration de vos actions commerciales.
| Tarif |
A partir de 3 340,00 € |
| Durée |
5j / 35h |
| Modes |
|
