Formation Vue.JS : Développement d’applications web
| 1830€ HT / personne |
| 3 jours (21 heures) |
Présentation
Créé et propulsé par les développeurs d’alibaba.com, Vue.js est un framework évolutif pour construire des interfaces utilisateur.
À la différence des autres frameworks monolithiques, Vue a été conçue et pensé pour pouvoir être adopté de manière incrémentale. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l’intégrer avec d’autres bibliothèques ou projets existants. D’un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec des outils modernes et des bibliothèques complémentaires.
Vuejs est connu pour avoir rendu le développement front amusant. Il est sans conteste le framework web moderne à la foi productif et accessible. Dans cette formation, vous apprendrez à créer des interfaces web riches en utilisant Vuejs 3 : templating, composants de vue, découverte de son écosystème.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date (Vue.js 3.2).
Objectifs
- Découvrir VueJS 3
- Maîtriser les fondamentaux de Vue.js
- Développer une application riche avec Vue.js
- Savoir créer un Single Page Application avec Vue.js
- S’intégrer dans une architecture orientée REST
- Découvrir les meilleures pratiques associer à un projet Vue.js
Public visé
- Développeurs
- Architectes techniques
- Chefs de projets
- Ingénieur d’études
Pré-requis
- Connaissances de HTML et CSS
- Bonne connaissance en JavaScript, voire expérience avec un autre framework front comme React ou Angular
Programme de notre formation Vue.JS : Développement d’applications web
Introduction : framework frontend
- Qu’est-ce que et pourquoi utiliser un Framework ?
- La présentation du développement web en 2021
- Introduction à Vue.js
- Présentation et installation des outils pour bien commencer
Premiers pas avec 2 petits TPs.
- Notre première application, avec la méthode d’intégration progressive et
l’option API. - Les mécanismes des composants Vue
- Afficher de la data, le template d’un composant
- Modifier dynamiquement un attribut
- Écouter les événements utilisateurs
- Le “two way data binding” (liaison de données bidirectionnelle)
- Le rendu conditionnel
- Le rendu de liste
- Le style et les classes dynamiques
- Les propriétés calculées
- La découpe en composant Vue
- Déclaration de composant et leur template
- Les props
- Communiquer avec le parent
- Les cycles de vies
Découverte des nouveautés
- Composition API de Vue 3
- Les avantages et différences de la composition API
- Introduction à la composition API
- Options vers composition
Créer un Single Page Application avec Vue 3
- Installation de Vue CLI
- Création du projet
- Webpack, Babel, et ESLint, javascript moderne.
- Que fait Vue CLI pour nous ?
- Le concept de SFC, Single File Component
- Call API avec axios
- Build de notre projet et analyse des fichiers finaux
Les directives
- Les directives existantes
- Créer des directives personnalisées
Les filtres
- Créer des filtres personnalisés
Vue-Router : L’essentiel
- Les routes : server-side vs client-side
- Chargement dynamique des composants
- Le mode “historique”
- La configuration server-side
- Les paramètres d’URL
- Routes imbriquées / Nested routes
- Navigation par le code
- Redirection
- Gestion d’erreur et 404
- Flash message
VueX : Les bases
- Gérer l’état de votre application, un état global
- Mettre à jour l’état
- Récupérer l’état
- Créer et appeler des actions
- Amélioration des performances (“cache”)
- Gestion d’erreurs
- Getters
Le fil rouge:
- Créer un front-end de blog avec Vue 3
- Page liste des articles
- Page lire un article
- Admin (CRUD)
- Ajouter un article
- Modifier un article
- Supprimer un article
- BONUS:
Transitions de bas
Pour aller plus loin
Formation Vue.js Avancé
Formation Angular Avancé
Formation Vue en TypeScript
Formation Angular
Formation React
Formation MEVN
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Edouard
Je préconise VueJS (ou React) pour le frontend.
Pour le backend, je suis expérimenté sur les domaines suivants : API REST, Mongo, SQL, Redis, micro-services, websockets, blockchain.
Jean-François
Cédric
Témoignages
Beaucoup de temps de pratique permettant de mettre en application la théorie
Pas de support comme des slides par exemple, qui permettrait de revenir sur ce qui a été dit,
Cela dépend certainement du niveau des participants mais je pense que la formation pourrait être condensée sur 3 jours au lieu de 4. Peu de théorie a eu lieu pendant les deux derniers jours.
Je vais suivre la formation vue js avancée
Merci pour cette formation
Afficher tous les témoignages
Beaucoup de temps de pratique permettant de mettre en application la théorie
Pas de support comme des slides par exemple, qui permettrait de revenir sur ce qui a été dit,
Cela dépend certainement du niveau des participants mais je pense que la formation pourrait être condensée sur 3 jours au lieu de 4. Peu de théorie a eu lieu pendant les deux derniers jours.
Je vais suivre la formation vue js avancée
Merci pour cette formation
la richesse du contenu et l’implication du formateur
restriction cependant sur la qualité pédagogique, mais je présume que la majorité de vos sessions souffrent de ce défaut, vos intervenants étant des techniciens-experts mais pas des formateurs
j’espère pouvoir mettre à profit ces nouvelles connaissances à court terme, je ferai à ce moment un retour à Mohamed qui a la gentillesse de rester en soutien et à notre écoute
Apprentissage des VueJs
structure de la formation un peu chaotique
Vue js avancé
Formation très dense, présentation des bases très rapide, nécessite d’avoir déjà eu une première expérience avec VueJS.
Par contre la découverte de notions avancées (VueX, …) avec un formateur est appréciable, même s’il me reste du travail pour les assimiler pleinement.
Très bon accueil de l’équipe d’Ambient IT
Très bons moyens mis en oeuvre, la salle est agréable et le matériel bien adapté.
En revanche, le contenu de la formation est trop dense pour la suivre en 3 jours. On ne peut pas à mon avis équilibrer correctement la part théorique et la part pratique en si peu de temps. La formation me semble plus adaptée à des personnes ayant déjà une certaine connaissance des frameworks front-end.
Le formateur est très compétent, disponible et passionné.
Globalement, je suis content de cette formation qui m’a permis de voir autre chose de ce dont j’ai l’habitude au travail. J’espère avoir très vite l’occasion d’utiliser cette technologie couplée à Laravel dans mon travail et dans tous les cas je continuerai de la travailler personnellement.
Merci à toute l’équipe.
Réponse d'Ambient IT
Merci Fabrice pour ce commentaire. Depuis Avril 2019, nous avons ajouté un jour de formation supplémentaire afin de répondre au mieux à l’attente de nos clients, avec un format complet sur 4 jours la formation VueJS s’est enrichie grâce à vous tous.
Ambient IT est une entreprise sérieuse, l’équipe est d’un très bon accueil.
Le formateur était sympathique et compétent, il faudrait juste un peu plus de structure sur le déroulé pédagogique pour pouvoir suivre plus facilement.
Réponse d'Ambient IT
Merci Yannis pour ta venue et ta sympathie également ! Sans nul doute que tes conseils en tant que formateur nous servirons pour les prochaines sessions ! L’équipe te souhaite plein de réussite dans tes futurs projets.
J’ai aimé passer un peu plus de temps sur les bases et concepts du langage complet avec de petit exercices avant d’attaquer les TP
Adapté à nos besoins.
La formation a été très bonne, je suis content d’avoir eu cette formation.
Bonne formation, satifité
Formateur très compétent & à l’écoute de nos besoins.
Noter la formation
| 1830€ HT / personne |
| 3 jours (21 heures) |
