> formation Technologies numériques > formation Technologies Web > formation Développement Front-End > formation Vue.js, maîtriser le framework JavaScript Open Source

Avis loadedNote : 4,8Length : 40TotalNote : 770TotalNote20 : 34
Toutes nos formations Développement Front-End

Formation Vue.js, maîtriser le framework JavaScript Open Source

4,8 / 5
Stage pratique
Durée : 3 jours
Réf : VJS
Prix  2021 : 2050 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis clients
Programme

Vue.js est devenu en quelques années le 3ème projet sur Github, toutes technologies confondues. Devançant React et Angular, Vue.js est le framework js Open source le plus populaire. Avec cette formation, vous découvrirez cette librairie et son écosystème, et apprendrez les bonnes pratiques du développement JS moderne.

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :
  • Comprendre les concepts clés de Vue.js
  • Être capable de développer une application Single Page App complète avec Vue.js
  • Connaître les outils indispensables au développement d'applications Vue.js
PROGRAMME DE FORMATION

L'écosystème du développeur JS moderne

  • La spec ECMAScript.
  • La syntaxe ES6+.
  • Les nouveautés d'ES9/ES10.
  • Babel & Webpack.

Travaux pratiques
Mise en place d'un environnement de développement JS optimisé.

Premiers pas avec Vue.js

  • Principes clés de Vue.js.
  • Vue.js vs React vs Angular.
  • Roadmap et prochaines versions.
  • Créer et gérer un projet avec vue-cli.
  • La base d'une application : l'instance Vue.
  • Créer son premier composant Vue.js.
  • Gérer les événements du DOM.
  • Débugger avec vue-devtools.

Travaux pratiques
Créer le projet Vue.js qui servira de base au reste des TP.

Répartir son code dans des composants

  • L'imbrication de composants et les props.
  • Passer du contenu à un composant : les slots/children.
  • Déclencher des événements custom.
  • Le cycle de vie des composants.

Travaux pratiques
Refactorisation du code de l'application fil rouge : répartition dans des sous-composants.

Enrichir ses templates

  • Filters et computedProps : simplifier l'écriture des templates.
  • Templates vs render methods & JSX.
  • Composants fonctionnels.
  • Animations & transitions : améliorer l'expérience utilisateur.

Travaux pratiques
Améliorer l'affichage de l'application : les différentes techniques de rendu.

Gérer la navigation

  • Développer un système de routing maison.
  • Principes de Vue router.
  • Configurer des routes.
  • Sécuriser une application : les Navigation Guards.
  • Transitions entre écrans.

Travaux pratiques
Mettre en place la navigation avec Vue router.

Gestion des données avec Vuex

  • Vuex : concepts de base.
  • Installation et mise en œuvre.
  • Étendre Vuex avec les plugins.
  • Librairies alternatives.

Travaux pratiques
Optimiser l'architecture de l'application par la conversion à Vuex.

Développer une application connectée

  • Charger et envoyer des données avec AJAX : les différents scénarios.
  • Gestion des formulaires.
  • "two-way data binding" vs "one way data flow".
  • Vuex et les formulaires.
  • Validation de la saisie utilisateur.

Travaux pratiques
Chargement de données issues d'une API REST/JSON et création d'un formulaire.

Aller plus loin avec Vue.js, bonnes pratiques

  • Mixins et plugins.
  • Regrouper son code dans des Single File Components .vue.
  • Créer des custom directives.
  • Typage flow/TypeScript.
  • Rendre son code robuste grâce aux Prop types.
  • Compilation & optimisation des performances.
  • Server Side Rendering.
  • Développement d'applications mobiles.

Travaux pratiques
Améliorer la qualité du code de l'application.

Participants / Prérequis

» Participants

Développeurs web, intégrateurs, architectes logiciel.

» Prérequis

Bonne connaissance de HTML, maîtrise et pratique de JavaScript (ES5 minimum).
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis clients
picto avis clients
MOUEL ARNAUD L. 16/06/2021
5 / 5
La formation aurais mérité 4 jours

JÉRÉMIE L. 16/06/2021
4 / 5
En trois jours, c’est très dense. Pour vraiment avoir les bases, il faudrait 1 ou 2 jours de plus. Il faudrait équilibrer plus le théorie et la pratique, c’est lié à la durée de la formation. Mazen a été très pédagogue et il a fait de son mieux avec le temps limité. Merci à lui.

PATRICK B. 16/06/2021
5 / 5
Très bonne animation qui a générée une bonne ambiance pendant toute la formation. On voit que le formateur connait son sujet. Les supports et corrections de TP étaient les bienvenues pour suivre car les analyses individuelles en mode distanciel ne sont pas faciles pour le formateur. Certains concepts trop poussés (store) auraient pu laisser un peu plus de place à d’autres plus essentiels (TP sur les tests unitaires). Dommage qu

ANTOINE V. 16/06/2021
5 / 5
Le contenu de la formation et la pédagogie du formateur sont très bons, en revanche la durée de la formation est trop courte afin de pouvoir aborder l’intégralité des sujets et avoir le temps de pratiquer. Il manquerais 1 ou 2 jours de formation pour que cela soit parfait.

ERIC V. 16/06/2021
5 / 5
Formation très intéressant et très complète mais mériterait une journée de plus afin d’approfondir des sujets abordés mais qui mérite plus de temps et d’approfondissement.

DUC PHAT H. 16/06/2021
5 / 5
- Contenu riche et complet. Pas le temps de tout voir en détail mais de nombreux supports de cours disponibles pour creuser plus loin - Bonne pédagogie, beaucoup d’exemples en direct, snippet de code, facile à prendre en main - Formateur réactif et compétent, motivant. A l’aise sur de nombreux principes & subtilités, même parfois peu communs

ERIC V. 16/06/2021
4 / 5
cette formation pourrait nécessiter 1 jour de plus

HANANE A. 27/04/2021
5 / 5
- Contenu significatif - Formateur précis - Formation riche d’informations

JULIEN M. 13/04/2021
5 / 5
Très bonne formation, bien préparée avec un fil conducteur clair. L’application réalisée est fonctionnelle et très riche. Elle permet d’aborder toutes les fonctionnalités de VueJS. Fabien est très pédagogue, connaît très bien son sujet et s’adapte au besoins-questions de chacun malgré le rythme soutenu de la formation.

MARION P. 13/04/2021
5 / 5
Il a été très apprécié d’avoir un projet fil rouge tout au long de la formation, permettant d’appliquer la théorie du support de cours.

STÉPHANE J. 13/04/2021
5 / 5
Rien à redire. C’était bien expliqué et on a le temps de rattraper les corrections.

ARTHUR P. 13/04/2021
5 / 5
Formation très intéressante malgré le mode distanciel. L’animateur a su nous captiver et créer un rythme dynamique sur les trois jours.

PIERRE C. 31/03/2021
5 / 5
Renaud est très pédagogue et patient, il explique à une vitesse convenable. Le contenu de la formation est fourni et très intéressant.

LIGALI ALI L. 31/03/2021
4 / 5
Très pédagogue. Les explications sont très claires. N’hésite pas à prendre son temps pour bien expliquer . Support de qualité.

AUDREY R. 31/03/2021
5 / 5
Evaluateur très patient et très pédagogue. Formateur à l’écoute et qui prend le temps d’expliquer tous les concepts et qui illustre très bien ses propos.

MOHAMED ANOUAR C. 31/03/2021
5 / 5
parfait

MARTIAL R. 24/03/2021
5 / 5
Très bien, très intéressant, très clair. Fabien maitrise très bien son sujet et sait transmettre son savoir, ses astuces.

ALEXANDRE M. 24/03/2021
5 / 5
Rythme soutenu mais difficile de faire autrement au vu de la masse d’infos à apprendre en 3 jours

LOCKAN M. 24/03/2021
5 / 5
Contenu et exercices très bien travaillés, animation parfaite par un formateur jeune et dynamique qui connait ses sujets sur le bout des doigts. Agréablement surpsi de la qualité de cette formation (c’était ma première formation pro, je suis junior).

AGBASSAH B. 17/03/2021
5 / 5
Cours très intéressant et bien dispensé mais très dense pour 3 jours, par rapport à mon niveau de pratique avant la formation.

BARBARA P. 14/12/2020
5 / 5
Formation complète, claire et précise.

DENIS C. 14/12/2020
5 / 5
Formateur sympathique et très pédagogue. La mise en pratique sur un exemple complet est concret et progressif et très bien pensé. Juste un point à modifier, le support de cours comporte beaucoup de fautes d’orthographes.

DAVID G. 14/12/2020
5 / 5
Excellent contenu avec une progression et rappel d’éléments antérieurs à chaque nouveau concept ce qui fait que la répétition permet l’assimilation notamment pour les laborieux comme moi.

LAURENT N. 14/12/2020
5 / 5
Sujet vaste donc dur de tout faire, mais plutôt bien réparti Super formateur, tant au niveau pédagogique que qualité d’animation

CLÉMENT D. 14/12/2020
4 / 5
Formation intéressante, formateur dynamique, qui arrive à garder l’attention des stagiaires, malgré les conditions particulières des cours à distance. Programme cependant très (trop) dense et un peu trop difficile pour moi, car le développement n’est pas mon corps de métier. J’ai toutefois pu avoir un bon aperçu du fonctionnement de Vue JS.

NICOLAS L. 01/12/2020
5 / 5
parfait

MAXIME A. 01/12/2020
5 / 5
A répondu à mes attentes. Suffisamment orienté débutants, mais en abordant tout de suite le vif du sujet

ABBASSI A. 01/12/2020
4 / 5
satisfait mais aurait plus facile à suivre en physique

JEMAI K. 01/12/2020
5 / 5
Je suis satisfait de la formation. Le contenu est intéressant et le formateur est très sympa et il n’hésite pas à demander si quelqu’un a des questions ou s’il bloquer sur certains points.

MYLÈNE V. 16/11/2020
5 / 5
Formateur de très grande qualité. Bonne documentation et très bonne organisation.

VINCENT B. 16/11/2020
5 / 5
la formation a été très dense (4 jours de formation serait plus confortable). Le formateur maîtrise parfaitement son sujet et même au-delà (on sent la personne passionnée).Il a très bien équilibré la théorie avec la pratique (TP et live coding). Super, la tablette graphique pour les dessins! Le cours est très bien structuré et les principaux sujets ont tous été abordés. Le form

OLIVIER L. 16/11/2020
5 / 5
Formation qui mériterait d’être étalée sur plus de temps car très peu de temps pour vraiment beaucoup de contenu. Un formateur excellent.

MASSINISSA O. 16/11/2020
5 / 5
Le contenu est assez complet avec des exemples et du live code. L’animateur maitrise son sujet et on comprend vite qu’il est passionné par le web. Très agréable.

DAMIEN B. 16/11/2020
4 / 5
Formateur très pédagogue, disponible, ouvert et qui maîtrise son sujet

STÉPHANE B. 29/09/2020
5 / 5
J’aurais aimé que le formateur insiste un peu plus sur les bonnes pratiques de développement : Nommage des fichiers, Structure et organisation d’un projet, etc. (ex: création d’un dossier-fichier "Service" pour les appels aux API)

PAUL D. 29/09/2020
5 / 5
Largement accessible pour débutants ou développeurs venant d’un milieu différent de celui enseigné pendant la formation. Permet à la fin de bien comprendre le fonctionnement de la technologie et d’avoir de bonnes bases.

JORDAN B. 29/09/2020
5 / 5
Très pédadogue. Bonnes explications. Très agréable

PASCAL D. 29/09/2020
5 / 5
Excellent

CHRISTOPHER E. 29/09/2020
5 / 5
Très bonne formation et très bon formateur !

MICKAËL I. 29/09/2020
5 / 5
Top, très intéressant, enchaînement fluide des sujets
Avis clients 4,8 / 5

Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS
[+]
AIX
[+]
ANGERS
[+]
BORDEAUX
[+]
BREST
[+]
CLERMONT-FERRAND
[+]
DIJON
[+]
GRENOBLE
[+]
LILLE
[+]
LIMOGES
[+]
LYON
[+]
MONTPELLIER
[+]
NANCY
[+]
NANTES
[+]
NIORT
[+]
ORLÉANS
[+]
REIMS
[+]
RENNES
[+]
ROUEN
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULON
[+]
TOULOUSE
[+]
TOURS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.