PlayBook📚
Implementeer je eerste Hello World-app met Angular en Python
Bouw een eenvoudige Angular-frontend met een Python-backend, implementeer deze online en koppel je eigen domein eraan. Een praktische eerste kennismaking met het uitbrengen van een webapp.
4u
duur
€ 50
budget
Aarden
tempo
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.
door PlayTryBe team
Installeer Node.js, daarna de Angular CLI met npm install -g @angular/cli. Maak een project aan met ng new hello-world en voer ng serve uit om te bevestigen dat het werkt.
Voeg een Python-backend toe: installeer Flask, maak app.py aan met een enkele route die 'Hello, World!' teruggeeft, en test het op localhost:5000.
Implementeer op een hostingplatform. Voeg een Procfile toe, commit je code met git en zet het live.
Koppel je domein aan de app door een CNAME-record toe te voegen in het DNS-paneel van je registrar, en wacht daarna tot de wijziging is doorgevoerd.
Suggestie: Geef DNS-wijzigingen de tijd; het kan even duren voordat ze van kracht worden.Open je eigen domein in een browser en zie hoe je Hello World-pagina laadt. Dat is een volledige app, live op het internet.
Voor wie dit nadoet