6.5 hours Flutter Dart - Full Products Tutorial
Flutter Dart - Full Products Tutorial - 6.5 hours.
Timeline
00:00:00 - Part 1 Intro
00:04:43 - Part 2
00:39:42 - Part 3
01:48:32 - Part 4
02:34:49 - Part 5
03:30:15 - Part 6
04:00:22 - Part 7
04:48:53 - Part 8
05:39:56 - Part 9
06:11:37 - Part 10
06:34:01 - Outro
See the Blog Article: https://jedipixels.dev/flutter-produc... for a full description of each Parts 1 to 10.
What is covered
In this project, this is a small partial list of what you are going to take a look at:
API
Auth
Auth to load Products Feed
Check the Internet Connection
json.decode
Isolate
compute - Spawn a Isolate
Isolate.spawn
StreamBuilder
StreamController
Sink
Streams
ValueListenableBuilder
ValueNotifier
ScrollController
ListView
ListTile
ThemeData()
SliverToBoxAdapter
SliverList
SliverChildBuilderDelegate
RoundedRectangleBorder
AspectRatio
Image.network
FadeInImage
loadingBuilder
ImageChunkEvent
NumberFormat.simpleCurrency()
NumberFormat.percentPattern()
Services
Models
Widgets
Helpers
Business Logic
UI/ UX
packages
Introduction
What we’ll cover:
Take a look at the dummyjson.com free JSON service
Ability to test Authentication
Retrieve records with Authentication Token
Create Project called products
Separate Business Logic
UI/UX
Create Models needed for API calls
Auth Model
Auth Error Model
Product Model
Products List Model
Create Services to make API Calls
API Values Service
Authentication Service
Connection Service – Check Internet Connection
Product List Service
Product Service
Create Reusable Widgets
Products ListView
Products ListView Item 1
Products ListView Item 2
Products ListView Card
Star Rating
Status Message
Create Helpers
App Helpers
Performance – Rebuild only what is needed by using…
StreamBuilder
Streams
ValueListenableBuilder
ValueNotifier
Parse JSON server response via JSON.decode
Parse JSON Via compute – Spawn an Isolate
Parse JSON Via Isolate.spawn – Manually spawn Isolate plus message
Retrieve Records via pagination
ScrollController
ScrollController Listener
ScrollController check scrolling offset and maxScroll Extent to retrieve the next 10 records
Themes
Light Mode
Dark Mode
Switch Between Modes
Version Control
GitHub
GitHub: https://github.com/JediPixels/products
Blog Article: https://jedipixels.dev/flutter-produc...
Twitter: / jedipixels
Looking for Updates: https://JediPixels.dev
#flutter #fluttertutorial #dart #flutterdev #flutterdeveloper #appdevelopment