Web Development Library: Angular, 2e editie

Web Development Library: Angular, 2e editie

Uitvoering
Boek, paperback, zwart-wit, 264 pagina's
ISBN
9789463561617
Gepubliceerd
2020
€ 34,99

Handig om te weten: van dit boek is een webversie beschikbaar. Als u zich registreert, krijgt u gratis toegang, plus relevante extra’s.

Angular is een populair raamwerk voor het ontwikkelen van webapplicaties. Het is oorspronkelijk ontwikkeld door Google, maar al jarenlang beschikbaar als open source. Het is een alternatief voor raamwerken als Vue en React en wordt veel in grotere organisaties gebruikt. In Angular-applicaties werkt u niet meer met losse webpagina's, maar met componenten die elk een gespecialiseerde taak hebben. Alle componenten tezamen vormen de website of -applicatie. In dit deel van de Web Development Library leert u werken met deze nieuwe, op componenten gebaseerde manier om webapplicaties te programmeren. U maakt kennis met de concepten als databinding, services, observables, routing en andere belangrijke Angular-concepten. Daarnaast leert u werken met bijkomende tools en programmeertalen zoals Node.js, TypeScript en ECMAScript 2015. Tot de behandelde onderwerpen behoren:

  • Kennismaken met Angular.
  • Hello World in Angular – uw eerste component.
  • Databinding op allerlei manieren.
  • Datavoorziening met services.
  • Asynchrone services – gegevens ophalen uit databases.
  • Angular-applicaties als boomstructuur van componenten.
  • Routing.
  • Meer over Angular: formulieren, PWA's en Angular Elements.
Downloadbare bestanden
Wis filter
  • Peter Kassenaar

    Peter Kassenaar

    Peter Kassenaar is auteur van vele boeken over algemeen pc-gebruik programmeertalen en internettechnieken. Hij is gespecialiseerd in front-endtools -frameworks en webapplicaties. Via zijn eigen bedrijf verzorgt hij trainingen op deze gebieden voor bedrijven...
    Kassenaar K

Web Development Library: Angular, 2e editie

1
Kennismaken met Angular
Wat is Angular?
Enkele woorden over de voorganger, AngularJS
Angular-concepten
Architectuur van Angular-applicaties
Applicatie als boomstructuur van componenten
Enkele woorden over React
Benodigde voorkennis
De ontwikkelomgeving inrichten
Oefenbestanden downloaden
Samenvatting
Praktijkoefeningen
2
Hello World in Angular
Mogelijkheden voor Angular-projecten
Angular CLI installeren
Nieuw project starten en draaien
Project openen en aanpassen
Theorie – de bestandsstructuur verkennen
Belangrijke bestanden
Overige bestanden
Praktijk – een nieuwe component genereren
Theorie – meer over componenten
Theorie – modules bekijken
Praktijk – CSS-bibliotheek Bootstrap toevoegen
Architectuur van Angular-applicaties
Samenvatting
Praktijkoefeningen
3
Databinding en modellen
Wat is databinding?
Eenvoudige databinding met {{ … }}
Databinding in de constructor
Databinding in ngOnInit()
De directive *ngFor
De directive *ngIf
Werken met inline en externe sjablonen
Samenvatting
Praktijkoefeningen
4
Meer over databinding
Gegevens binden aan gebeurtenissen
Parameters meegeven aan de gebeurtenisverwerker
Werken met lokale sjabloonvariabelen
Gegevens binden aan HTML-attributen
Tweerichtingdatabinding met [(ngModel)]
Meer opties voor binding
Samenvatting
Praktijkoefeningen
5
Werken met services
Wat zijn services?
Stap 1 – service met statische data
Stap 2 – service gebruiken in de component
Stap 3a – dependency injection in app.module.ts
Stap 3b – gebruik de notatie providedIn
Stad toevoegen via de service
Samenvatting
Praktijkoefeningen
6
Asynchrone services
Wat zijn asynchrone services?
Theorie – meer over reactive programming
Theorie – de werking van ReactiveX
Praktijk – gegevens uit bestand lezen en verwerken
Meer RxJS-methoden
Verbetering – gegevens via de service
Automatisch abonnement met de pipe async
Live API’s op internet gebruiken
Een API maken met json-server
Meer API’s om mee te experimenteren
Samenvatting
Praktijkoefeningen
7
Boomstructuur van componenten
Structuur van Angular-applicaties
Nieuwe componenten maken
Stap 1 – nieuwe component maken
Stap 2 – view aanpassen
Stap 3 – insluiten in HTML
Datastroom tussen componenten
Werken met @Input
Werken met @Output
Samenvatting @Input en @Output
Communicatie tussen componenten op gelijk niveau
Samenvatting
Praktijkoefeningen
8
Routering en bronnen voor meer informatie
Kennismaken met routering
Routering bij gebruik van Angular CLI
Stappenplan bij routering
Programmatisch een andere route selecteren
Dynamische routes met routeparameters
Meer over routering
Meer over Angular
Samenvatting
Praktijkoefeningen
Index