Appearance
Kapitel 20: Lernressourcen
20.1 Offizielle Dokumentation
Flutter Offizielle Webseite
Webseite: https://flutter.dev/
Wichtige Bereiche:
- Get started: https://docs.flutter.dev/get-started/install
- Dokumentation: https://docs.flutter.dev/
- API-Referenz: https://api.flutter.dev/
- Beispiele: https://docs.flutter.dev/cookbook
Dart Offizielle Webseite
Webseite: https://dart.dev/
Wichtige Bereiche:
- Get started: https://dart.dev/get-dart
- Sprach-Tour: https://dart.dev/language
- Bibliotheks-Übersicht: https://dart.dev/libraries
Flutter Offizielle Chinesische Dokumentation
Webseite: https://flutter.cn/
Hinweis: Chinesische Dokumentation ist oft aktueller und besser geeignet für chinesischsprachige Anfänger.
20.2 Anfängerfreundliche Online-Übungswerkzeuge
Flutter Sandbox (Online-Übungen)
Webseite: https://flutter.dev/playground
Funktionalität:
- ✅ Flutter-Code direkt im Browser schreiben
- ✅ Ergebnis sofort sehen
- ✅ Keine Installation erforderlich
DartPad (Dart Online-Übungen)
Webseite: https://dartpad.dev/
Funktionalität:
- ✅ Dart-Code direkt im Browser schreiben
- ✅ Flutter-UI-Vorschau
- ✅ Beispiele und Übungen
Scrimba (Interaktive Kurse)
Webseite: https://scrimba.com/
Funktionalität:
- ✅ Interaktive Video-Kurse
- ✅ Code direkt im Video bearbeiten
- ✅ Flutter-Kurse verfügbar
20.3 Hohqualitative Lernvideos & Bild-Text-Tutorials
YouTube-Kanäle (Empfohlen)
1. The Flutter Channel (Offiziell)
- Link: https://www.youtube.com/c/FlutterDev
- Inhalt: Offizielle Tutorials, Neuigkeiten, Best Practices
2. Mitch Koko
- Link: https://www.youtube.com/c/MitchKoko
- Inhalt: Einfache und unterhaltsame Flutter-Tutorials für Anfänger
3. Robert Brunhage
- Link: https://www.youtube.com/c/RobertBrunhage
- Inhalt: Fortgeschrittene Themen, State Management, Performance
4. Johannes Milke
- Link: https://www.youtube.com/c/JohannesMilke
- Inhalt: Praktische Tutorials, Tipps & Tricks
Blogs & Webseiten (Empfohlen)
1. Flutter Offizielle Blog
- Link: https://medium.com/flutter
- Inhalt: Offizielle Neuigkeiten, Tipps, Best Practices
2. Flutter Community (Medium)
- Link: https://medium.com/flutter-community
- Inhalt: Artikel von der Community, Tutorials, Erfahrungsberichte
3. Dart News & Updates
- Link: https://medium.com/dartlang
- Inhalt: Neuigkeiten und Aktualisierungen zu Dart
20.4 Praxisprojekte zum Üben
GitHub (Hochqualitative Flutter-Projekte für Anfänger)
1. Flutter Examples
- Link: https://github.com/flutter/flutter/tree/main/examples
- Beschreibung: Offizielle Flutter-Beispiele
2. Flutter-Sample-Apps
- Link: https://github.com/flutter/samples
- Beschreibung: Sample-Apps von der Flutter-Community
3. Awesome Flutter (Sammlung von Ressourcen)
- Link: https://github.com/Solido/awesome-flutter
- Beschreibung: Eine kuratierte Liste von Flutter-Ressourcen
Eigene Projekte (Empfohlene Projekte für Anfänger)
1. To-Do-App
- Funktionalität: Aufgaben hinzufügen, löschen, als erledigt markieren
- Verwendete Konzepte: StatefulWidget, setState(), ListView, Dismissible
2. Wetter-App
- Funktionalität: Wetterdaten von API abrufen und anzeigen
- Verwendete Konzepte: Netzwerkrequest (Dio), JSON-Parsing, API-Integration
3. News-App
- Funktionalität: Neuigkeiten von API abrufen, in Liste anzeigen, Detailseite
- Verwendete Konzepte: Netzwerkrequest, ListView, Routing, Detailseite
4. E-Commerce-App
- Funktionalität: Produkte anzeigen, in Warenkorb legen, Bezahlung (simuliert)
- Verwendete Konzepte: State Management (Provider), Navigation, Datenmodellierung
20.5 Häufig verwendete Drittanbieter-Plugins (nach Anwendungsfall)
Netzwerk
- dio: ^5.4.0 - Leistungsstarke Netzwerk-Bibliothek
- Link: https://pub.dev/packages/dio
- Verwendung: GET/POST-Requests, Interceptors, Request-Abbruch
Lokale Speicherung
shared_preferences: ^2.2.0 - Key-Value-Speicherung
- Link: https://pub.dev/packages/shared_preferences
- Verwendung: Einfache Datenspeicherung (Einstellungen, Login-Status)
sqflite: ^2.3.0 - Lokale Datenbank
- Link: https://pub.dev/packages/sqflite
- Verwendung: Strukturierte Datenspeicherung (Kontakte, Notizen)
UI-Komponenten
flutter_screenutil: ^5.9.0 - Responsive Design
- Link: https://pub.dev/packages/flutter_screenutil
- Verwendung: Responsive Design für verschiedene Bildschirmgrößen
cached_network_image: ^3.3.0 - Bild-Caching
- Link: https://pub.dev/packages/cached_network_image
- Verwendung: Effizientes Laden und Caching von Netzwerkbildern
flutter_swiper: ^1.1.6 - Bild-Karussell
- Link: https://pub.dev/packages/flutter_swiper
- Verwendung: Bilder-Karussell, Banner
State Management
provider: ^6.1.1 - Empfohlen (einfach)
- Link: https://pub.dev/packages/provider
- Verwendung: Einfaches State Management
get: ^4.6.5 - Einfach, beliebt
- Link: https://pub.dev/packages/get
- Verwendung: State Management, Routing, Dependency Injection
flutter_bloc: ^8.1.2 - Für große Projekte
- Link: https://pub.dev/packages/flutter_bloc
- Verwendung: Komplexes State Management (Business Logic Component)
Andere
image_picker: ^1.0.4 - Bilder aus Kamera/Galerie auswählen
- Link: https://pub.dev/packages/image_picker
- Verwendung: Bilder aus Kamera oder Galerie auswählen
url_launcher: ^6.1.11 - URLs öffnen (Browser, Telefon, E-Mail)
- Link: https://pub.dev/packages/url_launcher
- Verwendung: URLs öffnen (Browser, Telefon, E-Mail)
package_info_plus: ^4.2.0 - App-Informationen abrufen (Version, Name)
- Link: https://pub.dev/packages/package_info_plus
- Verwendung: App-Informationen abrufen (Version, Name)
Zusammenfassung
In diesem Kapitel haben Sie:
- ✅ Offizielle Dokumentations-Ressourcen kennengelernt
- ✅ Anfängerfreundliche Online-Übungswerkzeuge kennengelernt
- ✅ Hochqualitative Lernvideos & Bild-Text-Tutorials kennengelernt
- ✅ Praxisprojekte zum Üben kennengelernt
- ✅ Häufig verwendete Drittanbieter-Plugins kennengelernt
Anhang: Wir werden Flutter-Kernwissen zusammenfassen (Anhang).
Übungsaufgaben:
- Besuchen Sie die offizielle Flutter-Dokumentation und lesen Sie den "Get started"-Leitfaden
- Üben Sie mit Flutter Sandbox oder DartPad
- Schauen Sie sich ein YouTube-Tutorial für Anfänger an
- Erstellen Sie ein eigenes Projekt (To-Do-App, Wetter-App, etc.)
- Integrieren Sie ein Drittanbieter-Plugin (z.B. dio, shared_preferences)
Häufige Fehler:
- ❌ Sich nur auf Videos verlassen → Praxis ist wichtig!
- ❌ Zu komplexe Projekte für Anfänger auswählen → Beginnen Sie mit einfachen Projekten!
- ❌ Drittanbieter-Plugins ohne Dokumentation verwenden → Lesen Sie die offizielle Dokumentation des Plugins!