Flutter Cursus

Les 1 • Objectgeoriënteerd Dart

Verken klassen, overerving, mixins en interfaces in Dart. Bereidt studenten voor om Flutters widget-klassenhiërarchie te begrijpen.

Les 2 • De Flutter-omgeving instellen

Installeer de Flutter SDK, configureer een IDE en verbind een apparaat of emulator. Legt de toolchain vast waar elk volgend hoofdstuk op voortbouwt.

Les 3 • Overzicht van de Flutter-projectstructuur

Onderzoek de anatomie van een Flutter-project: mappen, pubspec.yaml en het startpunt. Verbindt Dart-kennis met echte projectorganisatie.

Les 1 • Kern-Material- en Cupertino-Widgets

Verken essentiële ingebouwde widgets: Text, Image, Icon, Button-varianten en AppBar. Biedt een praktische toolkit voor het bouwen van echte schermen.

Les 2 • Stateful Widgets en setState

Introduceer veranderlijke toestand met StatefulWidget en het setState-mechanisme. Maakt dynamische, interactieve UI-componenten mogelijk.

Les 3 • Formulieren en invoerwidgets

Implementeer tekstvelden, selectievakjes, radioknoppen en formuliervalidatie. Verbindt gebruikersinvoer met stateful widget-concepten.

Les 4 • Stateless Widgets in de Diepte

Bouw en stel StatelessWidget-subklassen samen voor statische UI. Behandelt de build-methode, const-constructors en widget-hergebruikpatronen.

Les 1 • Responsieve en adaptieve lay-outs

Pas MediaQuery, LayoutBuilder en breekpunten toe om UI aan te passen aan schermgrootte. Zorgt voor een consistente UX op verschillende apparaatcategorieën.

Les 2 • Stack-, Positioned- en Overlay-lay-outs

Leg widgets in lagen met Stack en Positioned voor overlappende UI-elementen. Maakt badges, zwevende labels en aangepaste overlay-ontwerpen mogelijk.

Les 3 • Row-, Column- en Flex-lay-outs

Gebruik Row, Column en Flex met uitlijning, witruimte en Expanded- of Flexible-kinderen. Vormt de ruggengraat van de meeste Flutter-schermlay-outs.

Les 4 • Scrollbare Widgets en Lijsten

Bouw scrollbare inhoud met ListView, GridView en CustomScrollView. Behandelt lazy loading-patronen voor prestaties met grote datasets.

Les 1 • Navigator 2.0 en Declaratieve Routering

Neem de Router-API en de Pages-lijst over voor URL-gestuurde navigatie. Maakt browser-compatibele en deep-linkbare Flutter-apps mogelijk.

Les 2 • GoRouter gebruiken voor Navigatie

Configureer GoRouter voor declaratieve, URL-gebaseerde routering met guards en redirects. Vereenvoudigt de complexiteit van Navigator 2.0 in productie-apps.

Les 3 • Onderste Navigatie en Tabbladen

Combineer BottomNavigationBar, TabBar en TabBarView voor apps met meerdere secties. Integreert navigatiepatronen met stateful widget-beheer.

Les 1 • InheritedWidget en Provider

Deel toestand naar beneden in de widgetboom met InheritedWidget, vereenvoudig het vervolgens met Provider. Bouwt intuïtie op voor afhankelijkheidsinjectie in Flutter.

Les 2 • BLoC-patroon met flutter_bloc

Scheid UI van bedrijfslogica met behulp van events, states en BLoC-klassen. Dwingt unidirectionele gegevensstroom af voor grote, teamgebaseerde projecten.

Les 3 • Lokale Toestand met ValueNotifier en Hooks

Beheer widget-lokale toestand efficiënt met ValueNotifier en flutter_hooks. Vermindert boilerplate voor eenvoudige reactieve toestand zonder volledige oplossingen.

Les 4 • Beslissingskader voor Toestandsbeheer

Vergelijk oplossingen op complexiteit, testbaarheid en teamgrootte. Stelt studenten in staat architectuurkeuzes in echte projecten te verantwoorden.

Les 1 • JSON-parsing en Gegevensmodellen

Deserialiseer JSON naar Dart-modelklassen, handmatig en met codegeneratie. Zorgt voor typeveilige gegevensverwerking in de hele app.

Les 2 • Repository-patroon en Gegevenslaag

Abstrageer gegevensbronnen achter repository-interfaces voor testbaarheid en flexibiliteit. Verbindt netwerken en persistentie in een schone architectuurlaag.

Les 3 • HTTP-verzoeken met Dio en http

Voer GET-, POST-, PUT- en DELETE-verzoeken uit met de http- en Dio-pakketten. Behandelt interceptors, headers en foutafhandeling van antwoorden.

Les 4 • Asynchroon Dart: Futures en Streams

Beheers async/await, Future-ketting en Stream-abonnementen in Dart. Biedt de asynchrone basis voor al het netwerk- en persistentiewerk.

Les 1 • Hero- en Pagina-overgangsanimaties

Implementeer gedeelde element Hero-overgangen en aangepaste paginaroute-animaties. Creëert visuele continuïteit tussen schermen tijdens navigatie.

Les 2 • Expliciete Animaties met AnimationController

Bestuur animaties nauwkeurig met AnimationController, Tween en AnimatedBuilder. Maakt lus-, omkeer- en opeenvolgende animaties mogelijk.

Les 3 • Impliciete Animaties

Gebruik AnimatedContainer, AnimatedOpacity en TweenAnimationBuilder voor eenvoudige overgangen. Bereikt gepolijste UI-wijzigingen met minimale code.

Les 4 • Custom Painting met Canvas

Teken vormen, paden en verloop met CustomPainter en Canvas-API's. Ontgrendelt volledig aangepaste UI-elementen die verder gaan dan de standaard widgetmogelijkheden.

Les 1 • Integratie- en End-to-End-Testen

Voer volledige app-stromen uit op echte apparaten of emulators met behulp van het integration_test-pakket. Valideert complete gebruikersreizen vóór de release.

Les 2 • CI/CD-Pipelines en Winkelimplementatie

Automatiseer builds, tests en releases met behulp van CI-tools en Fastlane. Vermindert handmatige release-inspanning en dwingt kwaliteitscontroles af bij elke commit.

Les 3 • Unit testing in Flutter

Test Dart-logica en toestandsbeheerklassen in isolatie met behulp van het test-pakket. Valideert bedrijfslogica onafhankelijk van de UI-laag.

Les 4 • Widget Testen

Render widgets in een testomgeving en simuleer gebruikersinteracties met WidgetTester. Vangt UI-regressies op zonder op een echt apparaat te draaien.