Flutter Tutorial - Full Course - Project Based

preview_player
Показать описание


In this course you will learn Flutter in 10+ hours I tried to explain flutter with real project :)

if you like my content Donate me :)

Join the community in Discord:

Twitter:

GitHub:

Timestamps:
00:00 - Introduction to this course
01:00 - Everything is widget!
02:15 - Dartpad and using some widget
13:37 - Material Design
16:56 - Install Flutter and Editor
22:23 - Let’s create login page!
23:00 - Login: Column Widget
25:14 - Hot reload
27:32 - Stateless widget & Hot reload
31:33 - Column properties
35:51 - Scaffold Widget
39:08 - Colors
40:16 - Login: TextField
45:37 - Login: TextButton
48:10 - Login: ElevatedButton
49:42 - Assets
52:42 - Image Widget
57:55 - Row
1:03:17 - Login Page: Fix theme and style
1:07:32 - SizedBox Widget
1:10:08 - TextField decoration
1:17:59 - Button Style
1:31:06 - Custom Font
1:39:39 - Define App Colors
1:47:02 - Padding and render overflow error
1:51:47 - SingleChildScrollView Widget
1:53:06 - Adaptive Ui with MediaQuery
2:10:51 - Navigation to Home Page
2:16:13 - Named Navigation
2:18:41 - Post List Page : AppBar
2:24:21 - ListView Widget
2:36:14 - BottomNavigationBar
2:43:16 - StatefulWidget
2:56:10 - SvgPicture
3:01:11 - Icons : Tip
3:06:35 - BottomNavigationBar Pages
3:09:49 - Theme $ TextStyles
3:16:02 - Post Page & Post Component : Tip
3:28:23 - Profile Page
3:39:15 - AppBar Component
3:46:52 - IconButton Widget
3:50:14 - PopupMenuButton Widget
3:57:30 - Crop a Widget : ClipRRect Widget
4:03:46 - Edit Profile Page
4:10:24 - Separate Strings & Routes
4:22:11 - User Avatar Component
4:27:07 - Stack & Positioned Widget
4:37:13 - Radio Widget
4:45:54 - Expanded Widget
5:02:19 - Customize TextField Style
5:11:04 - Custom BottomNavigationBar
5:39:06 - FlutterMap Package
5:55:13 - Request to Network! : Login User
6:23:15 - InheritedWidget
6:45:47 - Provider State Management
6:53:09 - Separate Network Section & LoginProvider
7:14:19 - PostProvider: Fetch Posts from server
7:39:53 - Add a Post with ModalBottomSheet
8:04:46 - ImagePicker & ImageCropper Package
8:35:46 - Chat Page & Socket Connection
9:01:18 - CustomPainter & CustomClipper; Markers in Map
9:43:11 - PageView Widget
9:55:32 - User Page; AnimatedWidget & CustomScrollView: Sliver
10:29:13 - Flutter Video : Animations
10:29:17 - Flutter Video : Slivers
10:29:21 - Exercises

#flutter #mobile_development
Рекомендации по теме
Комментарии
Автор

Thank you man
You are providing all this knowledge for free I am very grateful to you.

prashlovessamosa
Автор

I'm waiting you bro welcome back Mahdi ❤

ahmedgammal
Автор

thanks man for providing all this knowledge for free, this is something i really looking forward to.

t.healer
Автор

Thanks for giving sources for everything!

leoingson
Автор

welcome back mahdi.... i love your content💕❤😊

alikazemi
Автор

thanks man for making this for free you're a legend bro 👊👊

abdoudjerdi
Автор

Haha, this video is good and all... But boy oh boy how I'm so glad to see someone use my animation in a video (the text animation) 😁👍. 0:28

Billgra_
Автор

🤭 thank you so much. I have been looking for a tutorial like this. You are the best. God bless you 🙏

legrandmpesse
Автор

This is really an excellent video, the way you explained the concepts is absolutely amazing, I washed the 10 hours and coded along with you thanks for sharing knowledge with us totally for free ❤❤❤❤ Bahageel from Jeddah Saudi Arabia 🇸🇦

AIdevel
Автор

Thank you for covering dart and flutter..❤
I'm following your tutorial videos to study flutter .
Can you please make a tutorial video about flutter bloc state management..

dudu
Автор

Thank you so much, you are amazing teacher !!!

TranHoangKimB
Автор

Thank you so much! for a beginner like me, I really appreciated this

gigamgamboa
Автор

Thank you Mahdi, Very good work, Very detailed and highly recommended! .Got a good grasp of Flutter!

saranr
Автор

Now we can say that we have a good beginner video for flutter on youtube 🎉

AnimatedBookPlus
Автор

I am an experienced java restful backend tech lead at a startup. Always wanted to learn cross platform apps development. Thanks

subramanianchenniappan
Автор

There is no option to choose color hex code from the primary color. In my figma screen it doesn't display the hex code as in your case.

mumtaz
Автор

Simply its cool ... Anyone can Understand. Could you please make a Shopping cart tutorial...?

ashwing
Автор

THIS IS THE BEST TUTORIAL FOR FLUTTER !! 100% !!

ayushdhiman
Автор

Thank you so much! This is super clearly tutorial!

taitran
Автор

May Allah bless you, this tutorial is amazing.

zahraaahmed