6.5 hours Flutter Dart - Products Full Tutorial

6.5 hours Flutter Dart - Products Full Tutorial

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

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

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-products-full-app-tutorial

TruthSocial: https://truthsocial.com/@JediPixels
Twitter: https://twitter.com/JediPixels
Looking for Updates: https://JediPixels.dev

#flutter #fluttertutorial #dart #flutterdev #flutterdeveloper