MEVN

• Construire des applications web puissantes et dynamiques
• Rendre le développement plus simple avec le Framework Vue.js
• Pouvoir de manière simple, traiter des grands volumes de données MongoDB
• Optimiser le développement du framework Node.js avec Express

Jour 1 : Vue.js

• Introduction
• Syntaxe et expression des templates Vue
• Rendu de liste réactif
• Gestion des inputs et outils de développement Vue
• Événements utilisateurs
• Méthodes
• Rendu conditionnel
• Liaison d’attributs
• Classes dynamiques
• Manipulation de propriétés
• Introduction aux components
• Template de component
• Component réutilisable avec transmission de props
• Components imbriqués
• Components locaux et globaux
• Communication entre components
• Syntaxe des noms de component
• Cycle de vie d’un component
• Mixins
• Vue Router
• Principaux packages npm pour Vue

Jour 2 : Node.js / MongoDB

• Node.js introduction et installation
• TP introduction
• ES6
• Asynchronisme
• TP asynchronisme
• MongoDB introduction
• MongoDB shell et CRUD
• TP shell et CRUD Mongo
• MongoDB modèles de donnée
• MongoDB requêtes avancées
• Introduction à Express
• Express Routing et Architecture
• Express Middleware
• Mongoose
• TP Mongoose CRUD
• TP algorithmes Mongoose/Node.js

Jour 3 : Vuex et Full Stack MEVN avec Nuxt

• Qu’est-ce que Vuex ?
• Gestion d’état avec Vuex
• Vuex : mutations, getters, actions et LocalStorage
• Qu’est-ce que Nuxt ?
• Webpack et Babel
• Créer une app en Nuxt
• Customiser la page d’accueil
• Les components dans Nuxt
• CSS global
• Create, read, update and delete des données en full stack
• Login et Signup
• Social logins
• Routes dynamiques
• Liens entre les pages
• SEO et méta-tags
• Générer son code pour la production
• Déployer sur Heroku
• Déployer sur Netlify