Dans ce bundle JavaScript, vous allez apprendre à maîtriser le framework Vue.js pendant plus de 5h45 au travers de 3 formations.
Tout au long de ces 3 formations en vidéo, vous allez apprendre à réaliser et optimiser un moteur de recherche en Single Page Application (voir galerie d’images) qui sera fonctionnel dès la fin de la première partie et que nous viendrons ensuite optimiser et améliorer dans les 2 parties suivantes.
Vous pouvez retrouver ci-dessous un récapitulatif du contenu des 3 formations de ce bundle ainsi que les pré-requis pour les suivre dans les meilleures conditions.
Vous pouvez cliquer sur les titres pour vous rendre sur les fiches des formations qui vous détaillent avec précision le contenu de chacune d’entre elles.
Dans ce pack de formation "JavaScript moderne avec Vue.js"
- Vue.js 2 : Formation complète (Partie 1/3 : Les bases) Cette première partie abordera les bases du framework et vous rendra déjà autonome dans l’utilisation de Vue.js pour créer des applications simples.
Pré-requis pour cette partie :
Maîtriser le JavaScript moderne (fonctions en flèche, promesses …) (ma formation à ce sujet) - Vue.js 2 : Formation complète (Partie 2/3 : SFC et Vuex)
Cette partie se découpera en 2 blocs. Un premier bloc où nous allons apprendre à créer des composants optimisés pour nos applications (Single File Components) et un second dans lequel nous apprendrons à utiliser la bibliothèque Vuex dont le but est de centraliser les données et la logique qui leur est associée.
Pré-requis pour cette partie :
Les modules ECMAScript et les bases de Webpack (ma formation à ce sujet) - Vue.js 2 : Formation complète (Partie 3/3 : Laravel et Vue Router)
La dernière partie de ce bundle vous permettra d’associer Vue.js à la puissance du framework PHP Laravel. Nous viendrons également découvrir la bibliothèque Vue Router pour créer des Single Page Applications.
Pré-requis pour cette partie :
Maîtriser les bases de Laravel (ma formation à ce sujet)
Utiliser le serveur virtuel Homestead (ma formation GRATUITE à ce sujet)
L'ensemble des fichiers et liens utilisés pendant ces formations vous seront fournis dans les fichiers sources de ce bundle.
En cas de besoin, je serai dans l'espace d'entraide.
Bonne formation à vous !
Tuto composant ce bundle :
Vue.js 2 : Formation complète (Partie 1/3 : Les bases) (voir la fiche produit)
Bien débuter
- Introduction gratuit00:05:10
- Une vue d'ensemble 00:18:44
- L'extension Vue Devtools 00:03:12
- Mise en place du projet 00:11:49
- On créé notre application 00:07:13
- Les données 00:04:34
- Les méthodes 00:11:41
Boucle et rendu conditionnel
- Rendu conditionnel avec v-if et v-show 00:07:18
- Rendu de liste avec v-for 00:06:34
Les évènements
- Les évènements classiques 00:10:47
- Les modificateurs 00:06:16
Avant de passer à la suite
- Les propriétés calculées 00:03:54
- Les attributs style et class avec v-bind 00:05:25
- La directive v-model et les formulaires 00:10:19
Les composants
- Le plan d'attaque 00:05:01
- La méthode la plus simple 00:10:48
- Passer des données du parent à son enfant 00:06:20
- Un bus d'évènement pour les autres relations 00:10:04
Les transitions et Vue.js en production
- Les transitions 00:16:21
- Vue.js en production et conclusion 00:01:56
Vue.js 2 : Formation complète (Partie 2/3 : SFC et Vuex) (voir la fiche produit)
Webpack et les modules ECMAScript
- Introduction gratuit00:04:04
- Installation de Node.js et NPM gratuit00:02:07
- On installe nos dépendances 00:06:25
- Configuration de Webpack 00:07:14
- Un module ES pour chaque composant 00:07:47
Les composants monofichiers (Single File Components)
- Le Vue Loader 00:07:21
- On transforme nos modules en composants monofichiers 00:14:10
- Extraire notre CSS en production 00:11:41
Vuex
- Vuex, comment ça fonctionne? gratuit00:04:41
- On prépare notre projet 00:06:19
- L'état 00:01:44
- Les mutations 00:03:40
- Les actions 00:06:58
- On utilise notre store 00:07:46
- Conclusion 00:00:39
Vue.js 2 : Formation complète (Partie 3/3 : Laravel et Vue Router) (voir la fiche produit)
Vue.js x Laravel
- Introduction gratuit00:03:35
- Installation de Laravel gratuit00:03:35
- Le modèle et le contrôleur 00:02:31
- La vue et les ressources 00:03:58
- On adapte notre projet à Laravel 00:11:17
Découverte de Vue Router
- Comment ça fonctionne? 00:11:50
- Un cas simple 00:12:19
- De belles URLs 00:03:53
- Gérer les erreurs 00:01:46
- Des paramètres variables dans nos routes 00:06:21
- La navigation côté JS 00:03:36
- Parcourir l'historique 00:03:41
- Des données dans la chaîne de requête 00:03:32
Mise en pratique sur notre projet
- Le plan d'attaque gratuit00:02:47
- Création du routeur 00:04:59
- On adapte l'action typing 00:06:59
- Gérer les liens qui contiennent une recherche 00:05:16
- Conclusion 00:00:45
Formateur : Steven Sil
-
Tuto très instructif !
-
C'est de l'or en barre
-
Avec quelles versions de logiciels ce tuto est-il compatible ?Vue-JS , JavaScript
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés