flutter introduction

1. Flutter Festival JUET-Guna

2. Build beautiful applications with
“Google” technologies
Flutter Festivals is a community led event series where developers
can join to learn the fundamentals of Google technologies. -
featuring Flutter, Firebase and Google Cloud content.

3. When
It's already begun!
Flutter Festival duration –
Feb 14th 2022 to March 30th 2022

4. What is Flutter ?
A “tool” that allows you to build native
cross- platform (iOS, Android) apps with
one programming language and
codebase.

5. What is a Codebase ?
A codebase (sometimes spelled as two
words, code base) is the complete body of
source code for a given software program
or application.

6. Native Apps Hybrid Apps
A native app is a smartphone
application developed specifically for
a mobile operating system
(think Objective-C or Swift for
iOS vs. Java for Android).
A (hybrid app) is a software
application that combines
elements of both native apps and
web applications. Hybrid apps are
essentially web apps that have been
put in a native app shell

8. Flutter support
Windows
...from a single codebase

9. What Flutter actually is ?
A SDK (Software
Development Kit)
Tools to compile your
code to
native machine code +
develop with ease
A Framework/
Widget Library
Re-usable Ul building blocks
(= widgets), utility functions,
packages

10. Dart ?
Programming language developed by Google
- Object—oriented & Strongly Typed
- Syntax is like a mixture of JavaScript,
Java, C#
- Focused on frontend (mobile apps,
web) user interface (Ul) development

11. Everything is a widget

12. Flutter Architecture

13. Flutter iOS Android
ElevatedButton()
ElevatedButton()
UIButton widget.Button
Custom implementation (“Flutter directly controls
every pixel which is drawn”)
Greater control, less platform—limitations / no “translation loss”
Flutter under the hood

14. Flutter’s Foundational Pillars
At its core, Flutter is built to be:

15. Fast
Take the speed
limiter off your app

16. Productive
Develop while your
app is running

17. Beautiful
No compromises
for your designers

18. Open
Everything is free
and open source

19. Apps build using Flutter
almost .5 Million apps

20. What is Firebase?
Learn more at : https://firebase.google.com/

21. What is Google Cloud?
Read here

22. v
What is your role in this
festival ?

23. Learn flutter app development using the resources offered by Google.
1. Learn
2. Create
3. Showcase
Create a beautiful user app that solves some day-to-day problems.
Showcase your work using the dev library

24. v
Content Resources
Flutter
Firebase
Google Cloud

25. Dart is the secret sauce of Flutter. This is a workshop series to learn the fundamentals of Dart programming language.
If your audience is new to Dart, you can use this to make them familiar with Dart.
You can walk through the workshops at the event or introduce workshops and let them finish it on their own later. Once they
finish it, they will receive a digital badge on the site.
Dart Essentials
Topics in the workshops :
● Introduction to Dart
● Variables, Data Structures, Objects, and Conditionals
● Using Functions with Lists and Maps to handle JSON Data
● Abstract Functionality with Classes
Link to access workshop :
https://www.cloudskillsboost.google/quests/190?qlcampaign=1m-fmbdr-2
You will have free access until March 30th.

26. This is a workshop series to start learning how to build a Flutter application. There are 4 workshops under 1 quest.
You can use the first workshop as a kick start at your event, walk through it and let the audience continue the following 3
workshops on their own later. Encourage them to enroll and finish the quests. Once they finish it, they will receive a digital
badge on the site.
Flutter Essentials
Topics in the workshop :
● Flutter Qwik Start
● Build a Two Screen Flutter Application
● Working with Onscreen Data in a Flutter Application
● Implementing Page Navigation in a Flutter Application
Link to access :
https://www.cloudskillsboost.google/quests/191?qlcampaign=1m-fmbdr-1
You will have free access until March 30th.

27. Another quest to build a "Hello World" Flutter application, design a frontend for a shopping application, and learn how to
connect your Flutter applications to backend services.
Flutter Development
Topics in the workshop :
● Getting Started with Flutter
● Flutter Startup Namer
● Flutter Material Components
● Flutter Web and Firebase Authentication
● Dart and Functions Framework
Link to access :
https://www.cloudskillsboost.google/quests/167?qlcampaign=1m-fmbdr-3
You will have free access until March 30th.

28. If your audience is already familiar with Flutter, here are some workshops on various deep dive topics to improve their Flutter
skills. These are under 1 hour hands on workshops, you can run them without any IDE or installation needed.
There are videos attached to show you how to run the workshop.
Dartpad Workshops
Building scrolling experiences in Flutter workshop example session
Dart null safety in Action workshop example session
How to manage application states using inherited widgets workshop example session
Build voice bots for mobile with Dialogflow and Flutter workshop example session
Get to know Firebase for Flutter workshop example session
Building your first Flutter app workshop example session

29. Codelab: Get to know Firebase for Flutter
In this codelab, you'll learn some of the basics of Firebase to create Flutter mobile apps for Android and iOS.
https://firebase.google.com/codelabs/firebase-get-to-know-flutter#0
Codelab: Multi-platform Firestore Flutter
In this codelab, you'll build a multi-platform restaurant recommendation app powered by Flutter and Cloud Firestore. The finished app runs on
Android, iOS, and web, from a single Dart codebase.
https://codelabs.developers.google.com/codelabs/friendlyeats-flutter?hl=en#0
Pathway: Add Firebase to your Flutter App
Learn to integrate Firebase products to your Flutter app, for seamless frontend and backend mobile app development.
https://firebase.google.com/learn/pathways/firebase-flutter
FlutterFire CLI
The FlutterFire CLI is a useful tool which provides commands to help ease the installation process of FlutterFire across all supported
platforms.
https://firebase.flutter.dev/docs/cli/
Firebase
These are some hands on codelabs or pathways to learn Firebase for Flutter.

30. Here is a quest to get your audience familiar with Google Cloud essentials.
Topics in the workshop :
● A Tour of Google Cloud
● Creating a Linux Virtual Machine
● Creating a Windows Virtual Machine
● Getting started with Cloud Shell
Link to access :
https://www.cloudskillsboost.google/quests/23?qlcampaign=1m-fmbdr-4
You will have free access until March 30th.
Google Cloud

31. Keep Calm,
surprise coming
soon!!
T-shirts | Stickers | and more…
Recognition

32. Thank you!
Can’t wait to see what you will create!