Mira Jago
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.
MARKT-PILOT GmbH
Stuttgart, Germany
Remote
€75-90K
Senior
Java
TypeScript
+1
Matching moments
03:16 MIN
Improving the developer feedback loop with specialized tools
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
05:28 MIN
The origin story of the Polypane developer browser
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
09:00 MIN
Navigating the growing complexity of modern CSS
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
09:38 MIN
Technical challenges of shipping a cross-platform browser
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
06:09 MIN
Creating a modal with the native HTML dialog element
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
00:30 MIN
The feasibility of coding entirely on a mobile phone
Fake or News: Coding on a Phone, Emotional Support Toasters, ChatGPT Weddings and more - Anselm Hannemann
02:33 MIN
Why you might not need JavaScript for everything
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
Featured Partners
Related Videos
29:36Writing truly cross plattform applications using flutter
Simon Auer
28:58Using Serious Tech for a Silly Game - How to Build an MVP with Flutter
Sylvia Dieckmann
44:09Mobile at a Crossroads: The Declarative UI App Revolution
Peter Steinberger
43:02Is Flutter ready for the web yet? - A live coding comparison between Flutter and React
Marcus Wojtusik & Thomas Hinterwimmer
1:00:14Dart - a language believed dead, experiences a new bloom
Christoph Menzel
25:13Dart - a language believed dead, experiences a new bloom
Christoph Menzel
34:44Applying DevOps in Flutter mobile development
Majid Hajian
54:48Flutter Packages and Plugins - A Look Under the Hood
Sylvia Dieckmann
Related Articles
View all articles
![Flutter Developer Salary [2023]](https://wearedevelopers.imgix.net/public/magazine/articles/199/images/hero/640fce6f7975fd70a7eb5bf0_flutter_developer_salaries.jpeg?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.
Searchability
Manchester, United Kingdom
£40-50K
GIT
JSON
Dart
REST
+5
Patrinat
Paris, France
iOS
Dart
Flutter
Angular
Continuous Integration