> 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 : 61TotalNote : 2055TotalNote20 : 87
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
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.

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.

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

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.

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

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.

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

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)

FABIENNE B. 07/09/2020
4 / 5
Contenu trop dense pour le temps imparti

STÉPHANE B. 07/09/2020
4 / 5
une journée de plus serait nécessaire pour ne pas survoler certains points importants

FODIL G. 07/09/2020
5 / 5
Personne pédagogue, à l’écoute et prend le temps de réexpliquer si besoin. Il aurait fallut un quatrième jour pour pouvoir pratiquer (live coding) un peu plus en cours.

GUILLAUME V. 02/09/2020
4 / 5
Contenu riche, un grand nombre de points abordés donc il faudra un peu de pratique en situation réelle pour bien se les approprier.

NOWAK . 02/09/2020
5 / 5
Juste, au niveau de la documentation, il aurait été plus pratique/agréable d’avoir la coloration syntaxique. En revanche, le formateur est très compétent et prêt à entendre les propositions faites par les formés, ce qui est très agréable.

HUGO L. 02/09/2020
5 / 5
Le contenu et la pédagogie sont très bon. Cependant, j’aurai aimé plus de temps de formation pour approfondir certaines sujets.

RAMI J. 02/09/2020
4 / 5
Je suis très satisfait pour cette formation dans le quel j’ai pu de commencer le maîtrise de l’environnement Vue.js Cette formation est intéressant grâce à la partie pratique et les exercices.

DORZE CÉDRIC L. 20/07/2020
5 / 5
Exemple pratique et dans un contexte professionnel

MOUNA Z. 20/07/2020
4 / 5
le contenu de la formation est pédagogique: Cours + TP ce qui nous permet de bien comprendre les notions de base de VueJS

ALAMI C. 20/07/2020
5 / 5
ça était Super, Merci Mazen

HADRIEN B. 15/07/2020
4 / 5
Plus d’exercices bien délimités m’auraient peut-être permis d’assimiler plus facilement et d’ancrer différents concepts. Pas vraiment de support de type "table de matières" pour avoir un aperçu. Pour le reste, très bonne formation. Intéressante.

MISINGI M. 15/07/2020
4 / 5
Très bonne pédagogie. J’ai approfondi certains points déjà connu.

OLIVIER S. 15/07/2020
5 / 5
Bien ciblé sur le besoin

MOHAMMED B. 15/07/2020
5 / 5
Simple et clair

PHILIPPE W. 15/07/2020
5 / 5
Très bien expliqué, dans le détail et formateur à l’écoute.

PHILIPPE T. 15/07/2020
5 / 5
Excellent

HETSCH . 29/06/2020
5 / 5
pas assez de temps pour toucher à tous les aspects. Il faudrait clairement 4 jours pour ce sujet, afin ne pas avoir l’impression de galoper et avoir plus de temps pour faire des exercices supplémentaires. L’animateur est super compétent, il maîtrise son sujet à fond, il code plus vite que l’éclair et est très très disponible pour les questions. Il a un vrai talent pour l’animation, c’est un régal de suivr

ZAWADZKI E. 29/06/2020
4 / 5
Intervenant très dynamique !! Il faudrait 1 jour de plus pour bien apprécier et s’imprégner le contenu de la formation.

CHRISTIAN C. 29/06/2020
4 / 5
Cours dynamique avec beaucoup de bonnes choses (exemples, IDE en ligne ...), mais malheureusement trop dense ce qui n’a pas laisser assez de temps pour pratiquer et tout assimiler. Heureusement les exemples restent en ligne quelques temps et je pourrais m’y référer.

FREDERIC F. 17/06/2020
5 / 5
Très bien

MOHAMED A. 17/06/2020
5 / 5
Très intéressant

CORTES MARIANO L. 08/06/2020
5 / 5
Très bonnes explications!

FABIEN D. 08/06/2020
5 / 5
Bonne formation mais un peu trop dense (beaucoup de chose à apprendre et comprendre sur 3 jours seulement)

BULEON B. 08/06/2020
5 / 5
formateur au top, le contenu est dense mais c’est le nécessaire pour voir tous les sujets en 3j

CLÉMENCE P. 08/06/2020
4 / 5
J’aurais préféré faire des petits exercices après chaque nouvelle fonctionnalité plutôt que de faire un gros bloc théorie le matin et un gros bloc tp l’après-midi.

NABIL K. 02/06/2020
5 / 5
Très dense. Très bon rappel des bases javascript au début Très bonne vue d’ensemble Comparatif au fil de l’eau avec les autres framework JS est super !! Rappel le matin du cours de la veille Tps corrigés à l’oral Excellent formateur: pédagogue, fait preuve d ’empathie, très pertinent. Mazen maitrise parfaitement son sujet

FLORAN P. 02/06/2020
5 / 5
Le contenu de la formation est très dense peut être trop pour quelqu’un de vraiment débutant sur vue JS. Le formateur maîtrise parfaitement son sujet et est très clair. Le contenue des TP sont très bien et les corrections fournit top.

ALEXANDRO M. 02/06/2020
5 / 5
Bonne maîtrise du sujet. On le ressent sur le contenu de la formation. Le formateur est au top. J’ai apprécié cette formation.

JULIE P. 02/06/2020
5 / 5
Cette formation a été très intéressante grâce au contenu et au formateur notamment. Elle mériterait peut-être un 4ème jour pour voir plus en détail certaines parties, et passer légèrement plus de temps sur la pratique.

JULIA B. 02/06/2020
5 / 5
Rappel du cours de la journée précédente ++ Le contenu était clair. Bon équilibre théorie / pratique Un petit manque de temps sur certains chapitres que nous aurions pu approfondir ou passer un peu moins vite.

ALEXANDRE R. 02/06/2020
5 / 5
Bonne formation, mais le sujet abordé reste néanmoins complexe. Un jour supplémentaire pourrait être bénéfique.

MAGALI D. 18/05/2020
5 / 5
Très bon support de cours et formateur très pédagogue. Juste manque un peu plus d’alternance TP/Théorie Très grande disponibilté du formateur pour aider lors des TPs.

KONAN L. 18/05/2020
5 / 5
Utile, bien expliqué.

MARTIN A. 18/05/2020
5 / 5
Cours théorique intéressant et dynamique. Coté pratique un peut rapide, qui ne couvre pas toujours tout le cours.

VINCENT D. 18/05/2020
5 / 5
Explications claires et compréhensibles sur l’ensemble des sujets parcourus. Peut-être prévoir plus d’alternance entre parties théoriques et pratiques, quitte à faire des créneaux plus courts.

TIFENN G. 11/05/2020
5 / 5
J’ai beaucoup apprécié la formation. Le contenu est bien rempli. On abord pleins de sujets. Et le temps passé sur les TP était suffisant pour comprendre la théorie.

FLORIAN B. 11/05/2020
5 / 5
La formation était très bien structurée. Les exercices et les corrections ont été très clairs
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

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.