Opleiding : Vue.js - Ontwikkeling van webtoepassingen
Praktijkcursus - 3d
- 21u00 - Ref. AJC
|
Downloaden in pdf-formaat
Deze cursus delen via mail
 | De JavaScript-ontwikkelomgeving onder de knie krijgen |
| De belangrijkste principes en best practices van Vue.js begrijpen |
| Leer meer over de essentiële tools voor het ontwikkelen van dynamische webapplicaties met Vue.js |
| Een SPA (single-page applicatie) ontwikkelen met Vue.js |
| Tests uitvoeren |
Doelgroep
Voor OPCO Atlas leden: webontwikkelaars, integrators, software architecten, projectmanagers, etc.
Voorafgaande vereisten
Een goede praktische kennis van HTML hebben en JavaScript beheersen.
Praktische modaliteiten
Leer methodes
Om het leerproces te optimaliseren, kunnen op verzoek van de deelnemer e-learningmodules worden aangeboden voor en na de klassikale sessie of virtuele les.
Opleidingsprogramma
1 JavaScript, de basis leren - Vooropleiding digitale leerinhoud
- Inleiding.
- Basistaal.
- Scriptuitvoering.
- JavaScript-objecten en callbacks.
- DOM-manipulatie.
Digitale activiteiten
In deze online cursus leer je de essentiële basisbeginselen van JavaScript, zoals functies, voorwaarden en lussen, zodat je zelfstandig je eerste toepassingen kunt ontwikkelen. Deelnemers brengen hun kennis in de praktijk door een toepassing voor taakbeheer (ToDoList) te maken en zijn klaar om frameworks zoals AngularJS of Node.js aan te pakken.
2 Het moderne ecosysteem voor JS-ontwikkelaars
- Moderne ECMAScript-functies.
- TypeScript-integratie.
- Modern JavaScript gereedschap.
- DevTools specifiek voor Vue.js.
Praktisch werk
Modern JavaScript, oefenen met TypeScript, DevTools en debuggen.
3 Vue.js gebruiken met Vite
- Vite grondbeginselen en voordelen.
- Architectuur van een modern Vue.js project.
- Afhankelijkheden en scripts beheren.
- Goede structureringspraktijken.
Praktisch werk
Projectinstallatie en architectuur. Scripts en optimalisatie.
4 De onderdelen
- Syntaxis en templating van Vue.js.
- Architectuur van onderdelen.
- Stijlmanagement en scoping.
- Communicatie tussen componenten.
- Compositiepatronen voor gevorderden.
- Levenscyclus haken.
Praktisch werk
Componenten maken, geavanceerde compositie, levenscyclus en optimalisatie.
5 Je code verdelen over componenten
- Architectuur van onderdelen.
- Compositiepatronen voor gevorderden.
- Hergebruik van logica.
- Testen en valideren.
- Goede structureringspraktijken.
Praktisch werk
Opdelen in componenten en componentpatronen. Valideren en optimaliseren.
6 Statusbeheer met Compositie-API
- Reactief en diep-reflecterend.
- Complex referentiebeheer.
- Geavanceerde berekende eigenschappen.
- Watchers en hun opties.
- Patroon verstrekken/injecteren.
- Patronen voor staatsbeheer.
Praktisch werk
Lokale status en reactiesnelheid, communicatiepatronen, foutopsporing en optimalisatie.
7 Routerweergave en navigatie
- Geavanceerde routerconfiguratie.
- Programmatische navigatie.
- Bewakers en middleware.
- Route metavelden.
- Lazy road laden.
- Geneste routes en weergaven.
- Parameterbeheer.
Praktisch werk
Routing configureren. Geavanceerde routes. Testen en valideren.
8 Statusbeheer met Pinia
- Pinia-architectuur.
- Installatie en configuratie.
- Jaloezieën en staat.
- Getters en acties.
- Mutaties en toestandsveranderingen.
- Modules en samenstelling.
- Plug-ins en extensies.
- DevTools-integratie.
Praktisch werk
Pinia installeren en configureren. Geavanceerde acties. Testen en optimaliseren.
9 Testen en codekwaliteit
- Testraamwerk Vitest.
- Test Utils bekijken.
- Testen van onderdelen.
- E2E-testen met Cypress.
- Code dekking.
- CI/CD voor Vue.js.
- Tools voor codekwaliteit.
Praktisch werk
Unit testen, E2E, CI/CD en kwaliteitstesten.
10 Geavanceerde onderdelen
- Geavanceerde sleufpatronen.
- Dynamische componenten.
- Overgangen en animaties.
- Geoptimaliseerde voorwaardelijke rendering.
- Portalen en teleportatie.
- Prestatiepatronen.
Praktisch werk
Dynamische componenten, overgangen en animaties, portals en optimalisatie.
11 API-integratie en gegevensbeheer
- HTTP-clients (Axios/Fetch).
- Beheer van zoekopdrachten.
- Foutafhandeling.
- Caching en optimalisatie.
- Onderscheppers.
- Validatie van gegevens.
- Synchronisatie van de staat.
Praktisch werk
De API-laag installeren, gegevens beheren, valideren en testen.
12 Prestaties en optimalisatie
- Geavanceerde code voor splitsen.
- Intelligent lui laden.
- Bundeloptimalisatie.
- Prestaties tijdens runtime.
- Cachingstrategieën.
- Rendering aan de serverkant.
- Optimalisatie van gebouwen.
Praktisch werk
Het optimaliseren van de bundel, runtime prestaties, het optimaliseren van de inzet.
13 Productie en inzet
- Productieconfiguratie.
- Toepassingsbeveiliging.
- Monitoren en loggen.
- SEO en metadata.
- Lopend onderhoud.
- Update strategieën.
- Documentatie.
Praktisch werk
Productie configureren. Monitoren en SEO. Het project documenteren.
14 Vue.js, het JavaScript framework voor het ontwikkelen van front-end webapplicaties - Post-training digitale leerinhoud
- Inleiding.
- Vue.js gebruiken voor interactie met het DOM.
- Vue.js responsiviteit implementeren.
- Een pagina structureren in componenten.
Digitale activiteiten
Cette formation en ligne d'2h33 apprend à créer des interfaces utilisateur riches et dynamiques avec le framework JavaScript progressif Vue.js. Afin d'illustrer et de mettre en pratique les différentes fonctionnalités, la vidéo présente en fil rouge la conception et la réalisation d'un jeu de rapidité et d'adresse.
Pour commencer, les participants découvriront Vue.js et les cas dans lesquels il est à privilégier par rapport à d'autres frameworks tels que Angular ou React. Puis, ils étudieront la création d'une première instance de type Vue et son cycle de vie.
Les participants verront ensuite comment utiliser Vue.js pour interagir avec le DOM. Ils manipuleront ainsi différentes propriétés, méthodes, attributs ou directives pour initialiser la grille du jeu, modifier l'affichage des cases, compter le nombre d'essais restants ou encore afficher un message de félicitations.
DEELNEMERS
Voor OPCO Atlas leden: webontwikkelaars, integrators, software architecten, projectmanagers, etc.
VOORAFGAANDE VEREISTEN
Een goede praktische kennis van HTML hebben en JavaScript beheersen.
VAARDIGHEDEN VAN DE CURSUSLEIDER
De deskundigen die de cursus leiden zijn specialisten op het betreffende vakgebied. Zij werden geselecteerd door onze pedagogische teams zowel om hun vakkennis als hun pedagogische vaardigheden voor elke cursus die zij geven. Zij hebben minstens vijf tot tien jaar ervaring in hun vakgebied en oefenen of oefenden verantwoordelijke bedrijfsfuncties uit.
BEOORDELINGSMODALITEITEN
De cursusleider beoordeelt de pedagogische vooruitgang van de deelnemer gedurende de gehele cursus aan de hand van meerkeuzevragen, praktijksituaties, praktische opdrachten, …
De deelnemer legt ook van tevoren en naderhand een test af ter bevestiging van de verworven kennis.
TOEGANGSMODALITEITEN EN TERMIJNEN
De inschrijving dient 24 uur voor aanvang van de cursus plaatsgevonden te hebben.
TOEGANKELIJKHEID VOOR MINDERVALIDEN
Is voor u speciale toegankelijkheid vereist? Neem contact op met mevr. FOSSE, contactpersoon voor mindervaliden, via het adres psh-accueil@ORSYS.fr om uw verzoek en de haalbaarheid daarvan zo goed mogelijk te bestuderen.
Voor OPCO Atlas leden: webontwikkelaars, integrators, software architecten, projectmanagers, etc.
VOORAFGAANDE VEREISTEN
Een goede praktische kennis van HTML hebben en JavaScript beheersen.
VAARDIGHEDEN VAN DE CURSUSLEIDER
De deskundigen die de cursus leiden zijn specialisten op het betreffende vakgebied. Zij werden geselecteerd door onze pedagogische teams zowel om hun vakkennis als hun pedagogische vaardigheden voor elke cursus die zij geven. Zij hebben minstens vijf tot tien jaar ervaring in hun vakgebied en oefenen of oefenden verantwoordelijke bedrijfsfuncties uit.
BEOORDELINGSMODALITEITEN
De cursusleider beoordeelt de pedagogische vooruitgang van de deelnemer gedurende de gehele cursus aan de hand van meerkeuzevragen, praktijksituaties, praktische opdrachten, …
De deelnemer legt ook van tevoren en naderhand een test af ter bevestiging van de verworven kennis.
PEDAGOGISCHE EN TECHNISCHE MIDDELEN
• De gebruikte pedagogische middelen en cursusmethoden zijn voornamelijk: audiovisuele hulpmiddelen, documentatie en cursusmateriaal, praktische oefeningen en correcties van de oefeningen voor praktijkstages, casestudies of reële voorbeelden voor de seminars.
• Na afloop van de stages of seminars verstrekt ORSYS de deelnemers een evaluatievragenlijst over de cursus die vervolgens door onze pedagogische teams wordt geanalyseerd.
• Na afloop van de cursus wordt een presentielijst per halve dag verstrekt, evenals een verklaring van de afronding van de cursus indien de stagiair alle sessies heeft bijgewoond.
• De gebruikte pedagogische middelen en cursusmethoden zijn voornamelijk: audiovisuele hulpmiddelen, documentatie en cursusmateriaal, praktische oefeningen en correcties van de oefeningen voor praktijkstages, casestudies of reële voorbeelden voor de seminars.
• Na afloop van de stages of seminars verstrekt ORSYS de deelnemers een evaluatievragenlijst over de cursus die vervolgens door onze pedagogische teams wordt geanalyseerd.
• Na afloop van de cursus wordt een presentielijst per halve dag verstrekt, evenals een verklaring van de afronding van de cursus indien de stagiair alle sessies heeft bijgewoond.
TOEGANGSMODALITEITEN EN TERMIJNEN
De inschrijving dient 24 uur voor aanvang van de cursus plaatsgevonden te hebben.
TOEGANKELIJKHEID VOOR MINDERVALIDEN
Is voor u speciale toegankelijkheid vereist? Neem contact op met mevr. FOSSE, contactpersoon voor mindervaliden, via het adres psh-accueil@ORSYS.fr om uw verzoek en de haalbaarheid daarvan zo goed mogelijk te bestuderen.
Data en plaats
Selecteer uw locatie of kies voor de les op afstand en kies vervolgens uw datum.
Klas op afstand
Dernières places
Date garantie en présentiel ou à distance
Session garantie