Flutter Master Class Travel App | Flutter 3.13.0 for Beginners to Advanced | iOS & Android Cubit

preview_player
Показать описание
From this tutorial we build a flutter cubit / bloc state management app. We will build it step by step. We will also build the ui and do api request. We will cover http get request and load the data using flutter cubit or bloc. We will also see how to use blocprovider and blocbuilder for state update. This covers building the model and API request. (not speed code, not the flutter way).
So this is a travel app. It's also very beginners friendly app.
About my palestinien brother
Part 2

👉📕Learn more about the app here in detail
👈
Download the starter code with the assets
Flutter food delivery app

You may download the complete code here

Patreons can download the complete code here

Get the quick access to the code for the quiz app from Patreon

HydratedCubit for storage

Cubit to Load Json Data

How do you learn BLoC

Buy me a coffee

Task management app

Timestamps
0:00:00 Demo
0:01:20 Explain Carousel Slider
0:08:16 Create list of images for the slider
0:10:15 boxfit for images
0:12:13 Building column for the carousel
0:13:37 Start building reusable widgets app_large_text
0:18:38 Start building reusable widgets for app_text
0:26:00 Start building reusable custom button
0:33:00 Start building the dots for the carousel
0:36:00 Select the dots with the slider
0:38:16 Start explaining the next page
0:43:20 Start building the bottomNavigationBar
0:44:49 Explain BottomNavigationbarItem
0:51:40 Explain indexes for BottomNavigationbar
0:53:11 Style BottomNavigationBar
0:54:40 onTap Event for BottomNavigationbar
1:00:36 Done with bottomNavigationBar
1:05:00 Finish building the icon
1:08:20 Explain Tabbar and Tabbarview
1:09:41 Work on the tabbar
1:11:47 TabBarController with TickerProviderStateMixin
1:14:25 Style Tabbar
1:19:12 Building Custom Indicator for TabBar and Explain Decoration, createBoxPainter and Paint
1:27:00 Explain TabBar Indicator Position
1:30:51 TabBarView building
1:39:20 Building the small images in row
1:47:30 Build the map of images and text
1:51:37 Page architecture stack and positioned widget
1:52:00 Restructure the project folders
1:59:00 Header image for detail page
2:00:00 Building mid section of the detail page
2:05:00 Building the column layout for the detail page
2:12:00 working the star widgets
2:37:00 Change the button color onTap events
2:37:24 Done with the buttons
2:37:34 Build the description section
2:39:30 Start working on the bottom buttons
2:50:00 Start implementing cubit state management
2:50:45 Start explaining cubit
2:54:30 Start building cubit folder, cubit class and state class
3:02:00 Create BlocProvider
3:07:00 Conditional check the states using BlocBuilder
3:09:02 Using the first flutter cubit
3:10:00 Installing http
3:25:00 emit() state for loading and loaded state
3:32:15 Create a state for the loaded data and emit the state
3:52:00 Go back to the previous page
4:02:30 Run the whole app
Find me on twitter @dbestech
Рекомендации по теме
Комментарии
Автор

This is absolutely amazing. The way of explanation of instructions of building it like columns and rows before actually starting the coding is priceless. Thank you.

toyly
Автор

I am glad to find your channel, as a flutter beginner this is what I was looking for. Your content is 100 times better than any Udemy courses 👏👏👏

ankurbhardwaj
Автор

Half an hour in. The best introduction to understanding Flutter I've been given so far. Clear and intuitive. Thank you!🙌🙌

ammandas
Автор

Super informative and finally something from beginning till the end. Comprehensive, well structured and super clear videos. Thanks Man, you rock and keep it up!!!

fantabarack
Автор

me as a flutter beginner
thank you for your sauce sir !!
love it <3
expecting backend vids :>

hungquy
Автор

Youtube is recommending this video! Awesome thumbnail, I had to click! Great man 🔥

FlutterMapp
Автор

You’re an awesome tutor and I just can’t say thank you enough. You made flutter dev easy and simple to understand. Allah continue to keep and bless you. Thank you 🙏🏽 😊

segunalabi
Автор

The first tutorial that really allows to create a beautiful application. Wow man.

salvatoremarra
Автор

This is so informative and educative for most beginners to be provided for free. Be blessed

tradewithtony
Автор

💥Best channel for flutter learners...keep it up bro👍

yujithmc
Автор

thanks for this video I'm from Iran and I had to learn Getx and Bloc you helped me, your tutorial are the best on youtube

yaserazmoude
Автор

One of the best flutter channels . Thank you sir for your impressive performace

yonathanhailemelekot
Автор

Amazing the way you teach us, easy, simple and informative. i love your videos

dr.abdulazizb
Автор

Requesting you publish the next part asap, much awaited!!!Just loved this tutorial;

imbhavaniprasad
Автор

You are, BEST Flutter teacher ! Thank you !

anishbasnet
Автор

The best flutter channel. Could you please do a short tutorial video on null safety and Global keys or keys in general in flutter. Love your channel. Hope you hit a million subs soon.

CHITUS
Автор

Wow!!, real world application tutorial!! Your amazing bro!!

CharwinAmper
Автор

Thanks for the tutorial! Your explanation is straight forward, cool apps. Giving me better understanding in bloc and cubit too!

rahmatprayogo
Автор

You are a good teacher. And even though making your screen +500 is harder to work with. Thank you.

Tay
Автор

Brother... Do a backend videos, your teaching is amazing, after watching your video i got a confidence to learn flutter, thank you so much

rajugoud