Ambient IT

MEVN

Par Ambient IT

Objectifs

  • 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

Programme

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
Nous utilisons les cookies afin de fournir les services et fonctionnalités proposés sur notre site et afin d’améliorer l’expérience de nos utilisateurs. En cliquant sur ”J’ai compris”, vous acceptez l’utilisation de ces cookies.