Angular Academy · Les

Bouwen en serveren

Start de ontwikkelserver en maak builds.

Les 4 van 413 stappen

Bouwen en serveren is een gratis Angular Academy-les op CoddyKit. Dit is les 4 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Angular Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Angular Academy bevat in totaal 4 lessen.

Bouwen en uitvoeren

De CLI voert je toepassing lokaal uit tijdens de ontwikkeling en produceert geoptimaliseerde uitvoer voor productie. De twee belangrijkste opdrachten zijn ng serve en ng build.

ng serve

ng serve start een lokale ontwikkelserver met live herladen. Bewerk een bestand en de browser wordt automatisch vernieuwd.

ng serve

Het standaardadres

Standaard draait de ontwikkelserver op http://localhost:4200. Open die URL om je toepassing te bekijken.

Poort en host wijzigen

Overschrijf de poort of host met vlaggen.

ng serve --port 4300 --host 0.0.0.0

De browser openen

Met de open-vlag wordt je standaardbrowser automatisch gestart.

ng serve --open
# or: ng serve -o

ng build

ng build compileert de toepassing naar statische bestanden voor implementatie en schrijft deze naar een dist-map.

ng build

Optimalisaties voor productie

Productiebuilds passen optimalisaties toe: ahead-of-time-compilatie, verkleining, tree-shaking en bundeling. Zo ontstaat een kleinere en snellere uitvoer.

De dist-uitvoer

De builduitvoer komt terecht in dist/<project-name>/. Implementeer deze statische bestanden op elke webhost of CDN.

Buildconfiguraties

angular.json definieert configuraties zoals production en development. Selecteer er één met de configuration-vlag.

ng build --configuration production

Tijdens het bouwen controleren

Als je doorlopend opnieuw wilt bouwen zonder de toepassing uit te voeren, zorgt de watch-vlag ervoor dat er opnieuw wordt gebouwd wanneer bestanden wijzigen.

ng build --watch

Tests uitvoeren

Gerelateerde opdrachten zijn onder andere ng test voor unittests en ng lint (wanneer dit is geconfigureerd) voor statische analyse.

ng test

Korte controle: uitvoeren tegenover bouwen

Lokaal ontwikkelen tegenover implementeren.

Beantwoord dit in de interactieve les

Samenvatting: bouwen en uitvoeren

Gebruik ng serve voor lokale ontwikkeling met live herladen op localhost:4200, en ng build om geoptimaliseerde statische bestanden in dist/ te produceren voor implementatie. Met configuraties en vlaggen stel je host, poort en optimalisatieniveau af. Je hebt de CLI-cursus voltooid.

Gratis beginnen

Leer HTML met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen: 38
Lessen: 144

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “Bouwen en serveren” gratis?

Ja — je kunt hier op het web alle 3 lessen van het leerpad Angular Academy, waaronder “Bouwen en serveren”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus Angular Academy bevat in totaal 4 lessen.

Wat leer ik in “Bouwen en serveren”?

Start de ontwikkelserver en maak builds. Je oefent met Angular Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met Angular Academy te beginnen?

Ervaring vooraf is niet nodig. Angular Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 4 van 4.

Hoe lang duurt de les “Bouwen en serveren”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over Angular Academy?

Ja. Elke les over Angular Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

← Terug naar Angular Academy