| 1 - Course Introduction English.srt | 3 KB | ||
| 1 - Course Introduction.mp4 | 10 MB | ||
| 10 - Implementing the animated clockhand English.srt | 12.8 KB | ||
| 10 - Implementing the animated clockhand.mp4 | 60 MB | ||
| 11 - Completing the stopwatch UI part 1 English.srt | 10.6 KB | ||
| 11 - Completing the stopwatch UI part 1.mp4 | 56.6 MB | ||
| 12 - Completing the stopwatch UI part 2 English.srt | 14.3 KB | ||
| 12 - Completing the stopwatch UI part 2.mp4 | 73.5 MB | ||
| 13 - Adding the startstopreset functionality part 1 English.srt | 9.1 KB | ||
| 13 - Adding the startstopreset functionality part 1.mp4 | 48.1 MB | ||
| 14 - Adding the startstopreset functionality part 2 English.srt | 9.3 KB | ||
| 14 - Adding the startstopreset functionality part 2.mp4 | 50.7 MB | ||
| 15 - Performance considerations and completed project English.srt | 10.1 KB | ||
| 15 - Performance considerations and completed project.mp4 | 52 MB | ||
| 16 - BONUS Lesson & Next Steps English.srt | 1.3 KB | ||
| 16 - BONUS Lesson & Next Steps.mp4 | 6.9 MB | ||
| 2 - Starter project for the Stopwatch app English.srt | 4.8 KB | ||
| 2 - Starter project for the Stopwatch app.mp4 | 24.4 MB | ||
| 3 - Dark Mode and Custom System UI Overlay English.srt | 3.2 KB | ||
| 3 - Dark Mode and Custom System UI Overlay.mp4 | 15.9 MB | ||
| 4 - Creating a periodic Timer English.srt | 9.2 KB | ||
| 4 - Creating a periodic Timer.mp4 | 43.3 MB | ||
| 5 - Ticker and TickerProvider English.srt | 11.2 KB | ||
| 5 - Ticker and TickerProvider.mp4 | 60.8 MB | ||
| 6 - Creating a separate StopwatchRenderer widget English.srt | 4.8 KB | ||
| 6 - Creating a separate StopwatchRenderer widget.mp4 | 22.4 MB | ||
| 7 - Sizing the Stopwatch UI with AspectRatio English.srt | 4.9 KB | ||
| 7 - Sizing the Stopwatch UI with AspectRatio.mp4 | 22.7 MB | ||
| 8 - Matrix transforms English.srt | 13.8 KB | ||
| 8 - Matrix transforms.mp4 | 67.7 MB | ||
| 9 - 09.circle-radius-layout-builder-notes.pdf | 37.6 KB | ||
| 9 - Getting the circle radius from LayoutBuilder English.srt | 6.3 KB | ||
| 9 - Getting the circle radius from LayoutBuilder.mp4 | 30.3 MB | ||
| AndroidManifest.xml | 307.2 B | ||
| AppDelegate.swift | 204.8 B | ||
| AppFrameworkInfo.plist | 819.2 B | ||
| AppInfo.xcconfig | 614.4 B | ||
| Bonus Resources.txt | 409.6 B | ||
| Contents.json | 1.3 KB | ||
| Debug.xcconfig | 102.4 B | ||
| DebugProfile.entitlements | 307.2 B | ||
| Flutter-Debug.xcconfig | 0 B | ||
| Flutter-Release.xcconfig | 0 B | ||
| GeneratedPluginRegistrant.swift | 102.4 B | ||
| Get Bonus Downloads Here.url | 204.8 B | ||
| IDEWorkspaceChecks.plist | 204.8 B | ||
| Icon-192.png | 5.2 KB | ||
| Icon-512.png | 8.1 KB | ||
| Info.plist | 1 KB | ||
| LaunchImage.png | 102.4 B | ||
| LaunchScreen.storyboard | 2.3 KB | ||
| Main.storyboard | 1.6 KB | ||
| MainActivity.kt | 102.4 B | ||
| MainFlutterWindow.swift | 409.6 B | ||
| MainMenu.xib | 22.9 KB | ||
| README.md | 307.2 B | ||
| Release.entitlements | 204.8 B | ||
| Release.xcconfig | 102.4 B | ||
| Runner-Bridging-Header.h | 0 B | ||
| Runner.xcscheme | 3.2 KB | ||
| Warnings.xcconfig | 614.4 B | ||
| WorkspaceSettings.xcsettings | 204.8 B | ||
| [email protected] | 102.4 B | ||
| app_icon_1024.png | 45.9 KB | ||
| app_icon_128.png | 3.2 KB | ||
| app_icon_16.png | 1.4 KB | ||
| app_icon_256.png | 5.8 KB | ||
| app_icon_32.png | 1.2 KB | ||
| app_icon_512.png | 14.5 KB | ||
| app_icon_64.png | 1.8 KB | ||
| build.gradle | 614.4 B | ||
| clock_hand.dart | 716.8 B | ||
| clock_markers.dart | 1.6 KB | ||
| contents.xcworkspacedata | 102.4 B | ||
| elapsed_time_text.dart | 1.5 KB | ||
| elapsed_time_text_basic.dart | 716.8 B | ||
| favicon.png | 921.6 B | ||
| gitignore | 102.4 B | ||
| gradle-wrapper.properties | 204.8 B | ||
| gradle.properties | 102.4 B | ||
| ic_launcher.png | 1.4 KB | ||
| index.html | 1.5 KB | ||
| launch.json | 409.6 B | ||
| launch_background.xml | 409.6 B | ||
| main.dart | 512 B | ||
| manifest.json | 614.4 B | ||
| metadata | 307.2 B | ||
| project.pbxproj | 20.9 KB | ||
| pubspec.yaml | 2.8 KB | ||
| reset_button.dart | 512 B | ||
| settings.gradle | 512 B | ||
| start_stop_button.dart | 716.8 B | ||
| stopwatch.dart | 409.6 B | ||
| stopwatch_renderer.dart | 819.2 B | ||
| stopwatch_ticker_ui.dart | 2.1 KB | ||
| styles.xml | 1 KB | ||
| ▲ 139 total files | |||
Build A Flutter Stopwatch App With Custom Ui And Animations
https://DevCourseWeb.com
Last updated 12/2021
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 645.87 MB | Duration: 1h 10m
Learn how to use Flutter tickers, matrix transforms, and other custom widgets to build a clone of the iOS Stopwatch app
What you'll learn
Learn about how to create performant Flutter UIs that update every frame at 60 fps
Work with custom Flutter layout widgets: Stack, Align, Positioned, AspectRatio, LayoutBuilder, Transform
Work with matrix transforms (scale, rotate, translate) to create custom Flutter UIs
Build a clone of the iOS stopwatch app
Requirements
You should already be familiar with the Dart language and how to build simple Flutter apps
You should already have the Flutter SDK installed (2.0 or above) and an IDE configured for Flutter development
You can use the Android Emulator (on Windows) or iOS Simulator (on macOS) for development
Description
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 management in Flutter.
Overview
| torrent name | size | uploader | age | seed | leech |
|---|---|---|---|---|---|
|
Udemy - The Six-Figure Blueprint - Build Your Own Online Tax Business Posted by
freecoursewb in Other
|
1.8 GB | freecoursewb | 1 week | 1 | 33 |
|
Udemy - Google Stitch Tutorial - Build and UI Design App Course with AI Posted by
freecoursewb in Other
|
3.1 GB | freecoursewb | 2 weeks | 21 | 7 |
| 2 GB | freecoursewb | 2 weeks | 43 | 7 | |
| 2.2 GB | freecoursewb | 2 weeks | 6 | 2 | |
| 559.6 MB | freecoursewb | 2 weeks | 16 | 9 |
All Comments