PlayBook📚
Déployez votre première application Hello World avec Angular et Python
Créez un frontend Angular simple avec un backend Python, déployez-le en ligne et pointez votre propre domaine dessus. Un premier aperçu concret du déploiement d'une application web.
4u
durée
€ 50
budget
Ancrage
rythme
There is a particular thrill in typing a domain into a browser and seeing something you built appear. This project gets you there. You will scaffold an Angular frontend, wire up a small Python and Flask backend, and push the whole thing live.
You start local: install Node and the Angular CLI, spin up a project, then add a Flask app that answers with "Hello, World!" Once both run on your machine, you deploy to a hosting platform, add a Procfile, and push your code. The final step is DNS: a CNAME record that connects your own domain to the deployed app. It is a small application, but it walks you through every layer of getting real software online, which is exactly the knowledge that transfers to bigger projects.
par PlayTryBe team
Installez Node.js, puis l'Angular CLI avec npm install -g @angular/cli. Créez un projet avec ng new hello-world et lancez ng serve pour confirmer que tout fonctionne.
Ajoutez un backend Python : installez Flask, créez app.py avec une seule route qui retourne 'Hello, World!', et testez-la sur localhost:5000.
Déployez sur une plateforme d'hébergement. Ajoutez un Procfile, committez votre code avec git et mettez-le en ligne.
Pointez votre domaine vers l'application en ajoutant un enregistrement CNAME dans le panneau DNS de votre registrar, puis attendez la propagation.
Suggestion : Accordez du temps aux modifications DNS ; elles peuvent prendre un certain temps avant de prendre effet.Ouvrez votre propre domaine dans un navigateur et regardez votre page Hello World se charger. C'est une application complète, en ligne sur internet.
Pour qui veut refaire ceci