Mira Jago

Intro to Flutter Development

What if you could build for iOS, Android, and web from a single codebase? Learn how Flutter's unique widget-based architecture makes it possible.

Intro to Flutter Development
#1about 5 minutes

Why choose Flutter for cross-platform app development

Flutter provides a superior cross-platform solution compared to native development, progressive web apps, and other frameworks like React Native.

#2about 7 minutes

Understanding Flutter's core concepts and the Dart language

Flutter is built on the Dart language and uses a unique UI approach where everything, including layout and padding, is a widget.

#3about 1 minute

Setting up your Flutter development environment

You can start coding online with DartPad or install the Flutter SDK to use with IDEs like Android Studio and VS Code.

#4about 6 minutes

Exploring the project structure and app theming

A Flutter project contains native folders, a `lib` folder for Dart code, and a `pubspec.yaml` file for managing assets and dependencies.

#5about 9 minutes

Refactoring UI components and adding navigation

Improve code maintainability by extracting repetitive UI into reusable functions and implement screen transitions using the Navigator.

#6about 3 minutes

Building dynamic list and grid views

Use `ListView.builder` and `GridView.builder` to efficiently create scrollable layouts from a data source.

#7about 4 minutes

Implementing animations and transformations

Create engaging user interfaces by using widgets like `AnimatedOpacity` for fading effects and `Transform` for rotating elements.

#8about 11 minutes

Next steps with state management and Firebase

Advance your Flutter skills by learning a dedicated state management solution like Block and integrating a backend-as-a-service like Firebase.

Related jobs
Jobs that call for the skills explored in this talk.

Remote

Name of

Name of

Remote
Intermediate
PHP
Java
+1

Matching moments

Understanding Flutter for cross-platform mobile development
03:06 MIN

Understanding Flutter for cross-platform mobile development

Applying DevOps in Flutter mobile development

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
A brief introduction to the Flutter framework
04:25 MIN

A brief introduction to the Flutter framework

Flutter Packages and Plugins - A Look Under the Hood

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Understanding Flutter's core philosophy and features
04:37 MIN

Understanding Flutter's core philosophy and features

Using Serious Tech for a Silly Game - How to Build an MVP with Flutter

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Understanding Google's cross-platform approach with Flutter
01:37 MIN

Understanding Google's cross-platform approach with Flutter

Mobile at a Crossroads: The Declarative UI App Revolution

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Understanding the basics of Flutter and React
01:43 MIN

Understanding the basics of Flutter and React

Is Flutter ready for the web yet? - A live coding comparison between Flutter and React

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Exploring Flutter's widget-based architecture and Dart
02:15 MIN

Exploring Flutter's widget-based architecture and Dart

Using Serious Tech for a Silly Game - How to Build an MVP with Flutter

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Dart's history and its modern revival with Flutter
02:32 MIN

Dart's history and its modern revival with Flutter

Dart - a language believed dead, experiences a new bloom

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Best practices for building cross-platform Flutter apps
01:56 MIN

Best practices for building cross-platform Flutter apps

Writing truly cross plattform applications using flutter

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.

Featured Partners

Related Videos

See all videos
Writing truly cross plattform applications using flutter29:36

Writing truly cross plattform applications using flutter

Simon Auer

Flutter Packages and Plugins - A Look Under the Hood54:48

Flutter Packages and Plugins - A Look Under the Hood

Sylvia Dieckmann

Mobile at a Crossroads: The Declarative UI App Revolution44:09

Mobile at a Crossroads: The Declarative UI App Revolution

Peter Steinberger

Using Serious Tech for a Silly Game - How to Build an MVP with Flutter28:58

Using Serious Tech for a Silly Game - How to Build an MVP with Flutter

Sylvia Dieckmann

Dart - a language believed dead, experiences a new bloom1:00:14

Dart - a language believed dead, experiences a new bloom

Christoph Menzel

Is Flutter ready for the web yet? - A live coding comparison between Flutter and React43:02

Is Flutter ready for the web yet? - A live coding comparison between Flutter and React

Marcus Wojtusik & Thomas Hinterwimmer

Applying DevOps in Flutter mobile development34:44

Applying DevOps in Flutter mobile development

Majid Hajian

There's an app for that - on the role of cross platform development in the app development ecosystem35:09

There's an app for that - on the role of cross platform development in the app development ecosystem

Aleksandra Desmurs-Linczewska

Related Articles

View all articles
AL
Anna Leushchenko
Basic And Advanced Networking in Dart and Flutter
Most applications, be it mobile, web, or desktop, depend on some kind of backend. Thus, an API layer is an integral part of application implementation.This six-part series presents tools and approaches that facilitate API layer implementation in Flut...
Basic And Advanced Networking in Dart and Flutter
CH
Chris Heilmann
All the videos of Halfstack London 2024!
Last month was Halfstack London, a conference about the web, JavaScript and half a dozen other things. We were there to deliver a talk, but also to record all the sessions and we're happy to share them with you. It took a bit as we had to wait for th...
All the videos of Halfstack London 2024!
DC
Daniel Cranney
How software is steering vehicle technology
The automotive industry is entering a transformative era, and developers have a unique opportunity to be part of it. Cars are no longer just mechanical machines; they’re sophisticated tech platforms with software at their core. This shift, defined by...
How software is steering vehicle technology
EM
Eli McGarvie
Flutter Developer Salary [2023]
Flutter developer salaryAccording to StackOverflow, the median salary for a Flutter developer is estimated to be $43,000 USD. The expected range for Junior to senior Flutter developers (worldwide) is between $34,000 and $121,000. That’s the range fro...
Flutter Developer Salary [2023]

From learning to earning

Jobs that call for the skills explored in this talk.