Peter Kassenaar is auteur van vele boeken over algemeen pc-gebruik, programmeertalen en internettechnieken en toepassingen als Dreamweaver en Flash. Daarnaast is hij docent en usability-expert. Peter Kassenaar is sinds 1988 op computergebied actief als programmeur en sinds 1995 (met uitzondering van de vakanties) dagelijks op internet te vinden.
Meer over Peter KassenaarVue.js
Paperback Nederlands 2019 1e druk 9789463561136Samenvatting
Vue.js is een relatief nieuw frontend JavaScript-framework dat even krachtig is als de grote tegenhangers Angular en React. Vue.js kent echter een eenvoudiger syntaxis, heeft minder overhead en is sneller te leren.
Vue.js wordt ingezet door bedrijven als Nintendo, Alibaba, L’Oréal, MijnOverheid.nl en talloze andere (e-commerce) bedrijven. Een website in Vue bestaat niet meer uit losse, gekoppelde HTML-pagina’s, maar uit meerdere relatief kleine, gespecialiseerde webcomponenten. Deze webcomponenten werken met elkaar samen en vormen zo een complete applicatie. U maakt kennis met de verwerken van data, props en events, routing en andere belangrijke Vue-concepten.
Dit boek is geschikt voor Vue versie 2.6 en hoger, inclusief Vue 3. Daarnaast leert u werken met bijkomende tools en programmeertalen zoals de Vue CLI, Vue-router, Vuex en meer.
Specificaties
Lezersrecensies
Inhoudsopgave
Wat is Vue.js?
Populariteit van Vue.js
Wie gebruiken Vue.js?
Het Vue.js-ecosysteem
Architectuur van Vue-applicaties
De Vue-instantie
Vue-apps met routing
Boomstructuur van componenten
Benodigde voorkennis
Waarom een boek?
De ontwikkelomgeving inrichten
Oefenbestanden downloaden
Conclusie
Praktijkoefeningen
2. Hello World in Vue.js
Mogelijkheden voor Vue-projecten
Vue CLI installeren
Nieuw project starten en draaien
Zijstap – de grafische interface voor Vue CLI
Het project openen en aanpassen
Theorie – de bestandsstructuur verkennen
De rol van package.json
Overige belangrijke bestanden
Verschillende bestandstypen?
Nieuwe componenten toevoegen
Samenvatting
Praktijkoefeningen
3. Componenten en databinding
Single file components en globale componenten
Zijstap – Bootstrap toevoegen
Dit gaan we maken: VacationPicker
Stap 1 – Het gegevensbestand maken
Stap 2 – Nieuwe component maken
Stap 3 – gegevens in de applicatie importeren
Stap 4 – Gegevens binden; de directive v-for
Stap 5 – App.vue aanpassen
Meer voorbeelden van databinding
Databinding met v-bind
Gebeurtenisbinding met v-on
Functies aanroepen met v-on
Samenvatting
Praktijkoefeningen
4. Meer over componenten
Berekende eigenschappen (computed properties)
V-if gebruiken
Binden aan afbeeldingen
Mixins gebruiken
Lifecycle hooks
Werken met v-model
Filters schrijven en gebruiken
Parameters voor filters
Samenvatting
Praktijkoefeningen
5. Communicatie tussen componenten
Werken met meerdere componenten
De component CountryDetail maken
Props typeren en valideren
Werken met custom events
Inhoud hergebruiken met slots
Animaties met het element <transition>
Samenvatting
Praktijkoefeningen
6. Werken met de router
Kennismaken met routing
Routing toevoegen aan een bestaande app
HTML5-modus inschakelen
Koppelen naar pagina’s
Actieve links markeren
Navigeren via code
Dynamische routes met routeparameters
Het juiste land ophalen
Het verschil tussen $router en $route
Lazy loading
Meer over routing
Samenvatting
Praktijkoefeningen
7. State management: vuex
Wat is state management?
Concepten bij stores
Kennismaken – een tellerapplicatie
State in een andere component gebruiken
State management met complexe objecten
Communiceren met externe API’s
Axios gebruiken
Axios toevoegen aan de store
De applicatie testen
Getters gebruiken
Werken met store modules
Meer over state management
Samenvatting
Praktijkoefeningen
8. Vue-applicaties uitrollen naar de server
Productiebuild met Vue CLI
Een pad aangeven in de productiebuild
Distribueren naar een productieserver
Publiceren naar Netlify
Tot slot
Samenvatting
Praktijkoefeningen
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