Sélectionner une page
Formations Langage JavaScript Formation MEVN

Formation MEVN

Formation MEVN
Prix 2100€ HT / personne
3 jours (21 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 4000€ Bonus Atlas CPF

Présentation

MEVN est la toute nouvelle stack technique dans le secteur du développement web. La formation MEVN vous donnera un avantage concurrentiel grâce à la création d’applications web plus puissantes et dynamiques. De plus, ses composants logiciels peuvent être utilisés pour concevoir efficacement des développements en front-end et en back-end.

L’acronyme MEVN vient de la combinaison de 4 outils : MongoDB, Express, Vue.js et Node.js.

Vue.js est un framework web javascript qui fait beaucoup parler de lui de par son élégance et sa simplicité. En 2020, Vue.js est à la 3e place du classement Stack Overflow des frameworks web les plus appréciés et son utilisation ne représente pas moins de 17.8% des frameworks web, tous langages confondus.

Inutile de décrire Node.js, un runtime javascript qui a fait ses preuves en structurant la majeure partie.

Express, quand à lui, est un micro framework pour Node.js et permet d’optimiser grandement son utilisation.

MongoDB est une base de données NoSQL orientée document et ayant comme principal avantage d’être conçue pour traiter des grands volumes de données tout en restant facile d’utilisation. En intégrant l’ODM Mongoose à Node.js, vous découvrirez toute la puissance et la rapidité de cette base de données. Autant de raisons qui font que Google, eBay et Coinbase utilisent désormais MongoDB.

La compilation de ces 4 outils vous offre un des meilleurs moyens de développer des applications web modernes et rapides en javascript.

Nous enseignons toujours les dernières versions à savoir Vue.js v2.6.11, MongoDB 4.4, Node.js 16 et Express 4.17.1.

 

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

 

Public visé

Développeurs, Architectes techniques, Chefs de projets, Ingénieur d’études

 

Pré-requis

  • Connaissances de HTML et CSS
  • Bonne connaissance en JavaScript, voire expérience avec un autre framework front comme React ou Angular
  • Avoir des connaissances en base de données

 

Pour aller plus loin

  • En complément, nous vous proposons la formation Vue.JS Avancé, afin d’approfondir vos connaissances et de passer expert sur Vue.JS.
  • Vous pouvez également être intéressé par la formation MongoDB Avancé pour améliorer vos performances.

Programme de la formation MEVN

 

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

Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Nos Formateurs Référents

Victor

Victor

Passionné de growth hacking et de développement web & mobile. J’aime les nouvelles technologies & les nouveaux défis du monde de demain.
J’ai contribué à Turing Solutions, une société franco-américaine qui cherche à offrir le meilleur des services financiers autour de la Blockchain et de l’ICO. J’ai notamment développé une application mobile autour d’un projet basé sur l’IoT & du machine learning pour faire de la télésurveillance en temps réel.
Aujourd’hui chez Gaston une startup qui permet aux PME françaises d’accéder aux technologies qui font croître leur activité.

Témoignages

22 septembre 2020

Bon tour d’horizon des technos.

Alexis de DeerCoder

Afficher tous les témoignages

22 septembre 2020

Bon tour d’horizon des technos.

Alexis de DeerCoder

Noter la formation

Prix 2100€ HT / personne
3 jours (21 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 4000€ Bonus Atlas CPF

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp