Flutter-kurs

Lektion 1 • Objektorienterad Dart

Utforska klasser, arv, mixins och gränssnitt i Dart. Förbereder studenterna på att förstå Flutters widgetklasshierarki.

Lektion 2 • Konfigurera Flutter-miljön

Installera Flutter SDK, konfigurera en IDE och anslut en enhet eller emulator. Etablerar den verktygskedja som varje efterföljande kapitel är beroende av.

Lektion 3 • Översikt över Flutter-projektstruktur

Undersök anatomin i ett Flutter-projekt: mappar, pubspec.yaml och startpunkt. Kopplar Dart-kunskap till verklig projektorganisation.

Lektion 1 • Grundläggande Material- och Cupertino-widgets

Översikt över viktiga inbyggda widgets: Text, Image, Icon, knappvarianter och AppBar. Ger en praktisk verktygslåda för att bygga verkliga skärmar.

Lektion 2 • Stateful widgets och setState

Introducera föränderligt tillstånd med StatefulWidget och setState-mekanismen. Möjliggör dynamiska, interaktiva UI-komponenter.

Lektion 3 • Formulär och inmatningswidgets

Implementera textfält, kryssrutor, radioknappar och formulärvalidering. Kopplar hantering av användarinmatning till stateful widget-koncept.

Lektion 4 • Stateless widgets på djupet

Bygg och komponera StatelessWidget-underklasser för statisk UI. Täcker build-metoden, const-konstruktorer och mönster för widgetåteranvändning.

Lektion 1 • Responsiva och adaptiva layouter

Använd MediaQuery, LayoutBuilder och brytpunkter för att anpassa UI till skärmstorlek. Säkerställer en konsekvent användarupplevelse över enhetskategorier.

Lektion 2 • Stack-, Positioned- och Overlay-layouter

Lagra widgets med Stack och Positioned för överlappande UI-element. Möjliggör badges, flytande etiketter och anpassade overlay-designer.

Lektion 3 • Row-, Column- och Flex-layouter

Använd Row, Column och Flex med justering, mellanrum samt Expanded- eller Flexible-underordnade. Utgör ryggraden i de flesta Flutter-skärmlayouter.

Lektion 4 • Rullningsbara widgets och listor

Bygg rullningsbart innehåll med ListView, GridView och CustomScrollView. Täcker mönster för lazy loading för prestanda med stora datamängder.

Lektion 1 • Navigator 2.0 och deklarativ routing

Använd Router API och Pages-listan för URL-driven navigering. Möjliggör webbläsarkompatibla och djuplänkbara Flutter-appar.

Lektion 2 • Använda GoRouter för navigering

Konfigurera GoRouter för deklarativ, URL-baserad routing med guardar och omdirigeringar. Förenklar Navigator 2.0-komplexiteten i produktionsappar.

Lektion 3 • Bottennavigering och flikfält

Kombinera BottomNavigationBar, TabBar och TabBarView för appar med flera sektioner. Integrerar navigeringsmönster med hantering av stateful widgets.

Lektion 1 • InheritedWidget och Provider

Dela tillstånd neråt i widgetträdet med InheritedWidget, och förenkla sedan med Provider. Bygger intuition för beroendeinjektion i Flutter.

Lektion 2 • BLoC-mönster med flutter_bloc

Separera UI från affärslogik med events, states och BLoC-klasser. Framtvingar enkelriktat dataflöde för stora, teambaserade projekt.

Lektion 3 • Lokalt tillstånd med ValueNotifier och Hooks

Hantera widgetlokalt tillstånd effektivt med ValueNotifier och flutter_hooks. Minskar mallkod för enkelt reaktivt tillstånd utan fullständiga lösningar.

Lektion 4 • Beslutsramverk för tillståndshantering

Jämför lösningar efter komplexitet, testbarhet och teamstorlek. Utrusta studenterna att motivera arkitektoniska val i verkliga projekt.

Lektion 1 • JSON-parsning och datamodeller

Deserialisera JSON till Dart-modellklasser manuellt och med kodgenerering. Säkerställer typsäker datahantering genom hela appen.

Lektion 2 • Repositorymönster och datalager

Abstrahera datakällor bakom repository-gränssnitt för testbarhet och flexibilitet. Kopplar samman nätverk och beständighet till ett rent arkitekturlager.

Lektion 3 • HTTP-förfrågningar med Dio och http

Utför GET-, POST-, PUT- och DELETE-förfrågningar med paketen http och Dio. Täcker interceptorer, headers och hantering av felsvar.

Lektion 4 • Asynkron Dart: Futures och Streams

Bemästra async/await, Future-kedjor och Stream-prenumerationer i Dart. Ger den asynkrona grunden för allt nätverks- och beständighetsarbete.

Lektion 1 • Hero- och sidövergångsanimationer

Implementera delade element-Hero-övergångar och anpassade sidroute-animationer. Skapar visuell kontinuitet mellan skärmar under navigering.

Lektion 2 • Explicita animationer med AnimationController

Kontrollera animationer exakt med AnimationController, Tween och AnimatedBuilder. Möjliggör loopande, omvända och sekventiella animationer.

Lektion 3 • Implicita animationer

Använd AnimatedContainer, AnimatedOpacity och TweenAnimationBuilder för enkla övergångar. Uppnår polerade UI-förändringar med minimal kod.

Lektion 4 • Anpassad ritning med Canvas

Rita former, banor och gradienter med CustomPainter och Canvas-API:er. Låser upp helt anpassade UI-element bortom standardwidgetarnas kapacitet.

Lektion 1 • Integrationstestning och end-to-end-testning

Kör fullständiga appflöden på riktiga enheter eller emulatorer med integration_test-paketet. Validerar kompletta användarresor före release.

Lektion 2 • CI/CD-pipelines och butiksdriftsättning

Automatisera byggen, tester och releaser med CI-verktyg och Fastlane. Minskar manuell release-arbete och upprätthåller kvalitetsgrindar vid varje commit.

Lektion 3 • Enhetstestning i Flutter

Testa Dart-logik och tillståndshanteringsklasser isolerat med test-paketet. Validerar affärslogik oberoende av UI-lagret.

Lektion 4 • Widgettestning

Rendera widgets i en testmiljö och simulera användarinteraktioner med WidgetTester. Fångar UI-regressioner utan att köra på en riktig enhet.