app.tar.gz

why_matters_job

run_local_files

Flutter is an open-source software development kit (SDK) created by Google to support cross-platform application development for online and in the most popular consumer operating systems. Understanding Flutter’s user interface (UI) approach can help unlock robust application development across all these environments.

This course will introduce you to the core concepts of responsive and adaptive UI in Flutter. You’ll start with common layout widgets before exploring application development using the most powerful widgets. Next, you’ll explore external packages that can extend responsiveness and adaptiveness beyond the core Flutter UI. At each step, you’ll see examples comparing and contrasting responsive and adaptive UIs with applications that do not invoke these principles. Finally, you’ll build functional widgets and application UI with hands-on coding environments

By the end of this course, you’ll be able to build user-friendly applications in Flutter using responsive and adaptive UI principles.

Responsive and Adaptive UI in Flutter

This course is aimed at mobile Flutter developers who want to learn how to code mobile applications that adapt well on screens bigger than a smartphone’s. To succeed in this course, it’s important to know how to create a basic mobile application in Flutter by using both built-in and custom widgets. Follow the course by running the code directly from the lessons pages.

Since we’ll be learning how to make the code responsive to devices with different screen sizes, we’ll get the most out of the course if we use a laptop or a desktop PC while following the lessons.

It’s easier to resize a desktop’s browser window to the size of a smartphone’s rather than the other way around. For the same reason, it’s better to open the applications we run during the lessons in a new tab or window whenever possible.


Get an overview of the course and get introduced to the course contents.

Introduction

Basic Single-Child Layout Widgets

Basic Multi-Child Layout Widgets

The Problem of Starting with a Smartphone

Measure your Sizes - Responsive UI Widgets

Different Widgets for Different Sizes

Avoid Gigantic Widgets

Adaptive Design

External Packages

Conclusion

Appendix: Other Resources

Course Overview