Build a Flutter Stopwatch App with Custom UI and Animations
About this course
Want to learn how to build completely custom and performant UIs in Flutter?This practical course will teach you exactly that, by showing you how to create a clone of the iOS stopwatch app from scratch.As part of this, you'll learn about the foundations of the Flutter animation framework and build a completely custom UI using:Ticker and TickerProviderMatrix TransformsStack, LayoutBuilder, AspectRatio, and other layout widgetsWould you like to:build UIs that render every frame, in sync with the screen refresh rate, and without compromising performance?rotate, scale, or translate widgets, and combine them all together to build custom UIs?Then you've come to the right place.This course is short and to the point. But it will give you valuable knowledge and a few tricks that will come handy in your future Flutter projects.What does the completed project look like?Go check the video preview for a complete overview of the project you'll build in this course.Other things included in the course:- How to switch betwen light and dark mode- How to manage the stopwatch state and start, stop, and reset the timer- How to optimize the application performance- How to build modular code by creating small, reusable widgets- A final challenge to test your knowledgeFrequently Asked QuestionsWill we use Flutter 2? Yes! The entire course uses Flutter 2 with Null Safety and I will keep it up to date.What are the course prerequisites?You should be already familiar with StatelessWidgets and StatefulWidgets, common layouts (Row, Column, Stack), and the foundations of state manage
62/100
CourseAsk score
- What the provider tells you
- 38/45
- Who stands behind it
- 8/35
- How complete the listing is
- 16/20
Scores how much the provider publishes and who stands behind it — not how well it is taught.
What you'll learn
- create custom UIs in Flutter
- implement performance optimization techniques
- manage app state effectively
- build reusable widgets
- apply animation techniques using Flutter's framework
Price shown by Udemy — confirm on their site.
Enroll on UdemyYou'll be redirected to Udemy to complete enrollment.
- Listed & compared by CourseAsk
- English · 0
Compared on these lists
Where this course ranks against the alternatives.
Coursera