Courses / Flutter

Home / Flutter

Flutter

Flutter

Flutter uses a reactive framework where the user interface is composed of widgets. Widgets are building blocks for constructing UI elements, such as buttons, text fields, images, and layouts. Flutter provides a wide range of customizable and composable widgets that can be combined to create complex UIs.


Course Overview

DART
  • What is Dart..?
  • Dart Introduction
  • Basic Language requirement for Dart
the context of Flutter, an "environment" refers to the runtime environment or context in which a Flutter application runs.
  • Setting Up the Local Environment
  • Using the Text Editor
  • Installing the Dart SDK
  • IDE Support
The Dart SDK (Software Development Kit) installed on your machine.
  • Your First Dart Code
  • Execute a Dart Program
  • Dart Command-Line Options
  • Keywords in Dart
  • Comments in Dart
Dart allows you to define functions using the void keyword for functions that don't return a value, or you can specify the return type explicitly.
  • Data Types
  • Variables
  • Functions
  • Operators
  • Loops
  • Decision Making
  • Numbers
  • String
Dart, you can implement object-oriented programming (OOP) principles using classes, objects, inheritance, and other concepts.
  • Classes
  • Object
  • Inheritance
  • Interface
Dart, collections are used to store and manipulate groups of objects or values.
  • Lists
  • Map
  • Generics
  • Libraries & Packages
FLUTTER
  • Learn to set up a new Flutter project using Android Studio.
  • Learn to incorporate Image and Text Widgets to create simple user interfaces.
  • Understand the Widget tree and learn to use pre-made Flutter Widgets for user interface design.
  • Run Flutter apps on iOS Simulator, Android Emulator and physical devices.
  • Learn to incorporate App Icons for iOS and Android.
  • Learn how to add and load image assets to Flutter projects.
Material Design for Android-style apps and Cupertino Design for iOS-style apps.
  • Use Hot Reload and Hot Restart to quickly refresh the app UI and understand when to use each.
  • Dependencies, custom assets and fonts.
  • An introduction to the Widget build() method.
  • Incorporating Material icons using the Icons class.
  • Learning to use layout widgets such as Columns, Rows, Containers and Cards.
  • Refactoring widgets by extracting them as separate Widget classes.
  • Customise apps with Theme widgets.
  • Learn to build multi-screen Flutter apps by learning about routes and the Navigator widget.
  • Create custom Flutter Widgets by combining smaller widgets .
  • Understand why flutter favours composition vs. inheritance when customising widgets.
Building apps with states in Flutter involves managing the state of your application's data and UI components.
  • Understand the difference between Stateful and Stateless
  • Understand the declarative style of UI programming and how Flutter widgets react to state changes.
  • Widgets and when they should each be used.
  • Build flexible layouts using the Flutter Expanded widget.
  • Understand how callbacks can be used detect user interaction in button widgets.
  • Learn to import dart libraries to incorporate additional functionality.
  • Understand the relationship between setState(), State objects and Stateful Widgets.
Flutter has a vibrant ecosystem of packages that offer a wide range of functionalities to enhance your app development process.
  • Learn to use the Dart package manager to incorporate Flutter compatible packages into your projects
  • Learn to refactor widgets and understand Flutter's philosophy of UI as code.
  • Incorporate the audioplayers package to play sound.
  • Learn more about functions in Dart and the arrow syntax.
Structuring Flutter apps is essential for maintaining code organization, readability, and scalability.
  • Learn about how lists and conditionals work in Dart.
  • Learn to use Dart Constructors to create customisable Flutter widgets.
  • Learn about classes and objects in Dart and how it apply to Flutter widgets.
  • Understand Object Oriented Dart and how to apply the fundamentals of OOP to restructuring a Flutter app.
  • Learn about structuring and organising Flutter apps
  • Apply common mobile design patterns to structure Flutter apps.
Flutter apps that require backend data, there are several approaches you can take depending on your specific requirements and preferences.
  • Using the http package to perform networking and get live data from open APIs.
  • Getting location data from both iOS and Android.
  • Understanding how to parse JSON data using the dart:convert library.
  • Flutter Database using SQLite
  • Use the TextField Widget to take user input.
  • Understand how to pass data backwards using the Navigator widget.
  • Understand how to pass data to State objects via the Stateful Widget.
Flutter apps with Firebase is a popular choice as Firebase provides a comprehensive set of backend services that seamlessly integrate with Flutter.
  • Flutter with firebase Authentication
  • Flutter with firebase Database
  • Flutter with cloud Storage