App Development with Flutter & Dart

You can write robust, null-safe asynchronous Dart code that powers scalable Flutter applications.

1. Dart syntax and types4 hrs
   • var, final, and const keywords
   • primitive types and type inference
   • string interpolation and multiline strings
   • operators and control flow statements
2. Functions, classes and null safety4 hrs
   • arrow syntax and named parameters
   • constructors, factories, and initializers
   • sound null safety operators (?, !, ??)
   • mixins and extension methods
3. Async, futures and streams4 hrs
   • async and await keywords
   • Future error handling with try-catch
   • Stream controllers and subscriptions
   • async* generator functions
4. Collections and generics4 hrs
   • Lists, Sets, and Maps manipulation
   • higher-order methods (map, where, reduce)
   • generic type parameters on classes
   • comparables and sorting algorithms
5. Dart patterns for Flutter4 hrs
   • record types and pattern matching
   • destructuring assignment syntax
   • sealed classes for state modeling
   • cascade notation for fluent setup

Hands-on project: Build a command-line expense tracker in Dart using generics, custom classes, and asynchronous file I/O with JSON serialization.

You can construct responsive mobile user interfaces using Flutter widgets, layouts, and input forms.

1. Widgets and the widget tree4 hrs
   • stateless and stateful widget lifecycle
   • BuildContext and Element tree
   • StatelessWidget vs StatefulWidget overhead
   • key properties (ValueKey, GlobalKey)
2. Layouts and responsive design4 hrs
   • Row, Column, and Flex positioning
   • Expanded and Flexible constraints
   • Stack and Positioned overlays
   • MediaQuery and LayoutBuilder usage
3. Stateless vs stateful widgets4 hrs
   • setState internals and re-render triggers
   • state preservation during configuration changes
   • initState and dispose hook management
   • optimizing widget rebuild scopes
4. Handling input and forms4 hrs
   • TextEditingController lifecycle
   • Form and FormField state validation
   • focus management and keyboard actions
   • checkboxes, radio buttons, and switches
5. Theming and styling4 hrs
   • ThemeData configuration and ColorScheme
   • TextTheme typography scaling
   • dark mode toggle implementation
   • custom input decoration themes

Hands-on project: Build a responsive profile dashboard with custom theming, text form validation, and adaptive layout widgets for varying screen sizes.

You can implement multi-screen navigation, pass typed arguments, and configure deep linking in mobile apps.

1. Navigation basics2 hrs
   • Navigator.push and Navigator.pop
   • MaterialPageRoute transitions
   • checking canPop conditions
   • returning results from destination screens
2. Named routes and arguments2 hrs
   • routes table in MaterialApp
   • ModalRoute.of(context).settings.arguments
   • type safety pitfalls with route arguments
   • defining initialRoute correctly
3. Passing and returning data2 hrs
   • async screen callbacks
   • passing builder functions downward
   • state restoration across navigation
   • managing navigation stacks cleanly
4. Nested navigation2 hrs
   • bottom navigation bar with tabs
   • nested Navigator instances per tab
   • CupertinoTabScaffold integration
   • state retention across tab switches
5. Deep linking2 hrs
   • URL scheme configuration on Android and iOS
   • handling incoming web links
   • GoRouter redirect logic for paths
   • universal link verification setup

Hands-on project: Build a multi-step checkout flow using GoRouter with typed routes, parameter passing, and authenticated redirect guards.

You can architect clean data flows using Provider, Riverpod, and the Bloc pattern for maintainable codebases.

1. Why state management matters4 hrs
   • ephemeral vs app state separation
   • prop drilling bottlenecks
   • predictable state mutation principles
   • reactive programming paradigms
2. setState and lifting state up4 hrs
   • callback functions for child-to-parent data flow
   • limitations of local widget state
   • debugging redraw loops
   • when simple setState is sufficient
3. Provider4 hrs
   • ChangeNotifier and ChangeNotifierProvider
   • Consumer and context.watch vs context.read
   • ProxyProvider dependency injection
   • multiprovider setup at app root
4. Riverpod4 hrs
   • ProviderScope and ProviderContainer
   • StateProvider and StateNotifierProvider
   • FutureProvider for async data loading
   • autoDispose and family modifiers
5. The Bloc pattern4 hrs
   • events and states in flutter_bloc
   • Bloc vs Cubit architecture
   • BlocProvider and BlocBuilder widgets
   • BlocListener for side effects

Hands-on project: Refactor a monolithic shopping cart app to use Riverpod providers and state notifiers with immutable state models.

You can connect mobile apps to REST backends with Dio, parse JSON safely, and handle loading and error states.

1. Calling REST APIs with Dio2 hrs
   • Dio client instance configuration
   • GET, POST, PUT, and DELETE methods
   • interceptors for auth tokens and logging
   • dio cancellation tokens for pending requests
2. Parsing and modelling JSON2 hrs
   • manual fromJson and toJson factory constructors
   • json_serializable code generation
   • handling nested objects and arrays
   • null safety handling during deserialization
3. Error and loading states2 hrs
   • DioException handling and status codes
   • sealed class results for success/failure
   • shimmer loading placeholder widgets
   • retry mechanisms for failed network calls
4. Pagination and infinite scroll2 hrs
   • ScrollController threshold detection
   • cursor-based and page-based API parameters
   • ListView.builder with bottom loaders
   • pull-to-refresh with RefreshIndicator
5. Caching responses2 hrs
   • in-memory response cache layer
   • conditional headers (ETag, Last-Modified)
   • stale-while-revalidate patterns
   • network availability detection

Hands-on project: Build a GitHub repository search app that consumes the public GitHub REST API with Dio interceptors, pagination, and local caching.

You can persist app data offline using SharedPreferences, SQLite, and encrypted secure storage.

1. SharedPreferences2 hrs
   • storing primitive key-value pairs
   • async read and write operations
   • shared preferences wrapper service
   • handling app preference migrations
2. SQLite databases2 hrs
   • sqflite package database initialization
   • defining table schemas and foreign keys
   • raw SQL queries vs helper methods
   • database migration versioning
3. Offline-first basics2 hrs
   • local-first read and write patterns
   • sync queue architecture
   • conflict resolution strategies
   • connectivity change listeners
4. File storage2 hrs
   • path_provider directory locations
   • reading and writing application documents
   • temporary cache file cleanup
   • streaming large file payloads
5. Secure storage2 hrs
   • flutter_secure_storage configuration
   • Keychain integration on iOS
   • EncryptedSharedPreferences on Android
   • storing sensitive auth tokens safely

Hands-on project: Build an offline-first note-taking app using SQLite with local search indices and secure token storage.

You can integrate Firebase authentication, Cloud Firestore, and push notifications into your Flutter applications.

1. Firebase Authentication2 hrs
   • Firebase Core initialization setup
   • email and password sign-up flows
   • Google and Apple sign-in providers
   • AuthStateChanges stream listeners
2. Cloud Firestore2 hrs
   • document and collection data modeling
   • CRUD operations with Firestore documents
   • querying with where, orderBy, and limit
   • firestore composite indexes setup
3. Realtime data sync2 hrs
   • snapshots() stream builder pattern
   • optimistic UI updates
   • handling offline persistence in Firestore
   • managing listener memory leaks
4. Cloud Storage2 hrs
   • uploading image bytes to Firebase Storage
   • generating download URLs
   • upload progress indicators
   • storage security rules configuration
5. Push notifications2 hrs
   • Firebase Cloud Messaging (FCM) setup
   • requesting notification permissions
   • handling background and foreground messages
   • local notification display plugins

Hands-on project: Build a real-time chat application with Firebase Auth, Cloud Firestore streams, and FCM push notifications.

You can create custom animated widgets, complex sliver layouts, and gesture-driven interactions.

1. Building custom widgets2 hrs
   • CustomPainter canvas drawing API
   • LayoutDelegate for custom positioning
   • InheritedWidget for scoped data sharing
   • encapsulating reusable UI components
2. Animations and transitions2 hrs
   • AnimationController and Tweens
   • AnimatedBuilder and AnimatedWidget
   • Hero route transition animations
   • Stiff vs spring physics simulations
3. Gestures and interactivity2 hrs
   • GestureDetector and InkWell effects
   • Dismissable list items for swiping
   • Draggable and DragTarget widgets
   • InteractiveViewer for pan and zoom
4. Slivers and advanced scrolling2 hrs
   • CustomScrollView and SliverAppBar
   • SliverGrid and SliverList arrangements
   • SliverPersistentHeader delegates
   • nested scroll physics coordination
5. Adaptive and responsive design2 hrs
   • adaptive widgets for cupertino and material
   • breakpoint-based layout adaptation
   • orientation change handling
   • scalable typography and padding

Hands-on project: Build an interactive e-commerce product detail page with custom hero transitions, collapsing sliver headers, and interactive drag gestures.

You can access native device hardware including cameras, geolocation, sensors, and platform channels.

1. Camera and gallery2 hrs
   • image_picker package integration
   • capturing photos and recording video
   • compressing image assets before upload
   • displaying file thumbnails
2. Location and maps2 hrs
   • geolocator position stream queries
   • Google Maps Flutter plugin setup
   • adding markers, polylines, and circles
   • geocoding coordinates to addresses
3. Permissions handling2 hrs
   • permission_handler package usage
   • requesting runtime permissions on Android and iOS
   • handling permanently denied permissions
   • opening device settings programmatically
4. Sensors2 hrs
   • accelerometer and gyroscope event streams
   • connectivity_plus network status checks
   • battery_plus power state monitoring
   • device hardware feature queries
5. Platform channels basics2 hrs
   • MethodChannel communication architecture
   • invoking native Kotlin/Swift code from Dart
   • passing arguments across platform boundary
   • handling platform exceptions

Hands-on project: Build a field service reporting app that captures geotagged photos, reads device sensors, and handles runtime permissions cleanly.

You can write unit, widget, and integration tests while profiling app performance using Flutter DevTools.

1. Widget testing2 hrs
   • testWidgets utility and WidgetTester
   • finding widgets by text, key, and type
   • pump and pumpAndSettle animation flushing
   • mocking dependencies in widget tests
2. Unit and integration tests2 hrs
   • test group and expect assertions
   • mocking network clients with Mockito
   • integration_test package setup
   • end-to-end driver script execution
3. Debugging with DevTools2 hrs
   • Flutter Inspector widget tree analysis
   • Dart Observatory memory profiler
   • logging network traffic inspection
   • debugging layout overflow errors
4. Performance profiling2 hrs
   • identifying jank and dropped frames
   • timeline tracer CPU profiling
   • reducing unnecessary widget rebuilds
   • image cache memory optimization
5. Clean app architecture2 hrs
   • separation of presentation, domain, and data layers
   • repository pattern implementation
   • dependency injection with GetIt
   • maintainable folder structure for scale

Hands-on project: Write comprehensive unit and widget test suites for a stateful feature module, achieving 80% test coverage with mockito.

You can prepare production builds, configure signing certificates, and publish apps to the Play Store and App Store.

1. App icons and splash screens2 hrs
   • flutter_launcher_icons configuration
   • flutter_native_splash setup
   • adaptive icon assets for Android
   • splash screen animation configuration
2. Building for Android and iOS2 hrs
   • keystore generation for Android signing
   • build.gradle release configuration
   • Apple Developer certificate and provisioning profiles
   • flutter build apk, appbundle, and ipa commands
3. Publishing to the Play Store2 hrs
   • Google Play Console app setup
   • internal testing and closed track deployment
   • uploading Android App Bundles (.aab)
   • store listing metadata and policy compliance
4. Publishing to the App Store2 hrs
   • App Store Connect configuration
   • TestFlight external tester management
   • uploading archives via Xcode and Transporter
   • handling App Review guidelines and rejections
5. Versioning and updates2 hrs
   • pubspec.yaml version naming (semver)
   • in-app update checker implementation
   • remote feature flagging basics
   • crash reporting with Firebase Crashlytics

Hands-on project: Generate signed release APK/AAB and iOS archive binaries, configure app icons, and prepare store listing assets.

You can find the cause of a janky Flutter screen and shrink the shipped bundle.

1. The frame budget90 min
   • 16ms and jank
   • Raster vs UI thread
   • Timeline view in DevTools
2. Fixing rebuild storms90 min
   • const constructors
   • Selective rebuilds
   • RepaintBoundary
3. Memory and leaks90 min
   • Heap snapshots
   • Disposing controllers
   • Image cache tuning
4. Shrinking the app90 min
   • Split per ABI
   • Deferred components
   • Asset and font subsetting

Hands-on project: Profile the capstone app with DevTools to locate a frame-budget overrun, fix the rebuild causing it, then cut download size with deferred components and asset compression, reporting frame times and size before and after.

You can build and deploy a complete production-grade Flutter capstone app and clear mobile developer interviews.

1. Building a store-ready capstone app4 hrs
   • integrating all course modules into one project
   • architecture review and code cleanup
   • error handling and edge case hardening
   • final release binary compilation
2. Portfolio and GitHub review4 hrs
   • crafting a professional README.md
   • highlighting mobile architecture decisions
   • clean git commit history standards
   • showcasing app demo recordings
3. Mobile developer mock interviews4 hrs
   • Flutter widget lifecycle interview questions
   • state management trade-off discussions
   • live coding mobile UI components
   • system design for mobile applications
4. Resume and LinkedIn optimisation4 hrs
   • formatting mobile developer resumes
   • highlighting cross-platform shipped projects
   • optimizing LinkedIn profiles for recruiters
   • positioning for remote and product roles
5. Certification and next steps4 hrs
   • Squarebrackets certification assessment
   • continuing advanced Flutter learning
   • contributing to open-source packages
   • career path planning in mobile engineering

Hands-on project: Build, test, and prepare a full-stack production mobile app incorporating authentication, local persistence, API sync, and state management for final evaluation.