Formation VUE.JS Vue.js Initiation
Domaine : Développement et méthodes
DURÉE
2.0 jour(s)
OBJECTIFS
Apprentissage de l'interface. Créer des routes. Utiliser des tempaltes.
Pré-requis
Connaissance en JavaScript
Participants
Frontend et Backend. Développeurs ou personnes ayant des notions en JavaScript. Amateurs de développement web.
coût
Nous contacter pour une formation sur mesure ou en intra
LIEUx de formation
Notre centre de formation à GrenobleNotre centre de formation à MoiransNotre centre de formation à Sophia Antipolis
Sur votre site en formation intraEn classe distancielle
PROGRAMME DE FORMATION
VUE.JS Vue.js Initiation
INTRODUCTION VUE.JS
Présentation du Framework Vue.js
Introduction et ressources
Introduction et ressources
DECOUVERTE DES BASES DE VUE.JS
Mise en place de l'environnement de travail
Créer une instance
Utiliser des méthodes
Lire les données
Le data-binding
La directive "v-on"
Les "Events Modifiers"
Les "Keys Modifiers"
V-model pour lier les inputs
Insérer de l'HTML brut
Utiliser "Computed"
Utiliser "Watch"
Les syntaxes raccourcis
Réaliser un "toggle" en CSS avec Vue
Utiliser du CSS dans les templates
Inline style CSS
Les conditions
Faire un rendu conditionnel
Réaliser une boucle "v-for"
Double boucle
Les instances multiples et $mount
Introduction aux composants
Créer une instance
Utiliser des méthodes
Lire les données
Le data-binding
La directive "v-on"
Les "Events Modifiers"
Les "Keys Modifiers"
V-model pour lier les inputs
Insérer de l'HTML brut
Utiliser "Computed"
Utiliser "Watch"
Les syntaxes raccourcis
Réaliser un "toggle" en CSS avec Vue
Utiliser du CSS dans les templates
Inline style CSS
Les conditions
Faire un rendu conditionnel
Réaliser une boucle "v-for"
Double boucle
Les instances multiples et $mount
Introduction aux composants
DEVELOPPEMENT AVEC LES COMPOSANTS ET VUE CLI
Installation avec le Vue CLI
Définition des fichiers
Trucs et astuces sans "syntax highlighting"
Créer et importer un composant
CSS dans fichier séparé
Les Props
Utiliser les Props par l'enfant
Validation des Props
Utiliser un Framework CSS
Valeurs primitives VS Refs
Envoyer des données enfant | parents
Les bus à événements
Les "lifecycle hooks" ou "lifecycle methods"
Les Slots
Création d'un système d'onglets
Composants dynamiques
Une fenêtre modale Vue.js
Définition des fichiers
Trucs et astuces sans "syntax highlighting"
Créer et importer un composant
CSS dans fichier séparé
Les Props
Utiliser les Props par l'enfant
Validation des Props
Utiliser un Framework CSS
Valeurs primitives VS Refs
Envoyer des données enfant | parents
Les bus à événements
Les "lifecycle hooks" ou "lifecycle methods"
Les Slots
Création d'un système d'onglets
Composants dynamiques
Une fenêtre modale Vue.js
LES FORMULAIRES
Créer un formulaire simple avec des inputs
Trucs et astuces formulaire
Gérer les checkbox
Gérer les Select Box
Envoyer les données
Trucs et astuces formulaire
Gérer les checkbox
Gérer les Select Box
Envoyer les données
CRÉER UNE TO-DO-LIST
Projet : Création d'une to-do-list
Ressources
Ressources
LE ROUTING AVEC VUE.JS
Configuration
Définition Hash / History
Les liens
Chemin dynamique
Les paramètres des routes
Projet : Création système de blog
Ressources projet
Définition Hash / History
Les liens
Chemin dynamique
Les paramètres des routes
Projet : Création système de blog
Ressources projet
PROJET : CRÉER UNE APPLICATION METEO AVEC VUE.JS
Configuration
Mise en place générale + template
Appel de l'API
Modèle logique
Mise en place générale + template
Appel de l'API
Modèle logique
dates des formations a grenoble
dates des formations a SOPHIA ANTIPOLIS
formations associées
- JAVA SCRIPT Les fondamentaux
- ANGULAR ANGULAR JS Développement
- JAVASCRIPT HTML5 CSS3 et JavaScript
- JAVASCRIPT Développement JavaScript "Moderne"
- JAVASCRIPT Web Dynamique
- JAVASCRIPT Niveau 2
- JAVASCRIPT La 3D et JavaScript
- JAVASCRIPT Les frameworks de jeux
- JAVASCRIPT NodeJS
- jQuery Les fondamentaux
- ANGULAR Prise en main du framework
- ANGULAR Développer une application web avec Angular
- JAVASCRIPT React
- Bootstrap
- PHP7
- SYMFONY 3 Niveau 1
- WEB Etat de l'art des technologies des systèmes d'information
- WEBSERVICES Niveau 1
- XML Langage XML