Créer une application FullStack avec Angular 10 et Strapi
Développez une application utilisant votre webcam
De nombreuses applications professionnelles nécessitent d'aller au-delà du simple upload d'images lorsqu'il est nécessaire d'associer une photo a un utilisateur. En effet, pouvoir prendre une photo depuis la caméra d'un device permet immédiatement :
- d'alimenter un trombinoscope lors de l'arrivée d'un nouvel employé dans une entreprise
- de créer une carte de membre ou une carte d'abonnement dans le contexte d'une inscription à une salle de sport
Bref, pouvoir contrôler une webcam depuis une application est un vrai plus dans le cas d'applications nécessitant de pouvoir reconnaître un utilisateur. C'est ce que nous allons apprendre dans cette formation.
Prendre des photos est intéressant. Pouvoir les stocker sur un backend, l'est davantage. C'est ce que nous allons faire en recourant au headless CMS qui monte : Strapi.
Cette formation va vous permettre :
- de pratiquer vos compétences Angular (en Angular 10)
- d'apprendre à bénéficier rapidement d'un backend grâce à Strapi
- de voir (ou revoir) la création de formulaires
- d'améliorer l'ergonomie de votre application en affichant un spinner lors de l'upload d'une photo et du POST d'un formulaire
Bienvenue dans cette formation FullStack avec Angular 10 en Front et Strapi en Back !
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
-
CommencerCréer un backend avec le headless CMS Strapi (4:22)
-
CommencerCréer un service Angular permettant de poster vers Strapi (16:00)
-
CommencerUploader l'image (7:07)
-
CommencerAperçu de l'image avant upload (4:12)
-
CommencerCréer un spinner sur Loading.io (2:22)
-
CommencerAfficher le spinner pendant l'upload d'une image vers le serveur (5:57)
-
CommencerAfficher/masquer la prévisualistation de la webcam (6:52)
-
CommencerAfficher durant un temps limité un message de succès (12:38)