Bedankt voor uw aanvraag! Een van onze medewerkers neemt binnenkort contact met u op
Bedankt voor uw boeking! Een van onze medewerkers neemt binnenkort contact met u op.
Cursusaanbod
Inleiding tot Ionic en het cross-platform landschap
- Wat is Ionic? Wanneer kiest u ervoor in plaats van native ontwikkeling of Flutter?
- De webcomponentenarchitectuur die de gebruikersinterface mogelijk maakt
- Ondersteuning voor Angular, React en Vue als frameworks
- Praktische toepassingsvoorbeelden van PWA’s en mobiele apps
Opzetten van de ontwikkelomgeving
- Installatie en configuratie van Node.js en npm
- Installatie van de Ionic CLI
- Een nieuw Ionic-project aanmaken en opzetten
- Apps uitvoeren in de browser en op aangesloten apparaten
Diepgaande analyse van projectstructuur en -architectuur
- Pagina’s, modules en herbruikbare componenten
- Het begrijpen en configureren van het routingsysteem
- Services en patronen voor afhankelijkheidsinjectie
- Bestandsstructuren en instellingen in verschillende omgevingen
Gebruikersinterfacecomponenten en lay-outdesign
- ion-header, ion-toolbar en ion-content gebruiken voor het ontwerpen van pagina’s
- Invoervelden zoals ion-input, ion-select en ion-checkbox
- Knoppen, FAB's, kaarten, lijsten en een rasterstructuur gebruiken
- Moderne standaarden voor vormbesturingselementen in Ionic
- Praktijkopdracht: het bouwen van een inlogpagina en dashboardlayout
Navigatie- en routingsstrategieën
- Integratie met Angular Router en React Router
- Verschillende navigatiemethoden inclusief diepe koppelingen
- Lazy loading om prestaties te optimaliseren
- Gebruik van tabbladen en zijbalknavigatiepatronen
Styling en thematisering
- CSS-variabelen en het kleurensysteem van Ionic
- Ondersteuning voor donkere modus toevoegen
- Aanpassing van lettertypen en kleurenpaletten in Ionic 8
- Responsief ontwerp afgestemd op verschillende apparaten
Formulieren en validatiemechanismen
- Het gebruik van reactieve formulieren in Angular
- Aangepaste hooks en validatielogica voor React
- Foutafhandeling en visuele feedback bij ongeldige invoer
- Het ontwerpen en valideren van complexe meerstapsformulieren
Services en integratie met externe API's
- Configuratie van HTTP-clients en tussenliggende services
- Oproepen naar RESTful API’s uitvoeren en responsverwerking
- Best practices voor staatbeheer in applicaties
- Het herstellen van fouten bij netwerkproblemen
Capacitor en toegang tot native apparatuurfuncties
- De werking van Capacitor als verbinding tussen webapplicatie en native functies
- Installatie en configuratie van Capacitor in bestaande projecten
- Toegang krijgen tot camera en afbeeldingskiezer
- Gebruik van geolocatiegegevens en kaartenintegratie
- Opslag van gegevens lokaal op het apparaat via native mogelijkheden
- Praktijkopdracht: foto's vastleggen en opslaan op het apparaat
Geavanceerde UI-componenten
- Gebruik van modals, popovers en waarschuwingsvensters in Ionic 8
- Toast-berichten en overlays met laadstatus weergeven
- Nieuwe verbeteringen aan gebeurtenisafhandeling en overlayarchitectuur in Ionic 8
- Prestatieoverwegingen bij het gebruik van complexe UI-elementen
Technieken voor prestatieoptimalisatie
- Beste praktijken voor code-splitsing en lazy loading
- Het verkleinen van de bestandsgrootte van applicaties voorkomen van veelvoorkomende fouten
- Rendereffectiviteit verbeteren bij het weergeven van lange lijsten en grote datasets
Progressieve webapplicaties en ontwikkelpipeline
- Een bestaande applicatie omzetten naar een progressieve webapp
- Serviceworkers instellen voor offlinefunctionaliteit
- App-manifest en prompten voor installatie van de app op mobiele apparaten
Bouw- en implementatiestappen
- Een applicatie voorbereiden voor distributie op Android en iOS
- Voldoen aan de vereisten van appstores en metagegevens configureren
- Afhankelijkheid van de gewenste omgeving: staging of productie verzorgen
Afsluitende opdracht: het bouwen van een volledige miniapp
- Architectuur en navigatiestructuur ontwerpen voor de app
- Een inlogpagina met authenticatiefunctionaliteit implementeren
- Het dashboard opbouwen dat live gegevens vertoont
- Integratie van een camerafunctie via Capacitor toevoegen
- Codebeoordeling, testen en voorbereiden voor distributie uitvoeren
Vereisten
- Basiskennis van HTML, CSS en JavaScript/TypeScript is vereist
- Kennis van ten minste één modern framework (Angular, React of Vue) wordt aangeraden
- Ervaring met het commandoregelinterface bij gebruik van Node.js en npm is gewenst
Doelgroep
- Front-end developers die over willen stappen naar cross-platform mobiele ontwikkeling
- Full-stack developers die hybride mobiele apps willen bouwen
- Mobiele developers op zoek naar één gezamenlijke codebase voor iOS, Android en PWA’s
14 Uren
Aangepaste bedrijfsopleiding
Opleidingsoplossingen ontworpen exclusief voor bedrijven.
- Aangepaste inhoud: We passen de syllabus en praktijkopdrachten aan naar de echte doelen en behoeften van uw project.
- Voor flexibel schema: Datums en tijden aangepast aan het rooster van uw team.
- Formaat: Online (live), In-company (bij uw kantoren) of Hybride.
Prijs per privégroep, online live training, startend vanaf 3200 € + BTW*
Neem contact met ons op voor een exacte offerte en om onze laatste promoties te horen
