Cursus Flutter App Ontwikkeling

Les 1 • Overzicht Flutter-architectuur

Onderzoek de widget-tree, de rendering-pipeline en platformkanalen. Verbindt Dart-code met hoe Flutter pixels op het scherm produceert.

Les 2 • Je eerste Flutter-app maken

Zet een nieuw project op, voer het uit op een apparaat en inspecteer de gegenereerde code. Valideert de omgeving en introduceert het main entry point-patroon.

Les 3 • Dart-taal kernconcepten

Behandel Dart's type systeem, control flow en functies. Biedt de taalbasis die nodig is voordat je Flutter-widget-code schrijft.

Les 4 • De ontwikkelomgeving instellen

Installeer de Flutter SDK, configureer een IDE en verbind een apparaat of emulator. Stelt de toolchain in waar elk volgend hoofdstuk van afhankelijk is.

Les 1 • Stateless versus Stateful widgets

Onderscheid wanneer je elk widget-type gebruikt en implementeer beide correct. Fundamenteel voor elke UI-beslissing in latere hoofdstukken.

Les 2 • Layout-widgets en compositie

Gebruik Row, Column, Stack en Expanded om responsieve layouts te bouwen. Compositiepatronen hier vormen de basis voor elk scherm dat in de cursus wordt gebouwd.

Les 3 • Scrollbare widgets en lijsten

Geef dynamische lijsten weer met ListView, GridView en CustomScrollView. Bereidt studenten voor op datagestuurde UI's die worden geïntroduceerd in het hoofdstuk over state management.

Les 4 • Input- en formulier-widgets

Leg gebruikersinvoer vast met TextField, Checkbox, Switch en Form-validatie. Maakt direct de interactieve schermen mogelijk die in latere hoofdstukken worden gebouwd.

Les 1 • ThemeData en Material Design

Configureer globale kleurenschema's, typografie en componentthema's via ThemeData. Zorgt voor visuele consistentie op alle schermen in een app.

Les 2 • Aangepast schilderen en decoraties

Teken aangepaste vormen en verlopen met BoxDecoration en CustomPainter. Maakt pixel-niveau controle mogelijk, verder dan standaard widget-styling.

Les 3 • Responsieve en adaptieve layouts

Gebruik MediaQuery, LayoutBuilder en breekpunten om de UI aan te passen aan de schermgrootte. Overbrugt mobile-first ontwerp naar tablet- en desktopdoelen.

Les 1 • Navigator 1.0 Fundamenten

Push en pop routes imperatief met Navigator.push en named routes. Legt het basismodel voor navigatie vast voordat declaratieve benaderingen worden gebruikt.

Les 2 • Bottom Navigation en Tab Bars

Combineer BottomNavigationBar en TabBar met routering voor apps met meerdere secties. Behandelt het meest voorkomende navigatiepatroon in productie-mobiele apps.

Les 3 • Declaratieve routering met GoRouter

Definieer URL-gebaseerde routes met GoRouter voor web-compatibele navigatie. Vervangt imperatieve patronen door een schaalbare, declaratieve routeboom.

Les 1 • BLoC-patroon met flutter_bloc

Scheid bedrijfslogica van UI met behulp van Cubit- en Bloc-klassen met gebeurtenisgestuurde statustransities. Geschikt voor complexe, testbare enterprise-applicaties.

Les 2 • Provider-pakket in detail

Gebruik ChangeNotifier, Consumer en Selector om status te delen en erop te reageren. Provider is de instapoplossing die concepten van afhankelijkheidsinjectie introduceert.

Les 3 • State Management Fundamenten

Vergelijk lokale, geheven en globale status en identificeer wanneer elk geschikt is. Kadert de probleemruimte in voordat specifieke oplossingen worden geïntroduceerd.

Les 4 • Async-status en stream-afhandeling

Beheer futures en streams in de UI-laag met FutureBuilder en StreamBuilder. Verbindt state management met het netwerkhoofdstuk dat volgt.

Les 1 • JSON-serialisatie en gegevensmodellen

Parseer JSON handmatig en met json_serializable codegeneratie om getypeerde modellen te maken. Voorkomt runtime-fouten en verbetert de onderhoudbaarheid van API-contracten.

Les 2 • Dio voor geavanceerd netwerken

Gebruik Dio-interceptors, verzoekannulering en bestandsuploads voor productie-grade netwerken. Breidt basis-HTTP uit met middleware en logging-mogelijkheden.

Les 3 • Lokale opslag en databases

Persisteer key-value gegevens met SharedPreferences en gestructureerde gegevens met SQLite via Drift. Maakt offline-first functies en opslag van gebruikersvoorkeuren mogelijk.

Les 4 • Caching en offline strategieën

Implementeer response-caching, stale-while-revalidate patronen en connectiviteitsdetectie. Produceert apps die sierlijk degraderen zonder netwerkverbinding.

Les 1 • Hero-animaties en paginaovergangen

Implementeer gedeelde-element Hero-overgangen en aangepaste paginaroute-animaties. Creëert visuele continuïteit tussen schermen die de waargenomen prestaties verbetert.

Les 2 • Impliciete animaties

Animeer eigenschapswijzigingen automatisch met AnimatedContainer, AnimatedOpacity en TweenAnimationBuilder. De weg met de minste inspanning naar vloeiende UI-overgangen.

Les 3 • Expliciete animaties met AnimationController

Beheer timing, looping en sequentiebepaling van animaties met AnimationController en Tween. Maakt nauwkeurige, gechoreografeerde bewegingsreeksen mogelijk.

Les 4 • Rive- en Lottie-integraties

Voeg door ontwerpers gemaakte animaties van Rive en Lottie in in Flutter-apps. Overbrugt de kloof tussen bewegingsontwerpers en Flutter-ontwikkelaars.

Les 1 • Integratie- en end-to-end testen

Voer volledige app-stromen uit op een echt apparaat of emulator met het integration_test-pakket. Valideert volledige gebruikersreizen vóór release.

Les 2 • App-ondertekening en store-voorbereiding

Configureer ondertekeningssleutels, app-pictogrammen, opstartschermen en store-metadata voor Android en iOS. Voldoet aan alle vereisten voor een succesvolle store-inzending.

Les 3 • Unit testing in Flutter

Test Dart-logica, modellen en statusklassen geïsoleerd met het test-pakket. Valideert bedrijfslogica onafhankelijk van de UI-laag.

Les 4 • CI/CD-pipelines voor Flutter

Automatiseer testen, bouwen en distribueren met GitHub Actions en Fastlane. Vermindert handmatige release-inspanning en handhaaft kwaliteitspoorten op elke commit.