Ce support est un guide complet destiné aux développeurs web disposant de bases en programmation et d’une compréhen­sion élémentaire des concepts JavaScript, qui souhaitent apprendre à développer des applications web full stack modernes à l’aide de la stack MEAN (MongoDB, Express, Angular, Node.js).

L’auteur commence par une étude approfondie de JavaScript, couvrant les bases du langage telles que les variables, les boucles, les fonctions et les objets. Le langage TypeScript, extension améliorant la maintenabilité du code avec un typage statique, est également introduit.

Les chapitres suivants se concentrent sur Node.js et MongoDB, expliquant l’installation, la configuration et l’uti­lisation de ces technologies pour créer des applications serveur robustes et gérer des bases de données NoSQL.

Le support explore également Angular en détaillant les concepts fondamentaux tels que les modules, les composants, les modèles, la liaison de données et les directives, ainsi que l’intégration d’un serveur Node.js dans une application Angular. Le routage d’Angular est également abordé en détail, expliquant la configuration de la navigation entre différentes vues et composants de l’application.

Enfin, le support couvre les tests, guidant les lecteurs à travers le processus de test des applications Angular et Node.js avec des frameworks tels que Jasmine et Jest, ainsi que le déploiement des applications en production.

Avec ce support, le lecteur aura toutes les cartes en main pour apprendre, tester et approfondir ses connaissances sur le développement web full stack avec la stack MEAN.

Introduction

1. 1. Préambule
2. 2. La stack MEAN
3. 3. L’importance d’Angular
4. 4. La différence entre Angular et AngularJS

JavaScript

1. 1. Pourquoi JavaScript ?
2. 2. ECMAScript 6
3. 3. Comment programmer en JavaScript ?
4. 4. Rappel des bases
   1. 4.1 Les variables
   2. 4.2 Les boucles
   3. 4.3 Les tableaux
   4. 4.4 Les objets
   5. 4.5 Les types internes
   6. 4.6 Le transtypage
   7. 4.7 Les expressions régulières
   8. 4.8 Les blocs d’instructions
   9. 4.9 Les structures
      1. 4.9.1 Les structures de données usuelles
      2. 4.9.2 La structure conditionnelle
      3. 4.9.3 La structure switch
      4. 4.9.4 Les structures itératives
5. 5. Les méthodes avancées
   1. 5.1 Les promesses
   2. 5.2 async/await
   3. 5.3 .map()
   4. 5.4 .filter()
   5. 5.5 .reduce()
   6. 5.6 .includes()
   7. 5.7 .startsWith() et .endsWith()
6. 6. La programmation objet en JavaScript
   1. 6.1 Le principe de la programmation objet
   2. 6.2 Les factory functions
   3. 6.3 La propriété prototype et son chaînage
7. 7. Conclusion

TypeScript

1. 1. Le langage TypeScript
2. 2. Les différences avec JavaScript
3. 3. Le transpiler et son utilité
4. 4. Les types
   1. 4.1 Les types de base
   2. 4.2 Le typage de variables non scalaires
   3. 4.3 Le type enum
   4. 4.4 Le type générique any
   5. 4.5 Le typage des fonctions
5. 5. Les fonctions
   1. 5.1 Définir une fonction
   2. 5.2 Les paramètres et la valeur de retour
   3. 5.3 La fonction anonyme
   4. 5.4 La fonction Constructor
6. 6. Les classes
   1. 6.1 La création d’une classe
   2. 6.2 La création d’une instance d’objets
   3. 6.3 L'accessibilité
   4. 6.4 L'héritage et son extension
   5. 6.5 La surcharge « override »
7. 7. Les interfaces
   1. 7.1 Définir une interface
   2. 7.2 Le comportement d’une interface
8. 8. Les décorateurs
9. 9. Conclusion

Node.js

1. 1. Présentation
2. 2. L’installation de Node.js 18
   1. 2.1 Sous Ubuntu
   2. 2.2 Sous Windows
   3. 2.3 Sous Mac
3. 3. Les modules
   1. 3.1 La notion de module
   2. 3.2 Le gestionnaire de module npm
   3. 3.3 npmjs.com
   4. 3.4 package.json
4. 4. La création du premier serveur Node.js
   1. 4.1 Fastify
   2. 4.2 Express
   3. 4.3 Choisir entre Fastify et Express
   4. 4.4 Les protocoles REST
      1. 4.4.1 La création des routes REST
      2. 4.4.2 La consultation d’une ressource via la méthode GET
   5. 4.5 Le module FS (FileSystem)
5. 5. Les middlewares
   1. 5.1 La notion de middleware
   2. 5.2 La création d’un middleware de journalisation d’événements (log)
6. 6. La mise en place HTTPS
7. 7. Conclusion

MongoDB

1. 1. Qu’est-ce que MongoDB ?
2. 2. Pourquoi utiliser un SGBD NoSQL et MongoDB ?
3. 3. Les fonctionnalités de MongoDB
4. 4. Les collections et les documents
   1. 4.1 Les collections
   2. 4.2 Les documents
5. 5. Les index
6. 6. L’installation de MongoDB
   1. 6.1 Sous Ubuntu
   2. 6.2 Sous Windows
   3. 6.3 Sous Mac
7. 7. L’utilisation de MongoDB en ligne de commande
8. 8. La création et l’insertion de documents dans une collection
9. 9. L’importation et l’exportation de documents
10. 10. L’interrogation d'une collection
    1. 10.1 Les différentes méthodes d’interrogation
    2. 10.2 La recherche des documents selon certains critères
    3. 10.3 Les opérateurs de comparaison, logiques et ensemblistes
11. 11. La recherche des documents grâce aux expressions régulières
12. 12. Le référencement des documents et jointures
    1. 12.1 Les différentes méthodes de référencement des documents
    2. 12.2 Les objets imbriqués
    3. 12.3 Les jointures
13. 13. La mise à jour et la suppression d'un document
14. 14. Conclusion

Connexion entre MongoDB et Node.js

1. 1. Implémenter le CRUD avec Node.js et MongoDB
2. 2. Mongoose
3. 3. La création d’un projet de test
   1. 3.1 La création d'une application avec Node.js et MongoDB
   2. 3.2 La connexion au serveur MongoDB depuis Node.js
   3. 3.3 L’insertion et l’interrogation de données à partir d'un serveur Node.js
   4. 3.4 Les méthodes find() et toArray()
   5. 3.5 La synchronisation des requêtes
   6. 3.6 Les fonctions de callback et le module async
4. 4. L’interrogation de MongoDB via les routes gérées par Express
   1. 4.1 La structure d'un serveur Node.js interrogeant MongoDB
   2. 4.2 Le CORS
   3. 4.3 Les exemples de gestion de routes
   4. 4.4 La création d'une collection de produits et la recherche sur les produits
5. 5. Conclusion

Angular

1. 1. Angular, un framework applicatif moderne
   1. 1.1 Angular, une évolution radicale par rapport à AngularJS
   2. 1.2 La modularité des applications Angular
      1. 1.2.1 Des modules pour organiser le code
      2. 1.2.2 Des composants et des services pour créer des fonctionnalités
   3. 1.3 Manipuler les composants comme des balises HTML
   4. 1.4 Développement d'applications Angular en TypeScript
2. 2. La mise en place d'une application Angular
   1. 2.1 L’installation d'Angular CLI
   2. 2.2 La création du projet Angular avec Angular CLI
   3. 2.3 La structure des dossiers du projet Angular
   4. 2.4 La mise à jour du projet Angular via Angular CLI
   5. 2.5 Générer du code JavaScript dans une application Angular
3. 3. Les décorateurs en Angular : une fonctionnalité essentielle pour améliorer les composants
4. 4. La création d’un nouveau composant
   1. 4.1 Créer un premier composant avec Angular
   2. 4.2 Le composant racine de l'application Angular
   3. 4.3 Intégrer un nouveau composant dans le composant racine de l'application Angular
5. 5. Le cycle de vie d'un composant dans Angular
   1. 5.1 Les principaux hooks
      1. 5.1.1 ngOnChanges()
      2. 5.1.2 ngOnInit()
      3. 5.1.3 ngDoCheck()
      4. 5.1.4 ngOnDestroy()
   2. 5.2 Encore plus de hooks
      1. 5.2.1 Les hooks personnalisés
      2. 5.2.2 Les hooks de test
      3. 5.2.3 Les hooks de validation
      4. 5.2.4 Les hooks de sécurité
      5. 5.2.5 Les hooks de performance
6. 6. Les templates
   1. 6.1 L’imbrication des templates
   2. 6.2 Les templates externalisés
7. 7. Data bindings entre le composant et le template
   1. 7.1 Accès aux éléments du DOM
   2. 7.2 Interpolation d'une variable dans un template
   3. 7.3 Property binding
   4. 7.4 Event binding
   5. 7.5 Two-way data binding
8. 8. Les directives
   1. 8.1 Les directives structurelles
      1. 8.1.1 La directive ngFor
      2. 8.1.2 La directive ngIf
   2. 8.2 Les directives attributs
      1. 8.2.1 La directive ngClass
      2. 8.2.2 La directive ngStyle
9. 9. Conclusion

Intégration d’un serveur Node.js avec Angular

1. 1. La notion de client-serveur entre Angular et Node.js
2. 2. Le module HttpClientModule
3. 3. La mise en place d’un environnement de test entre Angular et Node.js
   1. 3.1 La création d’un projet Node.js simple
   2. 3.2 La création de la base de l'application Angular
      1. 3.2.1 L’intégration du module HttpClientModule
      2. 3.2.2 Le requêtage du serveur Node.js
4. 4. Conclusion

Angular : Routage

1. 1. À quoi sert le routage ?
2. 2. La différence entre routage Node.js et routage Angular
3. 3. La mise en place d’un routage
   1. 3.1 Le tag
   2. 3.2 Le module @angular/router
   3. 3.3 La création d’une route de navigation
   4. 3.4 La directive
4. 4. Le lazy loading
   1. 4.1 L’intérêt d’un lazy loading
   2. 4.2 La mise en place du lazy loading
   3. 4.3 La stratégie de préchargement (preloading strategy)
   4. 4.4 La mise en place de la stratégie de préchargement
5. 5. Les route guards : la police du routage
   1. 5.1 Mise en garde
   2. 5.2 La méthode canActivate
   3. 5.3 La méthode canDeactivate
6. 6. Conclusion

Tests et mise en production

1. 1. Tests Angular
   1. 1.1 Le framework de test Jasmine
   2. 1.2 Les différents types de tests
      1. 1.2.1 La couverture de code (code coverage)
      2. 1.2.2 Tester un service Angular
      3. 1.2.3 Tester un composant Angular
   3. 1.3 La création d’un test avec Jasmine
2. 2. Tests Node.js
   1. 2.1 Le framework de test Jest
   2. 2.2 La création d’un test avec Jest
3. 3. L’introduction à l’approche TDD
   1. 3.1 Explication et exemple
   2. 3.2 Quelques recommandations
4. 4. Le déploiement
   1. 4.1 La commande CLI ng build
   2. 4.2 La mise en production d’une application Node.js
   3. 4.3 L’hébergement sur Apache
5. 5. Conclusion
6.  
7.  
8.  
9. Conclusion
10. Index
11.