Ce livre 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 livre 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 livre 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 livre, 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.

Avant-propos

1. Introduction

Introduction

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

JavaScript

1. Pourquoi JavaScript ?
2. ECMAScript 6
3. Comment programmer en JavaScript ?
4. Rappel des bases
   1. 1. Les variables
   2. 2. Les boucles
   3. 3. Les tableaux
   4. 4. Les objets
   5. 5. Les types internes
   6. 6. Le transtypage
   7. 7. Les expressions régulières
   8. 8. Les blocs d’instructions
   9. 9. Les structures
      1. a. Les structures de données usuelles
      2. b. La structure conditionnelle
      3. c. La structure switch
      4. d. Les structures itératives
5. Les méthodes avancées
   1. 1. Les promesses
   2. 2. async/await
   3. 3. .map()
   4. 4. .filter()
   5. 5. .reduce()
   6. 6. .includes()
   7. 7. .startsWith() et .endsWith()
6. La programmation objet en JavaScript
   1. 1. Le principe de la programmation objet
   2. 2. Les factory functions
   3. 3. La propriété prototype et son chaînage
7. Conclusion

TypeScript

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

Node.js

1. Présentation
2. L’installation de Node.js 18
   1. 1. Sous Ubuntu
   2. 2. Sous Windows
   3. 3. Sous Mac
3. Les modules
   1. 1. La notion de ?module
   2. 2. Le gestionnaire de module npm
   3. 3. npmjs.com
   4. 4. package.json
4. La création du premier serveur Node.js
   1. 1. Fastify
   2. 2. Express
   3. 3. Choisir entre Fastify et Express
   4. 4. Les protocoles REST
      1. a. La création des routes REST
      2. b. La consultation d’une ressource via la méthodeGET
   5. 5. Le module FS (FileSystem)
5. Les middlewares
   1. 1. La notion de middleware
   2. 2. La création d’un middleware de journalisationd’événements (log)
6. La mise en place HTTPS
7. Conclusion

MongoDB

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

Connexion entre MongoDB et Node.js

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

Angular

1. Angular, un framework applicatif moderne
   1. 1. Angular, une évolution radicale par rapport à AngularJS
   2. 2. La modularité des applications Angular
      1. a. Des modules pour organiser le code
      2. b. Des composants et des services pour créerdes fonctionnalités
   3. 3. Manipuler les composants comme des balises HTML
   4. 4. Développement d’applications Angular en TypeScript
2. La mise en place d'une application Angular
   1. 1. L’installation d’Angular CLI
   2. 2. La création du projet Angular avec AngularCLI
   3. 3. La structure des dossiers du projet Angular
   4. 4. La mise à jour du projet Angular via AngularCLI
   5. 5. Générer du code JavaScript dansune application Angular
3. Les décorateurs en Angular : une fonctionnalité essentielle pour améliorer les composants
4. La création d’un nouveau composant
   1. 1. Créer un premier composant avec Angular
   2. 2. Le composant racine de l’application Angular
   3. 3. Intégrer un nouveau composant dans le composantracine de l’application Angular
5. Le cycle de vie d'un composant dans Angular
   1. 1. Les principaux hooks
      1. a. ngOnChanges()
      2. b. ngOnInit()
      3. c. ngDoCheck()
      4. d. ngOnDestroy()
   2. 2. Encore plus de hooks
      1. a. Les hooks personnalisés
      2. b. Les hooks de test
      3. c. Les hooks de validation
      4. d. Les hooks de sécurité
      5. e. Les hooks de performance
6. Les templates
   1. 1. L’imbrication des templates
   2. 2. Les templates externalisés
7. Data bindings entre le composant et le template
   1. 1. Accès aux éléments du DOM
   2. 2. Interpolation d’une variable dans un template
   3. 3. Property binding
   4. 4. Event binding
   5. 5. Two-way data binding
8. Les directives
   1. 1. Les directives structurelles
      1. a. La directive ngFor
      2. b. La directive ngIf
   2. 2. Les directives attributs
      1. a. La directive ngClass
      2. b. La directive ngStyle
9. Conclusion

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

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

Angular : Routage

1. À quoi sert le routage ?
2. La différence entre routage Node.js et routage Angular
3. La mise en place d’un routage
   1. 1. Le tag <base>
   2. 2. Le module ?@angular/router?
   3. 3. La création d’une route de navigation
   4. 4. La directive <router-outlet></router-outlet>
4. Le lazy loading
   1. 1. L’intérêt d’unlazy loading
   2. 2. La mise en place du lazy loading
   3. 3. La stratégie de préchargement (preloadingstrategy)
   4. 4. La mise en place de la stratégie de préchargement
5. Les route guards : la police du routage
   1. 1. Mise en garde
   2. 2. La méthode canActivate
   3. 3. La méthode canDeactivate
6. Conclusion

Tests et mise en production

1. Tests Angular
   1. 1. Le framework de test Jasmine
   2. 2. Les différents types de tests
      1. a. La couverture de code (code coverage)
      2. b. Tester un service Angular
      3. c. Tester un composant Angular
   3. 3. La création d’un test avec Jasmine
2. Tests Node.js
   1. 1. Le framework de test Jest
   2. 2. La création d’un test avec Jest
3. L’introduction à l’approche TDD
   1. 1. Explication et exemple
   2. 2. Quelques recommandations
4. Le déploiement
   1. 1. La commande CLI ng build
   2. 2. La mise en production d’une application Node.js
   3. 3. L’hébergement sur Apache
5. Conclusion

Conclusion

1. Conclusion