Flutter

What is Flutter?
Flutter is a free and open-source mobile UI framework created by Google and released in May 2017. In a few words, it allows you to create a native mobile application with only one codebase. This means that you can use one programming language and one codebase to create two different apps (for iOS and Android).

Flutter consists of two important parts:

  • An SDK (Software Development Kit): A collection of tools that are going to help you develop your applications. This includes tools to compile your code into native machine code (code for iOS and Android).
  • A Framework (UI Library based on widgets): A collection of reusable UI elements (buttons, text inputs, sliders, and so on) that you can personalize for your own needs.

To develop with Flutter, you will use a programming language called Dart. The language was created by Google in October 2011, but it has improved a lot over these past years.

Dart focuses on front-end development, and you can use it to create mobile and web applications.

If you know a bit of programming, Dart is a typed object programming language. You can compare Dart’s syntax to JavaScript.

Why Flutter?

  1. Fast development

Flutter engineered for high development velocity. Stateful hot reload allows you to change your code and see it come to life is less than a second without losing the state of the app. Flutter also ships with a rich set of customizable widgets, all built from modem reactive framework.

  1. Expressive + Flexible UI

Flutter moves to a widget, rendering, animation and gestures into this framework to give you to complete control over every pixel on the screen. It means you have the flexibility to build a custom design.

  1. Native apps for Android and IOS

Flutter apps follow platform conventions and interface details such as scrolling, navigation, icons, fonts, etc. That why apps built with Flutter features on both of the APPSTORE and GOOGLE PLAY STORE.

 

 

  1. Hot Reload

In flutter, very save on the app and just as you do on the web just hit a refresh and your codes also refresh. Imaging that Facebook SDK it would be so humongous if it would have been designing android and you hit a recompile. So many things to have recompile and it would take probably days. Unmistakably, Hot reloading is tech which is kind of necessary when your applications or product goes like incense crazy like Facebook.

 

 

  1. High Performance

Flutter doesn’t require a Javascript bridge and the speed is much faster.

  1. Using Dart as a Programming Language

Dart is an object-oriented programming language that which used for writing mobile application code for Flutter and which contributes to the efficiency and effectiveness of app development flow. It is a comfortable language and uses a lot of CSS parts as well. Dart uses for generational garbage collection which helps in creating frames for short-lived objects. It also helps to allocate the objects with a single pointer bump to avoid UI jank and shutter.

  1. Reduce the Third Parties

When using flutter, you can get complete IOS experience or Android Experience. So they are reducing the Third parties.

  1. API. The Flutter API is very consistent

AnimationBuilder, FutureBuilder, StreamBuilder,…Once you understand them you have no limit. Anything is a widget. A button can use as a screen, a full page used as a button with animation and transformation.

  1. The customizablekit of Widgets

Flutter has built with a rich and customizable set of widgets for Android, IOS and Material Design. The collaboration between Flutter and Google’s material design has rendered and easily create powerful UI experience. This help to create smooth, crisp and refined app experience as are available with a native app.

 

  • INTRODUCTION TO DEVELOPMENT WITH FLUTTER
  • Learn to set up a new Material App using Android Studio.
  • Understand the Widget tree and learn to use pre-made Flutter Widgets for user interface design.
  • Learn to incorporate Image and Text Widgets to create simple user interfaces.
  • Learn to customise pre-built Flutter widgets.
  • Add App Icons for iOS and Android builds.
  • Learn to run Flutter apps on iOS Simulator, Android Emulator and physical iOS and Android devices

  • CREATING BEAUTIFUL UI WITH FLUTTER
  • Use Hot Reload and Hot Restart to quickly refresh the app UI and understand when to use each.
  • Learn to use the Pubspec.yaml file to incorporate dependencies, custom assets and fonts.
  • An introduction to the Widget build() method.
  • Learn to use layout widgets such as Columns, Rows, Containers and Cards.
  • Incorporating Material icons using the Icons class.

  • BUILDING APPS WITH STATE
  • Understand the difference between Stateful and Stateless Widgets and when they should each be used.
  • Understand how callbacks can be used detect user interaction in button widgets.
  • Understand the declarative style of UI programming and how Flutter widgets react to state changes.
  • Learn to import dart libraries to incorporate additional functionality.
  • Learn about how variables, data types and functions work in Dart.
  • Build flexible layouts using the Flutter Expanded widget.
  • Understand the relationship between setState(), State objects and Stateful Widgets.

  • USING THE DART PACKAGE MANAGER
  • Learn to use the Dart package manager to incorporate Flutter
  • compatible packages into your projects.
  • Learn more about functions in Dart and the arrow syntax.
  • Learn to refactor widgets and understand Flutter's philosophy of UI as code.

  • STRUCTURING FLUTTER APPS
  • Learn to use Dart Constructors to create customisable Flutter widgets.
  • Apply common mobile design patterns to structure Flutter apps

Course Info

  • Instructor:Alex
  • Lectures:
  • Quizzes:
  • Seat Available:
  • Duration: