Parcours MERN STACK

Partie Frontend :

1. Introduction à React JS

  • Ecosystème des frameworks JavaScript
  • Les variantes des Frameworks Cross plateformes Front (Angular, Vue)
  • Philosophie de React (Framework VS Bibliothèque)
  • Environnement de développement
  • Build managé avec la cli create-react-app

2. Premiers développements avec ReactJS

  • Le composant
  • Principe et conséquences du Virtual Dom
  • Langage JSX
  • La fonction render()
  • ‘props’ et ‘state’

3. Architecture et découpage du projet

  • Multi composants : Composition de multiple composants
  • Partage du state
  • L’API Component
  • Cycle de vie d’un composant : Autres aspects majeurs de l’API React
  • Gérer des événements click, mouseover…

4. Interaction de l’utilisateur avec les composants

  • Gestion d’Ajax
  • Gestion des formulaires
  • Composants purs et ‘Container Components’
  • Manipulation du DOM, DOM virtuel
  • Routage : Les différents Routers/Utilisation avec ou sans CORS

5. Application avec ReactJS et Redux

  • Limites de l’approche MVC
  • Présentation de Redux
  • Le Store et les Actions
  • Réalisation de Reducteurs pour les Actions
  • Utilisation avec React : La fonction connect()

Travaux Pratiques :

  • Création d’un projet de développement React JS à l’aide de Visual Studio Code
  • Création d’un exemple mon component
  • Créer un exemple suivant le modèle MVC
  • Intégration de la notion de state et props
  • Un exemple avec le routage & le passage des paramètres
  • Consommation d’une API Rest
  • Consommation d’une API sécurisée avec JWT
  • Mise en place un projet conforme à l’architecture Redux
  • Intégration du Routage avec Redux

Partie Backend :

1. Rappel Javascript

    • Outils de développement
    • Bases et nouveautés ES6
    • Programmation asynchrone

2. Outillage

    • Git
    • Gitlab
    • Docker

3. Environnement NodeJS

    • Installation
    • Premier « Hello World ! »
    • NodeJS LTS, mettre à jour NodeJS
    • Moteur V8
    • Ajouter des fonctionnalités à Javascript

4. NodeJS et ES6

  • Mode strict
  • Insertion de ES6 dans NodeJS

5. Modules NodeJS, NPM

  • Introduction du système de modules
  • Les modules natifs
  • Créer ses propres modules
  • Présentation de NPM
  • Publier son module

6. Évènements NodeJS et Asynchronicité

  • Event Emitter
  • Pipe des évènements

7. Système local et NodeJS

  • Buffer, Typed Array et chaines de caractères
  • Gérer des fichiers
  • Streams et Pipes
  • réalisation un utilitaire en ligne de commande
  • Sous-processus

8. NodeJS et le web

  • TCP/IP et HTTP
  • HTTP module
  • Mise en place son premier serveur web
  • Templating des pages WEB

9. Express

  • Introduction, installation et configuration
  • Routing de votre application web
  • APIs REST and JSON
  • Sécurisation des APIs

10. La partie Accès aux données

  • MongoDB et mongoose
  • BDD NoSQL
  • Famille Orientée Documents
  • Collection et Documents
  • Imbrication et référence
  • Mongo Queries
  • MySQL & entities

11. Mise en production

  • Introductions aux tests
  • Déployer son application
  • Dockeriser les trois tiers
Parcours MERN STACK
Retour en haut