La MEAN stack par la pratique
Créer une application Full-Stack JavaScript avec MongoDB Express.js Angular 7 et Node.js
Voir la bande annonce
Dans cette formation résolument pratique, vous allez apprendre à créer une application FullStack JavaScript. Tout au long de cette formation, vous allez créer un CMS qui vous permettra d'implémenter de nombreuses fonctionnalités et de nombreuses techniques telles que :
Votre formateur
Développeur web depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), dirigeant de la société rennaise Code Concept spécialisée en formation JavaScript Front, Back et mobiles hybrides, Samir Medjdoub a eu comme comme fil conducteur la conscience qu’il est bien plus facile de rester sur la vague que de tenter de remonter après s’être laissé submerger. Fidèle à cette stratégie, il a ainsi pris la vague Angular 2 dès les versions bêta en 2015, celle de Node.js il y a sept années de cela et a eu la chance d'évoluer dans des sociétés qui avaient été parmi les premières en France à adopter MongoDB, conjointement aux bases de données relationnelles. Il a toujours cru que comparaison était raison et a porté une égale attention à React et Redux dès 2015, puis Vue.js en 2016. Meteor et désormais Svelte.js sont les outsiders qui retiennent régulièrement son attention.
Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : les formations de la société Code Concept vous aideront à investir efficacement dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2024 !
Programme de la formation
-
PrévisualiserLa stack MEAN (Mongo Express Angular Node) (5:07)
-
PrévisualiserConfiguration du backend (.gitignore et .eslintrc) (11:52)
-
PrévisualiserCréation d'une API (11:17)
-
CommencerUtilisation de middlewares (13:16)
-
CommencerTest de notre application à l'aide de Postman (5:13)
-
CommencerInstallation de nodemon (2:34)
-
CommencerAppeler un script npm depuis un autre script (3:35)
-
CommencerGérer les requêtes GET vers '/blog-posts' (5:53)
-
CommencerCréation d'un middleware (7:24)
-
CommencerInstallation et configuration de Mongoose (10:05)
-
CommencerCréation d'un modèle mongoose (11:23)
-
CommencerTest du POST d'un nouveau document (8:35)
-
CommencerAfficher les documents créés dans Mongo CLI (2:04)
-
CommencerRécupérer tous les blog posts depuis MongoDB (4:11)
-
CommencerRécupérer un document par son ID (7:42)
-
CommencerSupprimer un document par son ID (6:00)
-
CommencerGénérer une application avec Angular-CLI (4:45)
-
CommencerInstallation d'Angular Material (3:47)
-
CommencerUtilisation d'Angular-CLI pour générer un module et des components (9:11)
-
CommencerRécupérer tous les blog posts depuis le backend Express (15:00)
-
CommencerUtilisation d'une mat-toolbar (4:06)
-
CommencerAfficher une liste de blog posts en recourant à mat-card (8:21)
-
CommencerAccéder à un blog post par son ID depuis le backend Express (13:18)
-
CommencerAfficher le détail d'un blog post (12:43)
-
CommencerGérer les erreurs 404 (3:20)
-
CommencerCréation d'une page d'admin listant tous les blog posts (8:11)
-
CommencerLes propriétés permettant de personnaliser les composants d'Angular Material (3:08)
-
CommencerS'abonner à un Observable côté TypeScript (9:12)
-
CommencerSupprimer plusieurs documents (7:08)
-
CommencerSupprimer plusieurs documents côté backend et frontend (18:23)
-
CommencerAfficher le bouton de suppression conditionnellement (3:10)