Formations informatiques à Grenoble et Sophia Antipolis

Formation VUE.JS Vue.js Initiation

Objectifs

Maîtriser l’environnement de travail, créer une instance, utiliser des méthodes et lire les données.

Utiliser le data-binding, les directives comme v-on, les Events Modifiers et les Keys Modifiers.

Installer Vue CLI, créer et importer des composants, et utiliser les Props et les lifecycle hooks.

Créer des formulaires simples, gérer les checkbox et les Select Box, et envoyer des données.

Créer une to-do-list et une application météo avec Vue.js.

Configurer le routing, définir les chemins dynamiques et les paramètres des routes, et créer un système de blog.

Pré-requis

Connaissance en JavaScript

Participants

Frontend et Backend. Développeurs ou personnes ayant des notions en JavaScript. Amateurs de développement web.

Programme de formation

VUE.JS Vue.js Initiation

INTRODUCTION VUE.JS

  1. Présentation du Framework Vue.js

  2. Introduction et ressources

DECOUVERTE DES BASES DE VUE.JS

  1. Mise en place de l'environnement de travail

  2. Créer une instance

  3. Utiliser des méthodes

  4. Lire les données

  5. Le data-binding

  6. La directive "v-on"

  7. Les "Events Modifiers"

  8. Les "Keys Modifiers"

  9. V-model pour lier les inputs

  10. Insérer de l'HTML brut

  11. Utiliser "Computed"

  12. Utiliser "Watch"

  13. Les syntaxes raccourcis

  14. Réaliser un "toggle" en CSS avec Vue

  15. Utiliser du CSS dans les templates

  16. Inline style CSS

  17. Les conditions

  18. Faire un rendu conditionnel

  19. Réaliser une boucle "v-for"

  20. Double boucle

  21. Les instances multiples et $mount

  22. Introduction aux composants

DEVELOPPEMENT AVEC LES COMPOSANTS ET VUE CLI

  1. Installation avec le Vue CLI

  2. Définition des fichiers

  3. Trucs et astuces sans "syntax highlighting"

  4. Créer et importer un composant

  5. CSS dans fichier séparé

  6. Les Props

  7. Utiliser les Props par l'enfant

  8. Validation des Props

  9. Utiliser un Framework CSS

  10. Valeurs primitives VS Refs

  11. Envoyer des données enfant | parents

  12. Les bus à événements

  13. Les "lifecycle hooks" ou "lifecycle methods"

  14. Les Slots

  15. Création d'un système d'onglets

  16. Composants dynamiques

  17. Une fenêtre modale Vue.js

LES FORMULAIRES

  1. Créer un formulaire simple avec des inputs

  2. Trucs et astuces formulaire

  3. Gérer les checkbox

  4. Gérer les Select Box

  5. Envoyer les données

CRÉER UNE TO-DO-LIST

  1. Projet : Création d'une to-do-list

  2. Ressources

LE ROUTING AVEC VUE.JS

  1. Configuration

  2. Définition Hash / History

  3. Les liens

  4. Chemin dynamique

  5. Les paramètres des routes

  6. Projet : Création système de blog

  7. Ressources projet

PROJET : CRÉER UNE APPLICATION METEO AVEC VUE.JS

  1. Configuration

  2. Mise en place générale + template

  3. Appel de l'API

  4. Modèle logique

Durée
2 jours
Lieux
Meylan Moirans Sophia Dans vos locaux Classe distancielle
Groupe de 8 personnes maximum
Demandez un devis
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation sur-mesure On adore les moutons à 5 pattes !
Formations dans la même thématique