Praktisch Javascript
Paperback Nederlands 2024 1e druk 9789463563567Samenvatting
Ontdek de toekomst van webontwikkeling met JavaScript
In professionele webontwikkeling is JavaScript onmisbaar geworden. Voor ontwikkelaars met een basiskennis van deze taal biedt dit praktijkgerichte handboek een diepgaande verkenning van de meest actuele technologieën en methoden. Via tien minutieus ontworpen mini-projecten word je door de nieuwste technieken en frameworks geleid, waaronder React, Vue.js en Angular, om zo je vaardigheden naar een hoger niveau te tillen.
Dit boek behandelt een breed scala aan onderwerpen, van ES6+ features en TypeScript tot de grondbeginselen van webcomponents zoals custom elements en shadow DOM. Leer hoe je een memory game omzet naar een custom element en duik dieper in declaratief programmeren om robuuste, onderhoudsvriendelijke en schaalbare code te schrijven. Verder verkennen we uitgebreid state management, essentieel voor elke interactieve webapplicatie, met praktische toepassingen die je helpen de complexiteit van moderne webontwikkeling meester te maken.
Elk hoofdstuk bouwt voort op het vorige, waarbij theorie en praktijk naadloos in elkaar overlopen om een solide leerervaring te bieden. Met tal van codevoorbeelden en oefeningen, ondersteund door een begeleidende GitHub-repository, is dit boek jouw springplank naar het effectief integreren van geavanceerde JavaScript-technieken in je projecten. Word lid van een levendige gemeenschap van ontwikkelaars en blijf bij met de snel veranderende trends in webontwikkeling. Dit boek laat je de grenzen van JavaScript verleggen.
Specificaties
Lezersrecensies
Inhoudsopgave
Wat maakt JavaScript uniek?
Een korte geschiedenis
De evolutie van JavaScript
De jaren van jQuery
De opkomst van moderne frameworks
De toekomst van JavaScript-frameworks
Waarom dit boek?
Hoe dit boek te gebruiken
Gratis bonushoofdstuk bij registratie
2 Webcomponenten
Voordelen van webcomponenten
Webcomponenten als bibliotheken
Anatomie van een webcomponent
Toelichting op het gebruik van een renderfunctie
Werken met geneste componenten
Events van childcomponenten opvangen
Stappenplan custom component
Memoryspel omzetten naar custom component
Cards omzetten naar een custom element
Stappenplan: van oorspronkelijke situatie naar custom elements
Extra context en uitleg
3 Declaratief vs. imperatief programmeren
Declaratief programmeren
Imperatief programmeren
Vergelijking en toepassing in verschillende scenario’s
Conclusie
Vergelijking: een kast bouwen en declaratief programmeren
Codevoorbeelden
Best practices (style guide)
Praktijk: het memoryspel
Declaratieve beschrijving van setupBoard
Voordelen van deze declaratieve benadering
Samenvatting
Uiteindelijke Implementatie
Voordelen van deze benadering
Tot slot
4 Een library voor webcomponenten toepassen
Voordelen van een library als Lit
Ontwikkelomgeving inrichten
Het gamecomponent als Lit-component
Meer reactieve functionaliteit
Samenvatting
5 Inleiding TypeScript
Basisprincipes van TypeScript
Nieuwe projectstructuur opzetten
Aanvullende TypeScript-concepten
Samenvatting
6 Services
MVC en MVVM
Services in Angular en dependency injection
State management
Samengevat
Services maken
Models update
MemoryGame-klasse
De service cardService
Verdieping: dependency injection
7 State management en asynchroon programmeren
Inleiding tot state management
JavaScript-API’s localStorage en sessionStorage
Spelstaat in de local storage opslaan
Asynchroon programmeren
Fetch-API
Kaartjes ophalen vanuit een web-API
Samenvatting
8 Persistent state management met Firebase
Wat is Firebase?
Samenvatting
9 Datavisualisatie
JavaScript-bibliotheken voor datavisualisatie
Use case van de geheugentrainer
Chart.js als bibliotheek aan het project toevoegen
ResultComponent implementeren
Grafiek implementeren
Uitsplitsen van de grafiek naar speelveld
Filteren per maand
Ten slotte
10 Ionic en Vue.js
Stappenplan
API-service
cardService
GameStore
CardComponent
Routes en HomeView
LoginView en SignupView
GameView uitwerken
11 Stores, componenten en data flow
Principes om te volgen
Spelafmeting kiezen, gebruikersinstellingen en statistieken
UserSettings-component
Aangepaste GameView-versie
Aangepaste GameStore-versie
Notificatieservice met Pinia
Routerissues
ResultsComponent
Ten slotte
12 Progressive web app
Service worker
Manifest
Stappenplan voor PWA-implementatie met Vue 3 en Vite
Nieuwe uitdagingen
Multiplayervariant
Domain driven design
Ten slotte
Index
Rubrieken
- advisering
- algemeen management
- coaching en trainen
- communicatie en media
- economie
- financieel management
- inkoop en logistiek
- internet en social media
- it-management / ict
- juridisch
- leiderschap
- marketing
- mens en maatschappij
- non-profit
- ondernemen
- organisatiekunde
- personal finance
- personeelsmanagement
- persoonlijke effectiviteit
- projectmanagement
- psychologie
- reclame en verkoop
- strategisch management
- verandermanagement
- werk en loopbaan