Cours
PrestaShop

Newsletter

VueJS

Prendre en main VueJS 2, le framework Javascript qui monte

Ou s'abonner pour un accès illimité sans engagement à tout Skilleos pour 19,90€/mois. En savoir plus
chapitre

Chapitres

42

chrono

Durée

03h53 de cours en ligne

chrono

Prérequis

acces

Accès

24h/24 et 7j/7
PC/Mac, tablette et smartphone

certificat

Certificat

Délivré à la fin de la formation

1for1

1 For 1

Un abo ou un achat sur Skilleos = Un cours offert à un bénéficiaire

Samir Medjdoub

Samir Medjdoub

Développeur depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), avec comme comme fil conducteur la conscience qu’il est bien plus facile de rester sur la vague que de tenter de remonter après s’être laissé submerger. Fidèle à cette stratégie, Samir Medjdoub a ainsi pris la vague Angular 2 dès les versions alpha et bêta fin 2015, celle de Node.js il y a sept années de cela et a eu la chance d'évoluer dans des sociétés qui avaient été parmi les premières en France à adopter MongoDB, conjointement aux bases de données relationnelles. Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : investissez dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2019.

Vous souhaitez apprendre les bases de VueJS 2 rapidement et efficacement ? Que vous soyez expérimenté sur d'autres Frameworks et librairies ou que VueJS soit votre tout premier Framework Javascript, ce cours de développement web en ligne vous permettra, par ses nombreux exemples, de prendre en main VueJS dans sa v2.

VueJS est un framework JavaScript qui monte. Il mérite votre intérêt pas uniquement car c'est le petit nouveau, mais surtout car il est bien né - son créateur est un ancien de l'équipe de l'excellent framework Meteor ! En outre, VueJS permet de facilement enrichir une application web existante, là où un gros framework tel qu'Angular est taillé pour les Single Page Apps (SPA) et ne se greffe donc pas volontiers sur un site existant. Alors n'hésitez plus, rejoignez Samir Medjdoub dans ce cours en ligne sur le nouveau framework javascript : VueJS ! 

À la fin du cours, vous serez capable de :

  • Configurer votre environnement de développement
  • Créer vos premières applications Vue.js
  • Utiliser data binding, computed properties, watchers etc ...
  • Gérer les événements
  • Poster des formulaires
  • Créer des components locaux et globaux
  • Faire des requêtes AJAX
  • Créer votre première SPA (Single Page Application)

Chapitres

PRISE EN MAIN
1
01:51
Introduction
2
01:57
Préparation son environnement de développement
3
03:06
Votre toute première application VueJS
4
05:26
Installer un serveur web à l'aide de NPM
NOTIONS DE BASE
5
02:13
Le data binding
6
01:31
Installer les "VueJS devtools" de Chrome
7
02:24
Le two-way binding
8
06:48
Gérer les événements
9
03:48
Gérer la soumission d'un formulaire
10
01:44
Parcourir un tableau
11
02:17
Parcourir un tableau d'objets
12
08:11
Ajouter une classe CSS conditionnellement
13
10:02
Afficher du contenu HTML conditionnellement
14
02:17
Gérer les événements du clavier
15
03:38
Gérer la suppression d'une tâche
16
12:55
Comprendre et mettre en oeuvre les lifecycle hooks
LES COMPOSANTS
17
03:17
Créer un composent global
18
03:22
Créer un composant local
19
05:06
Ajouter des données à un composant enfant
20
02:30
Ajouter des méthodes à un composant enfant
21
09:01
Passer des données d'un composant parent vers ses enfants
22
04:40
Passer le résultat d'une requête Ajax effectuée par le parent à son enfant
23
06:42
Organiser une application en hiérarchie de composants
24
05:32
Insérer du contenu entre les tags d'un composant à l'aide des slots
25
07:42
Émettre un custom event depuis en enfant et le gérer dans le parent
26
05:08
Afficher dans le parent les composants petits-enfants qui ont émis un événement
27
03:05
Pré-rendu et rendu d'un tableau d'objets
INTÉGRATION D'UN COMPOSENT TIERS + DIVERS
28
12:52
Intégration d'un composent tiers
29
05:52
Créer un filtre
30
03:26
Les computed properties
31
06:47
Activer/désactiver un bouton en fonction de la valeur d'une computed property
32
04:36
Surveiller le contenu d'un champ texte à l'aide d'un watcher
33
10:13
Requêtes asynchrones et watcher couplé à debounce pour filtrer les requêtes
VUE-CLI, SINGLE FILE COMPONENTS ET SPA
34
06:49
Installer vue-cli et générer un projet
35
06:10
Architecture du projet généré par vue-cli
36
03:17
Refactoriser des composants VueJS en 'Single File Components'
37
08:50
Création du composant UserList.vue
38
11:53
Création du composant UserDetails.vue
39
02:22
Ajouter du style à un 'Single File Component'
40
18:01
Implémenter le routage
41
05:37
Créer des liens statiques et dynamiques
42
00:49
Conclusion

VueJS

49.00 €

close if for show price

  • langues fr