Unleash Your Potential with a Flutter App
Dive into the World of Flutter
Welcome to the exciting realm of Flutter app development! In our comprehensive ‘Flutter Application Development’ course, we’ll take you on a journey through the creation of versatile, interactive, and visually stunning mobile applications. Whether you’re a front-liner, a line leader, or a supervisor from any department, this program is tailored to elevate your skills and boost your career prospects.
What You'll Learn
In this four-day, 28-hour course, you’ll explore the wonders of Flutter and Dart, getting hands-on experience with a wide range of topics. From building your first Flutter app to mastering layout concepts, material design, and advanced components, you’ll gain a deep understanding of app development. By the end of the course, you’ll be empowered to create complex Flutter applications, use widgets, design with Material themes, and add interactive elements like animations and more.
Your Path to Success
Understand the value of staying ahead in the digital landscape. Mastering Flutter app development is your key to unlocking new career opportunities and contributing to the dynamic world of technology. Join us on this educational journey, and together, we’ll turn your ambitions into reality.
Get ready to embark on a learning adventure that goes beyond the ordinary – discover the power of a Flutter app and watch your career soar.
Course Details
Duration: 4 days /28 hours; Instructor-led/ remote online training
What You Will Learn
This course is an introduction to Flutter application development. It covers how to create and compile projects using VSCode or Android Studio, basics of the Dart language and uploading the completed app on the Apple App Store and the Google Play Store.
During this course, you will create a reasonably complex Flutter application. In the process, you will learn about widgets, animation, Material design, data persistence, API integration, authorization and remote storage.
PROGRAMS YOU WILL WRITE:
- About Me – an app that displays your personal information
- Light – a simple flashlight app
- BMI Calculator – an app that will calculate your BMI
- MyArtist – user interface for a music player app
- Startup Name Generator – a simple app that generates proposed names for a startup company.
- Shrine – an e-commerce app that sells clothing and home goods.
- An app integrated with Firebase
Â
Prerequisites
Knowledge of a programming language is recommended
SYSTEM REQUIREMENTS
- A Mac computer running macOS 14.0 Sonoma / macOS 15.0 SequoiaÂ
- A Windows computer running Windows 10 or higher
- VSCode 1.94.x or higher
- Android Studio 2024.2.x or higher
- Xcode 15.x or higher
REFERENCES
- https://dart.dev/samples
- https://flutter.dev/docs/codelabs/layout-basics
- https://flutter.dev/docs/codelabs/implicit-animations
- https://www.youtube.com/watch?v=CR2_rJ9g8cc
- https://www.youtube.com/watch?v=TST_FW5ETQ8
- https://www.youtube.com/watch?v=9n2XPlJv7ko
- https://codelabs.developers.google.com/codelabs/flutter-codelab-first
- https://codelabs.developers.google.com/codelabs/flutter-boring-to-beautiful
- https://codelabs.developers.google.com/codelabs/mdc-101-flutter
- https://codelabs.developers.google.com/codelabs/mdc-102-flutter
- https://flutter.dev/docs/cookbook/networking/fetch-data
- https://flutter.dev/docs/cookbook/networking/background-parsing
- https://codelabs.developers.google.com/codelabs/mdc-103-flutter
- https://codelabs.developers.google.com/codelabs/mdc-104-flutter
- https://flutter.dev/docs/cookbook/persistence/sqlite
- https://firebase.google.com/codelabs/firebase-get-to-know-flutter
- https://www.youtube.com/watch?v=g0GNuoCOtaQ
- https://flutter.dev/docs/deployment/android
- https://flutter.dev/docs/deployment/ios
Methodology
This program will be conducted with interactive lectures, PowerPoint presentations, online discussions, and practical exercises.
Course Objectives
Upon completion of this program, participants should be able to:
- Write programs in the Dart language.
- Create a reasonably complex Flutter application, using widgets, animation, Material design, data persistence, API integration, Authorisation and remote storage.
- Upload an app to the Apple App Store and Google Play Store.
Outlines
Day 1
Module 1: A Dart tour
- Hello World
- Variables
- Control flow statements
- Functions
- Comments
- Imports
- Classes
- Inheritance
- Mixins
- Interfaces and abstract classes
- Async
- Exceptions
Module 2: Basic Flutter Layout concepts
- Row and column classes
- Axis size and alignment
- Flexible widget
- Expanded widget
- Sizedbox widget
- Spacer widget
- Text widget
- Icon widget
- Image widget
- Putting it all together
Lunch
Module 3: Implicit animations
- What are implicit animations?
- Example: Fade in text effects
- Example: Shape-shifting effect
- Using animation curves
Module 4: The About Me app
- App basics
- Adding widgets
- Adding the Scaffold widget
- Adding Text widgets
- Styling Text widgets
- Adding Images
Tea break
Test IDE
Show the folders in the sample app
Day 2
Module 5: The Light app
- Using cupertino.dart
- Adding a stateless widget
- Adding a button
- Changing the background color
- Stateful widgets
- the setState() function
Module 6: The BMI Calculator app
- Calculating BMI
- Adding a stateless widget
- Adding a stateful widget
- Creating the user interface
- Adding business logic
Lunch
Module 7: Write your first Flutter app
- Create a project
- Add a button
- Make the app prettier
- Add functionality
- Add navigation rail
- Add a new pageÂ
Tea breakÂ
Module 8: Take your Flutter app from boring to beautiful (self-paced)
- Take advantage of typography
- Set the theme
- Add adaptive design
- Add motion and animation
Day 3
Module 9: Material components basics
- Introduction
- Add Textfield widgets
- Add buttons
Module 10: Material structure and layout
- Introduction
- Add a top app bar
- Add a card in a grid
- Make a card collection
- Assignment: Networking Cookbook (fetching data, JSON parsing)
Lunch
Module 11: Material Theming with Color, Shape, Elevation, and Type
- Introduction
- Change the colors
- Modify typography and label styles
- Adjust elevation
- Add Shape
- Change the layout
- Try another theme
Tea Break
Module 12: Material advanced components
- Add the backdrop menu
- Add a shape
- Add motion
- Add a menu on the back layer
- Add a branded icon
Assignment: Persistence Cookbook (SQLite)
Day 4
Module 13: Authorization Services – Get to know Firebase for Flutter
- Create and set up a Firebase project
- Firebase configuration
- Add user sign in
- Write messages to Cloud Firestore
- Read messages
- Setup basic security rules
Lunch
Module 14: Build and release an Android app
- Adding a launcher icon
- Enabling Material Components
- Signing the app
- Shrinking your code with R8
- Reviewing the app manifest
- Reviewing the build configuration
- Building the app for release
- Publishing to the Google Play Store
- Updating the app’s version number
Tea break
Module 15: Build and release an iOS app
- Preliminaries
- Register your app on App Store Connect
- Register a bundle ID
- Create an application record on App Store Connect
- Review Xcode Project settings
- Updating the app’s deployment version
- Updating the app’s version number
- Add an app icon
- Create a build archive with Xcode
- Release your app on TestFlight
- Release your app to the App Store
