Dernière mise à jour le 12/12/2024

Vue.js : Initiation + Approfondissement

Informations générales

Type de formation : Formation continue
Domaine : Développement
Filière : Transformation digitale
Rubrique : HTML - CSS - JavaScript - XML
Formation éligible au CPF : Non
Formation Action collective : Non

Objectifs & compétences

A l’issue de la formation, le stagiaire sera capable :
        • Réaliser des applications front-end avec Vue.js
 
 

Public visé

Développeurs JavaScript
 

Pré-requis

Bonnes maîtrises de l'environnement JavaScript
 

Programme

Découvrir Vue.js
Vue.js : présentation, principes
Comparaison avec d'autres frameworks JS : Angular, React,...
Initialisation d'un projet et interface en lignes de commande
Architecture d'une application Vue.js ; objet Vue
Interface de debug
Remise à niveau : Ecmascript5, NodeJS
Notions de composants, cycle de vie
Atelier : Installation de l'environnement, création d'une application
 
Créer des composants
Structure et implémentation d'un composant
Gestion des événements
Imbrication de composants
Slots
Evénements personnalisés
Atelier : Organisation de l'application en composants
 
Peupler les vues
Méthodes d'écritures des templates : render methods, jsx
Composants fonctionnels
Gestion des animations et des des transitions
Atelier : Utilisation de différentes méthodes pour enrichir les vues
 
Gérer la navigation dans l'application
Configuration des routes
Sécurité de l'application (filtres d'interceptions)
Gestion des transitions
Atelier : Utilisation de Vue router pour naviguer entre les pages.
 
Gérer l'état et stocker des données
Vuex : présentation, concepts de base.
Gestion des plugins
Stockage des données
Atelier : Utilisation de Vuex dans l'application
 
Interagir avec une application back-end
Chargement et envoi de données de manière asynchrone
Interrogation d'un service web REST et traitement d'un flux JSON
Gestion des formulaires et validation des saisies
Introduction du data binding
Atelier : Interrogation de services web et exploitation du résultat.
 
Améliorer son code
Mixins et plugins
Utilisation des Single File Components. vue.
Directives personnalisées
Optimisation des performances
Server Side Rendering
Implémenter des tests unitaires
Atelier : optimisation du code applicatif et tests unitaires.
 

Modalités

Modalités : en présentiel, distanciel ou mixte . Toutes les formations sont en présentiel par défaut mais les salles sont équipées pour faire de l'hybride. – Horaires de 9H à 12H30 et de 14H à 17H30 soit 7H – Intra et Inter entreprise.
Pédagogie : essentiellement participative et ludique, centrée sur l’expérience, l’immersion et la mise en pratique. Alternance d’apports théoriques et d’outils pratiques.
Ressources techniques et pédagogiques : Support de formation au format PDF ou PPT Ordinateur, vidéoprojecteur, Tableau blanc, Visioconférence : Cisco Webex / Teams / Zoom.
Pendant la formation : mises en situation, autodiagnostics, travail individuel ou en sous-groupe sur des cas réels.

Méthodes

Fin de formation : entretien individuel.
Satisfaction des participants : questionnaire de satisfaction réalisé en fin de formation.
Assiduité : certificat de réalisation.
Validations des acquis : grille d'evalution  des acquis établie par le formateur en fin de formation.
Code de formation : LEDN226

Tarifs

Prix public : 2750
Tarif & financement :
Nous vous accompagnons pour trouver la meilleure solution de financement parmi les suivantes :
Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
Le dispositif FNE-Formation.
L’OPCO (opérateurs de compétences) de votre entreprise.
France Travail: sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
CPF -MonCompteFormation
Contactez nous pour plus d’information : contact@aston-institut.com

Lieux & Horaires

Durée : 35 heures
Délai d'accès : Jusqu'a 8 jours avant le début de la formation, sous condition d'un dossier d'insciption complet

Prochaines sessions

Handi-accueillante Accessible aux personnes en situations de handicap. Pour toutes demandes, contactez notre référente, Mme Rizlene Zumaglini Mail : rzumaglini@aston-ecole.com

à voir aussi dans le même domaine...

Formation continue

Transformation digitale

NE005

Accessibilité fonctionnelle et graphique

Connaître et évaluer les critères d’accessibilité Savoir piloter la prise en compte de l’accessibilité aux différentes étapes d’un projet web Avoir des indicateurs de coût et de complexité Identifier les enjeux et éléments clés pour réussir la prise en compte de l’accessibilité

7 heures de formations sur 1 Jours
En savoir plus

Formation continue

Transformation digitale

AS201

Technologies du Web, la synthèse

21 heures de formations sur 3 Jours
En savoir plus

Formation continue

Transformation digitale

W-HT3

Les fondamentaux du développement d’interfaces graphiques avec HTML5, CSS3 et JavaScript

Disposer des compétences nécessaires au développement d'un site internet full HTML5 / CSS3 Savoir produire des pages compatibles avec les différents navigateurs internet Être capable de créer des interactions dynamiques avec l'utilisateur sans développement serveur Comprendre comment tirer parti des dernières nouveautés HTLM5 comme le lecteur vidéos compatible mobiles  

35 heures de formations sur 5 Jours
En savoir plus

Formation continue

Transformation digitale

NE157

Design Thinking, devenez un Design Thinker

Comprendre l’état d’esprit du design thinking en mode "design thinking sprint" Acquérir une méthodologie d’innovation efficace centrée sur l’utilisateur pour rapidement évaluer et valider des produits Faire l’apprentissage du processus et de ses outils Expérimenter une culture de travail collaboratif et agile basée sur l’empathie, le prototypage, le test et l’itération

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

SP78039

Référencement naturel / SEO AVANCE

Comprendre le fonctionnement des moteurs de recherche - Connaître les techniques d'optimisation d'une page web – Savoir créer de bons backlinks  

7 heures de formations sur 1 Jours
En savoir plus

Formation continue

Transformation digitale

W-HT4

Conception d’interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap

Evaluer les enjeux du développement d'une application web, et son intérêt Disposer des connaissances et compétences nécessaires pour rendre une application "offline" Maîtriser l'utilisation du Framework proposé par Google : Angular 2+ (versions 2 et ultérieures) Comprendre comment tirer parti de Bootstrap pour développer rapidement des pages Web "responsive" Être capable de prendre en charge l'intégralité du développement de la partie "front"    

35 heures de formations sur 5 Jours
En savoir plus