Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Flutter for beginner in arabic

Name: Flutter for beginner in arabic
Rating: 4.8 (201 reviews)

Learn flutter from zero

Created byAhmed Al-Sayed

Last updated 4/2026

Arabic

What you'll learn

Detailed setup instructions for Windows
learn what is widget
All basic widgets
Simple Auth App
how to treat with figma
Mini NFT Marketplace app
Audio player package
Music App ( using audio player package )
Quiz App
Local stoarage ( Sqflite Package )
Drosak app ( using sqflite package )
Local stoarage ( Hive package )
Note App ( Using Hive package )
Isolate
Isar Database

Course content

13 sections • 556 lectures • 81h 40m total length

Course Content محتوي الكورس بالتفصيل5:12
Roadmap of Flutter course5:00
Intro to Flutter مقدمة عن الفلاتر3:36
Install flutter in windows تثبيت الفلاتر علي الويندوز19:17
Solve some proplem if shown while install حل بعض المشكلات اللي ممكن تواجهك2:47
Using My Mobile as emulator using USB استخدام الموبايل بديل الايمليتور باستخدام2:30
Using My Mobile as emulator using WIFI استخدام الموبايل بديل الايمليتور باستخدام2:22
VS code instead of Android Studio استخدام الفيجوال استديو كود بديلا لإندرويد3:40
Install flutter in Mac تثبيت الفلاتر علي الماك بوك33:49
اقتراح منك0:09
Add a review for Udemy courses1:54
Android studio plugins0:02
Market yourself3:50

Road map0:01
build your first Project using Android studio بناء برنامجك الاول باستخدام7:46
build your first Project using VS code بناء برنامجك الاول باستخدام3:11
VS Code Extension part 112:56
VS Code Extension part 28:54
What is Widgets?3:17
What is Layout and Scaffold ?4:14
Layout ( SafeArea and Center )6:00
Container widget part 16:58
Text and TextStyle11:03
style - TextStyle - backgroundColor - fontSize - color - fontFamily - fontStyle - fontWeight - letterSpacing - wordSpacing - softWrap - textAlign - textDirection - maxLines - overflow
Container widget part 28:19
decoration
Column widget9:40
childrent: [ ]
verticalDirection: VerticalDirection.down,
VerticalDirection.up,
mainAxisAlignment : MainAxisAlignment.spaceEvenly ,
MainAxisAlignment.spaceBetween,
MainAxisAlignment.end,
MainAxisAlignment.start,
MainAxisAlignment.center,
MainAxisAlignment.spaceAround,
MainAxisAlignment.spaceBetween,
crossAxisAlignment : CrossAxisAlignment.start,
CrossAxisAlignment.end,
CrossAxisAlignment.center,
CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.max,
MainAxisSize.min,
textDirection: TextDirection.rtl,
TextDirection.ltr,
Row Widget and diffrenet between (Row , Coulmn)7:25
childrent: [ ]
verticalDirection: VerticalDirection.down,
VerticalDirection.up,
mainAxisAlignment : MainAxisAlignment.spaceEvenly ,
MainAxisAlignment.spaceBetween,
MainAxisAlignment.end,
MainAxisAlignment.start,
MainAxisAlignment.center,
MainAxisAlignment.spaceAround,
MainAxisAlignment.spaceBetween,
crossAxisAlignment : CrossAxisAlignment.start,
CrossAxisAlignment.end,
CrossAxisAlignment.center,
CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.max,
MainAxisSize.min,
textDirection: TextDirection.rtl,
TextDirection.ltr,
New In Column and Row1:58
First mini Example9:29
Colors الألوان8:47
Colors.nam_color
Color(0xfffffff)
Color.RGBO(255,255,255,1)
Color.ARGB(255,255,255,255);
fonts الخطوط11:14
fontFamily
Container part 3 ( Gradient )التدرج اللوني6:31
LinearGradient , RadialGradient , SweepGradient
What is state and type5:40
"state" refers to the mutable data in a widget. Flutter is a UI toolkit that allows you to build natively compiled applications for mobile, web, and desktop from a single codebase. Widgets in Flutter can be either stateful or stateless.
Stateful Widget
Stateless Widget
Reusable Widget part 13:22
Reusable Widget part 2 ( final and const )5:08
Hot reload , hot restart and keyword const7:43
image الصور8:21
Image.Network
Image.asset
CircleAvatar - Icon - AssetImage - ClipOvel Widgets7:26
faceBook post Example part 1 ( SizedBox )18:29
faceBook post Example part 2 ( ClipRRect )13:28
faceBook post Example part 3 ( Padding - Divider Widgets )6:57
ListView8:39
ListView.Builder part 16:51
ListView.Builder part 27:29
ListView.seperated3:55
TextField part 115:16
maxLines
textInputAction
textAlign
enabled
onTapOutside
onTap
onChanged
onSubmitted
onEditingComplete
textDirection
cursorColor
keyboardType
style
obscureText
readOnly
TextField part 25:59
prefixIcon
suffixIcon
enabledBorder
border
focusedBorder
disabledBorder
errorBorder
OutlineInputBorder
TextField part 35:12
prefixIcon
suffixIcon
enabledBorder
border
focusedBorder
disabledBorder
errorBorder
OutlineInputBorder
Buttons widgets ( TextButton )6:33
onPressed
onLongPressed
style
ButtonStyle
alignment
shape
MaterialStateProperty
backgroundColor
Buttons widgets ( ElevatedButton )3:18
Buttons widgets ( OutlineButton )3:32
Buttons widgets ( MaterialButton )6:35
Buttons widgets ( IconButton)3:28
Buttons widgets ( IconButton.filled )4:52
Buttons widgets ( IconButton.outlined )4:03
Buttons widgets ( IconButton.filledTonal )3:34
Buttons widgets ( ElevatedButton.icon )5:00
Buttons widgets ( ElevatedButton.styleFrom )6:25
Buttons Widget ( PopupMenu Button )9:20
StatefulWidget9:05
CheckBox Widget6:49
CheckBoxListTile widget6:12
Radio Widget5:20
RadioListTile Widget4:03
نصيحة0:04
make Sign in and SignUP page part 1 ( Spacer Widget )26:15
make Sign in and SignUP page part 231:07
make Sign in and SignUP page part 33:28
make Sign in and SignUP page part 423:08
make Sign in and SignUP page part 5 ( Navigator to New Screen )6:53
make Sign in and SignUP page part 630:06
make Sign in and SignUP page part 75:12
Navigation Operation part 1 عمليات الانتقال من شاشة إلي شاشة أخري18:11
Navigator.push
Navigator.pop
Navigator.pushAndReplacment
Navigator.pushAndRemoveUntil
Navigation Operation part 2( send data between Screens )5:27
Navigation Operation part 3 ( Navigator Named)7:52
Navigation Operation part 4(( Navigator Named) send data between Screens )7:20
make Splash Screen11:53
lifecycle of a StatefulWidget8:11
Navigator from splash screen5:45
Flutter Inspector5:28

pages of project and Links
Intro to Mini NFT Marketplace App4:43
Make on Boarding screen part 16:26
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Make on Boarding screen part 220:47
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Make on Boarding screen part 3 ( Stack widget )12:52
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Make on Boarding screen part 4 ( BackdropFilter )6:41
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Make on Boarding screen part 517:04
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
Make on Boarding screen part 6 ( refactor code )19:10
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
make home Screen part 1 ( create only page )10:16
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
make home Screen part 2 ( make custom title )7:26
make home Screen part 3 ( replace custom title to AppBar )9:35
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
make home Screen part 4 ( add category's images)5:08
make home Screen part 5 ( Stack and Postioned )15:13
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
make home Screen part 6 ( make Custom category )9:53
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
make home Screen part 7 ( create category model and create listView.sperated )9:46
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
make home Screen part 8 ( make Align widget , make custom subtitle )10:37
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
make home Screen part 9 ( replace column with ListView )2:56
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
make home Screen part 10 ( UnconstrainedBox to make listview respect width )5:41
Github
https://github.com/Ahmed-elsaid-AEA/mini_flutter_nft_marketplace
figma link
https://www.figma.com/file/D2J9Jb4DMHnmgmXQ01FXH8/UI-Design-a-Dark-Mode-NFT-app-(Community)?type=design&node-id=60%3A543&mode=design&t=Zr0RjcrySLF9pvLP-1
make home Screen part 11 ( make custome card collections )12:53
make home Screen part 12 ( add listView.seperated to custom card collection )5:22
make home Screen part 13 ( make collections_model )8:34
make home Screen part 14 ( collection list , finish custom trending collection )4:17
make home page part 15 ( make widget of top seller )12:56
make home page part 16 ( make custom card top seller )8:12
make home page part 17 ( add listView.separted to custom card top seller )4:18
make home page part 18 ( add topSellerlist)4:23
bottom navigation bar10:34
make home page part 19 ( make custom bottom navigation bar)10:22
make home page part 20 ( used ShapeBorder polygan in bottom naviation bar)11:55
make Home Screen part 21 ( finish home page )9:37
make stats page part 1 ( add route of this page )5:07
make stats page part 2 ( make actions to icons in bottom navigation bar )11:00
make stats page part 3 ( make app bar of stats page )4:14
make stats page part 4 ( edit into app par of stats page )5:09
make stats page part 5 ( design sup title of stats page )8:06
make stats page part 6 ( add container under active sub title )12:38
make stats page part 7 ( add shadow to subtitle )7:04
make stats page part 8 ( make custom sub title , make active sub title )11:24
make stats page part 9 ( make custom category stats page )10:47
make stats page part 10 ( finish category of stats page )6:02
make stats page part 11 ( make table row of stats page )14:04
make stats page part 12 ( make custom table row )10:23
make stats page part 13 ( add listView.superated )8:26
make stats page part 14 ( add single scoll view )7:54
make stats page part 15 ( finish NFT marketplace app )9:29

ListTile widget4:54
Expaned widget5:23
Card Widget4:29
AspectRatio Widget7:03
Flexible4:05
GridView Widget7:44
GridView builder Widget3:43
Drawer widget4:30
DrawerHeader widget2:42
TabBar and TabBarView widget part 17:46
TabBar and TabBarView widget part 26:03
Slider Widget5:53
What is package ?2:24
play Music ( audioplayers ) part 16:44
play Music ( audioplayers ) part 24:49
play Music ( audioplayers ) part 34:24
play Music ( audioplayers ) part 42:16
play music ( audioPlayers) part 54:09
GestureDetector Widget5:46
InkWell Widget7:00
StreamBuilder Widget10:51
Stream and Sink Classes3:52
Stream Builder Widget with Audio Player6:21
Futurebuilder Widget7:48

نقاش0:06
project Links0:01
intro to music app3:45
Design splash screen part 1 ( add image to splash screen )13:04
Design splash screen part 2 ( made asset,alignment,heigh,width mangers )8:46
Design splash screen part 3 ( made splash controller and finish splash screen )7:11
Design on boarding page part 1 ( add all font )9:10
Design on boarding page part 2 ( made custom title on boarding page )8:39
Design on boarding page part 3 ( make custom sub title on boarding page )6:56
Design on boarding page part 4 ( refactor title and subtitle )5:26
Design on boarding page part 5 ( made custom button on boarding page )15:03
Design on boarding page part 6 ( add image of on boarding page )6:59
Design on boarding page part 7 ( add shape linear to image and finish design )7:34
Design home page part 1 ( make onboarding controller , navigate to home screen )5:54
Design home page part 2 ( make bottom navigation bar )7:34
Design home page part 3 (make custom button nav bar )6:57
Design home page part 4 (make list of home pages )8:15
Design home page part 5 ( make main home )8:42
Design home page part 6 (make custom button text filed )10:28
Design home page part 7 ( refactor to custom text field )7:13
Design home page part 8 (make custom title home page)7:47
Design home page part 9 ( make custom songs details )11:29
Design home page part 10 ( refactor custon songs Details )7:52
Design home page part 11 ( add Recommanded music )6:48
Design home page part 12 ( make custom row recommanded music )6:50
Design home page part 13 ( add listivew.builder )2:54
Design home page part 14 ( make Songs Model )7:30
Design home page part 15 ( added GestureDetector to search songs )5:39
Design play page part 1 ( add route of play music page )7:01
Design play page part 2 ( make Custom app Bar)13:07
Design play page part 3 ( make custom songs details play music )11:28
Design play page part 4 ( add images controlles music )7:07
Design play page part 5 ( make custom button controller play music screen )14:20
Design play page part 6 ( refactor custom button controller play music screen )4:05
Design play page part 7 ( add slider to custom button controllers )5:15
Design play page part 8 ( add slider theme to my slider )4:21

class RoundSliderThumbShape extends SliderComponentShape {
@override
Size getPreferredSize(bool isEnabled, bool isDiscrete) {
return Size(0.0, 0.0); // Adjust the size of the thumb
}

@override
void paint(PaintingContext context, Offset center,
{required Animation<double> activationAnimation,
required Animation<double> enableAnimation,
required bool isDiscrete,
required TextPainter labelPainter,
required RenderBox parentBox,
required SliderThemeData sliderTheme,
required TextDirection textDirection,
required double value,
required double textScaleFactor,
required Size sizeWithOverflow}) {
final Canvas canvas = context.canvas;
final Paint paint = Paint()
..color = ColorManagers.kLightWhiteColor
..strokeCap = StrokeCap.round
..strokeWidth = 2.0;

canvas.drawCircle(center, 3.0, paint); // Draw a circle as the thumb

// TODO: implement paint
}
}
Design play page part 9 ( add row of duration of play music )4:57
Design play page part 10 ( make custom tools play music 1 )10:01
Design play page part 11 ( make custom tools play music 2 )12:17
Design play page part 12 ( finish app design )3:49
Add Logic part 1 ( add image and audio of Quaran )10:04
Add Logic part 2 ( handle navigation , make custom recomandded music )10:01
Add Logic part 3 ( add list qurarn to custom recomandded music )5:22
Add Logic part 4 ( send and recieve data between screens )8:42
Add Logic part 5 ( add Audio player package )10:17
Add Logic part 6 ( add play music controller )5:58
Add Logic part 7 ( change details of song model )3:28
What is singleton pattern part 19:57
What is singleton pattern part 29:30
Add logic part 8 ( use singleton pattern to my app )7:18
Add logic part 9 ( add stop action )3:59
Add logic part 10 ( add stream to status play audio )10:16
Add logic part 11 ( make outputstream as boradcast stream )6:16
Add logic part 12( use strembuilder to get duration but not correct way to get )10:34
Add logic part 13 ( using Future builder to get duration of audio)16:19
Add logic part 14 ( transfer duration to minute and secnd )8:16
Add logic part 15 ( add stream builder to duration now )8:58
Add logic part 16 ( make slider stream )13:09
Add logic part 17 ( add action to tumb slider )6:13
Add logic part 18 ( make next action )10:32
Add logic part 19 ( add stream builder to custom song details )6:14
Add logic part 20 ( make back action )3:40
Add logic part 21 ( make loop action )8:10
Add logic part 22 ( make automatically go to next )4:24
Add logic part 23 ( make random action )7:56
Add logic part 24 ( edit into search action )7:43
Add logic part 25 ( make custom search feature )10:46
Add logic part 26 ( close keyboard programally )7:04
Add logic part 27 ( make close icon )12:37
Add logic part 28 ( make search function part 1 )8:25
Add logic part 29 ( continue to make search function part 2 )8:13
Add logic part 30 ( finish search )8:27
dispose function9:20
Finish music app4:18

project Links0:01
Intro to Quiz App2:22
Design Splash Screen part 1 ( add font to app )12:07
Design Splash Screen part 2 ( add package google font )5:15
Design Splash Screen part 3 ( Finish Splash Screen )9:53
Design on Boarding page part 16:32
Design on Boarding page part 2 ( adding routes manager )6:10
PageView6:50
PageView.builder4:02
Design on Boarding page part 3 ( add images to app )2:52
Design on Boarding page part 4 ( add package flutter svg )6:22
Design on Boarding page part 5 ( add custom button nav bar )10:22
Design on boarding page part 6 (add dots_indicator package )11:28
Design on boarding page part 7 ( add stream builder to dot indicator )13:19
Design on boarding page part 8 ( make next action )7:42
Design on boarding page part 9 ( add page view )14:26
Design on boarding page part 10 ( make on boarding model )10:08
Design on boarding page part 11 ( add values of text )4:27
Design on boarding page part 12 ( add controller to page view )4:47
Design on boarding page part 13 ( add stream builder text next )9:12
Design on boarding page part 14 ( finish on boarding page )6:41
Solve prolem on boarding page6:53
Design Login Screen page part 1 ( add custom logo of login screen )8:02
Design Login Screen page part 2 ( add custom text enter your name )5:09
Design Login Screen page part 3 ( add custom text filed name )7:08
Design Login Screen page part 410:52
Design Login Screen page part 5 ( make design responsive as height )8:54
Design Login Screen page part 6 ( add validation but in wrong way )5:51
Form And TextForm Field7:41
Design Login Screen page part 7 ( user validator )9:28
Design Login Screen page part 8 ( make validate to button active or not )5:33
Design Login Screen page part 9 ( add stream builder to button status )8:58
Design Login Screen page part 10 ( navigate to quiz screen )4:05
Design Login Screen page part 11 ( send and recive data between screen )4:19
Design Login Screen page part 12 ( add controller to text form field )6:55
Design Quiz Screen page part 1 ( make custom app bar of quiz screen )13:46
percent indicator pacakge part 113:28
percent indicator pacakge part 24:22
Design Quiz Screen page part 2 ( add CircularPercentIndicator )7:06
Design Quiz Screen page part 3 ( make Custom Question Title QuizeScreen )13:41
Design Quiz Screen page part 4 ( make custom item radio quiz screen )10:10
Design Quiz Screen page part 5 ( make Custom List View Options Quiz Screen )6:52
Design Quiz Screen page part 6 ( add options )6:06
Design Quiz Screen page part 7 ( add stream builder to custom radio )11:42
Design Quiz Screen page part 8 ( add next button )10:50
Design Quiz Screen page part 9 ( make questions model )7:26
Design Quiz Screen page part 105:46
Design Quiz Screen page part 11 ( using listquestion in screen )3:43
Design Quiz Screen page part 12 ( add stream buildet to text time )5:44
Design Quiz Screen page part 13 ( make counter time )3:56
Design Quiz Screen page part 14 ( add next question function )4:01
Design Quiz Screen page part 15 ( add stream builder to quetion title )7:12
Design Quiz Screen page part 16 ( add stream builder to options list )2:57
Design Quiz Screen page part 17 ( move stream builder into custom list view )6:52
Design Quiz Screen page part 18 ( multiple_stream_builder package)7:04
Design Quiz Screen page part 19 ( stream animation to precent circle indicator )7:50
Design Quiz Screen page part 20 ( make list correct answer )6:45
Design Quiz Screen page part 21 ( add animation controller to circle precent )7:57
Design Quiz Screen page part 22 ( move animation controller in main controller )9:46
Design Quiz Screen page part 23 ( restart animation )6:14
Design Quiz screen page part 24 ( navigate to answers screen )6:53
Design Quiz Screen page part 25 ( add stream to question now )8:16
Design Quiz Screen page part 26 ( send data to answer screen )7:43
Design Answer Screen part 1 ( make custom information student )14:35
Design Answer Screen part 2 ( make custom question number )8:25
Design Answer Screen part 3 ( make custom status answers )5:34
Design Answer Screen part 4 ( finish custom status answers )16:56
Design Answer Screen part 5 ( make answers controller )7:10
Design Answer Screen part 6 ( change name )3:43
Design Answer Screen part 7 ( switch between correct and wrong answer )8:20
Design Answer Screen part 8 ( add questioon and answer )7:00
Design Answer Screen part 9 ( finish anwer screen )8:04

اقتراح واجب هيفيد المهندس اللي جواك0:13
What is database ....?6:00
what is Sql , MySql , Sqlite , Sqflite5:23
Install Sqflite package13:14
on create method part 17:47
on create method part 2 ( create tables )7:57
Sqlite Datatype5:24
Delete tables , and insert data into tables10:02
Insert data into table8:38
Select data from table11:24
Where and like Keywords6:09
Update data into table10:05
Delete data from table6:26
Sqflite Mini example part 1(make file crud , mysqflitedatabase , init database )10:56
Sqflite Mini example part 2 ( create table user,sales ,products )11:24
Primary key , AutoIncrement3:46
Sqflite Mini example part 3 ( make insert function )6:12
Sqflite Mini example part 4 ( make delete function )7:22
Sqflite Mini example part 5 ( make insert to product table function )11:36
Sqflite Mini example part 6 ( make user controller )6:12
Sqflite Mini example part 7 ( show data user )6:12
Sqflite Mini example part 8 ( make select user ,product table data function )4:20
Sqflite Mini example part 9 ( make update )9:57
Sqflite Mini example part 10 ( make update user table function )6:19
Sqflite Mini example part 11 ( make refresh button and make delete user )6:14
Sqflite Mini example part 12 ( make main screen and , product screen )7:43
Sqflite Mini example part 136:43
Sqflite Mini example part 14 ( make inert product function )4:17
Sqflite Mini example part 15 ( show all product details )4:50
Sqflite Mini example part 16 ( show model bottom sheet )5:06
Sqflite Mini example part 17 ( make updata product )5:50
Sqflite Mini example part 18 ( delete product data )1:37
Sqflite Mini example part 19 ( make sales screen )2:34
DropdownButton Widget9:12
Sqflite Mini example part 206:29
Sqflite Mini example part 21 ( show data user in sales screen )4:56
Sqflite Mini example part 22 ( show data product )5:54
Sqflite Mini example part 23 ( fix bug in drop down button )5:51
Sqflite Mini example part 24 ( insert to sales product )9:40
Sqflite Mini example part 25 ( select sales data )9:30
on upgrade database7:00
Sqflite Mini example part 26 ( edit into sales table )6:39
Sqflite Mini example part 27 ( show sales data after editing into table )16:13
FOREIGN KEY And Primary Key11:59
Alter Table9:17
SQL injection9:39

Project Links
Intro To Drosak - M App3:16
Design splash screen17:29
flutter_native_splash package ( android below 12 )16:17
flutter_native_splash package ( android 12 or above )7:57
device_info_plus package14:35
make animation to custom splash screen12:04
design on boarding screen part 1 ( add text and image of this page )7:09
design on boarding screen part 2 ( add font AA Galaxy , add flutter svg package)13:05
refactor custom splash screen7:40
design on boarding page part 3 ( make custom page view on boarding screen )9:38
flutter_screenutil package9:22
design on boarding page part 4 ( add font ge diner one )8:55
design on boarding page part 5 ( make padding,margin manager )10:05
design on boarding screen part 6 ( add dot indicator , make custom nav bar )10:05
design on boarding screen part 7 ( add go next method ,add stream dotindicator)13:20
design on boarding screen part 8 ( make method skip and explore screen )9:47
design explore screen part 1 ( make custom app bar )13:34
design explore screen part 2 ( start to make item of grid view )10:07
design explore screen part 3( put item circle avatar )10:42
design explore screen part 4 ( finish item without refactor )13:00
design explore screen part 5 ( make customs widgets )6:45
design explore screen part 6 ( add list explore app item , make main screen )15:57
design main screen part 1 ( make bottom nav bar)11:51
design main screen part 2 ( make custom bottom nav main screen )11:44
design main screen part 3 ( add screen routes )6:35
design main screen part 4 ( add stream builder at body of main screen )13:16
design main screen part 5 ( add stream builder to bottom nav bar )9:42
design educational stages screen part 1 ( send argument betwen explore screen )13:03
design educational stages screen part 2 ( make custom app bar )14:10
design educational stages screen part 321:23
design educational stages screen part 4 ( make custom item stage )11:31
design educational stages screen part 5 ( make custom list view items stage )10:18
add sqflite package5:15
design educational stages screen part 6 ( creat table educational stage )8:46
part 7 ( create model bottom sheet of education stage )16:39
part 8 ( make custom textformfield ,make custom material button )14:35
design educational stages screen part 9 ( finish bottom model sheet )5:05
design educational stages screen part 10 ( make education stage operation class)10:01
design educational stages screen part 11 ( add new education stage )5:50
design educational stages screen part 12 ( make function get all education data)4:13
design educational stages screen part 13 (make factory itemstagemodel )10:12
fix bug in education stage controller , to json function, used map to list items7:33
359 - design educational stages screen part 15 ( add image picker package)8:01
part 16 ( get image from gallary and store path of image )5:48
design educational stages screen part 17 ( show image path using image.file )5:37
part 18 ( show image that you selected from gallayshow image that you selected )14:47
part 19 ( add stream controller to item stage model )9:34
design educational stages screen part 20 ( add stream at image selected )13:52
design educational stages screen part 21 ( handle closing bottom sheet )10:09
design educational stages screen part 22 ( add from key to bottom sheet)10:00
design educational stages screen part 23 ( show alert dialog to select image )14:42
design educational stages screen part 24 ( select image from camera )3:56
part 25 ( save copy to my image in application directory )13:22
design educational stages screen part 26 ( add column create at )9:00
search delegate8:49
design educational stages screen part 27 ( make search in sqflite db )11:13
design educational stages screen part 28 ( make search of education stage )9:46
design educational stages screen part 29 (change theme of search delegate )6:18
Dismissible widget7:06
design educational stages screen part 30 (make soft delete )19:52
design educational stages screen part 31 (delete item stage )6:20
design educational stages screen part 32 ( show alert dailog delete)10:30
design educational stages screen part 33 ( edit into education stage )16:29
design educational stages screen part 34 (fix show list after edit)3:16
design educational stages screen part 35 ( finish update and delete )22:41
design educational stages screen part 36 (finish education stage screen )6:16
group screen part 1(add custom app bar of group screen , start make item group)15:40
design group screen part 2 ( finish item group )17:29
design group screen part 3 ( make table groups , appointment )15:30
design group screen part 4 ( make custom app bar of add new group screen )21:22
design group screen part 5 ( add name, desc and name education stage )10:51
design group screen part 6 ( finish design body of add new group screen )20:51
design group screen part 7 ( make custom group details add new group screen )8:53
design group screen part 8 ( make custom select education stage name )5:34
design group screen part 9(make custom add time and day of add new group screen)18:42
design group screen part 10 ( make custom radio ms add new group scren )14:41
design group screen part 11 (solve Custom radio ms,add stream to widget app bar)12:17
design group screen part 12 ( add stream controller to app bar )4:20
design group screen part 13 (add data to custom select education name)7:26
design group screen part 14 (make list item builder to CustomDropdown)6:43
design group screen part 15 (make header builder to CustomDropdown of education)6:16
design group screen part 16 ( select time )7:45
design group screen part 17 ( add stream to value ms)7:35
design group screen part 18 ( add stream to selected time )7:56
design group screen part 19 ( fill time and day table )9:23
design group screen part 20 ( add stream of list day and time )12:00
design group screen part 21( delete item appointment from appointment table )11:43
design group screen part 22 ( make save all function )11:20
design group screen part 23 ( make add group details function )8:52
design group screen part 24 ( finish add new group screen )12:06
design group screen part 25 ( get groups details )9:14
design group screen part 26 ( get appointment details )11:05
design group screen part 27 ( get all data of groups info )18:48
design group screen part 28 (fill lists of groups info )13:34
design group screen part 29 ( close keyboard , make refresh after back )6:30
design group screen part 30 ( put refresh to page , add popup menu of more )9:39
design group screen part 31 ( delete item group info )15:18
design group screen part 32 ( send arg to add new group screen )6:33
design group screen part 33 ( fill data that will edit )7:21
design group screen part 34 ( make initial education stage )8:27
design group screen part 35 ( make stream builder to item stage model )10:22
Flutter tips : issue referring to the same memory location in lists4:29
design group screen part 36 ( update group details)17:07
design group screen part 37 ( edit into group info details )10:19
design group screen part 38 ( make custom search delegated )8:49
design group screen part 39 ( make search in group screen )24:14
design group screen part 40 (finish group screen )7:22
design group screen part 41 (fix some bugs in groups data )15:06
design student screen part 1 ( make list view item students )23:01
RichText widget (put rich text in item student )6:18
design student screen part 2 ( create table students )5:50
design student screen part 3 (create add new student screenand it's controller)12:24
design student screen part4 (make custom details add new student screen )7:53
design student screen part 5 ( finish design add new screen )11:50
design student screen part 6 ( delete some code in controller )7:12
design student screen part 7 (make show custom dialog choose image options )8:14
design student screen part 8(edit into custom show dialog choose image options)15:25
design student screen part 9 ( pick image student )7:09
design student screen part 10 (change design pick image part 1 )9:07
design student screen part 11 ( change design pick image part 2 )3:42
student screen part 12 (make inner join between groups , education stage table )23:40
design student screen part 13 (put groups selected from education stage )13:58
design student screen part 14( add appointment of groups )12:49
design student screen part 15 (add initial selected stage)13:25
design student screen part16(show alert from required data to insert new student9:40
design student screen part 17 (add new student success )16:34
design student screen part 18(get student data, make student model)16:25
design student screen part 19 ( edit into student model )19:45
design student screen part 20 (delete student , refresh student info )10:57
design student screen part 21 ( fill student model )10:52
design student screen part 22 ( edit into student info )7:59
design student screen part 23 ( finish search of student )14:03
design Audience screen part 1 ( make audience controller )6:06
design Audience screen part 2 ( put selcted education stage,groups )17:09
design Audience screen part 3 ( make custom grid view audience screen )13:30
design Audience screen part 4 ( fill item stage , group details )4:00
design Audience screen part 5 ( get student info )14:22
design Audience screen part 6 ( show model bottom sheet of new audience )12:43
Multi select way part 10:02
Multi select way part 20:02
design Audience screen part 7 ( add multi select audience )17:00
design Audience screen part 8 ( add count of selected studnets )8:19
design Audience screen part 9 ( show selcted date time )10:37
design Audience screen part 10 ( insert new audience to database )14:24
design Audience screen part 11 ( finish audience screen )16:26

What is hive..............?2:10
Install hive , what is box in hive5:22
Initialize hive , open box5:56
Write on hive10:47
Read from hive6:55
Close box in hive5:55
Delete from box in hive9:11
diffrence between ( deleteAll , clear , deleteBoxFromDisk , deleteFromDisk )6:37
Update value in hive5:03
OpenLazyBox2:39
TypeAdapters (store objects) in hive part 17:48
TypeAdapters (store objects) in hive part 216:36
TypeAdapters with Enums(store objects) in hive part 38:57
Compaction15:52
Create Type Adapter manually9:47

Projects links
Intro to Note app2:33
design OnBoarding Screen part 1 ( create on boarding screen )5:36
design OnBoarding Screen part 2 ( generate routes)12:43
design OnBoarding Screen part 3 ( add on boarding image)12:39
design OnBoarding Screen part 4 ( finish on boarding design )16:02
design Home Screen part 1 ( make empty home design )14:42
design Home Screen part 2 ( create new note screen )4:48
design Home Screen part 3 (create custom app bar of new note screen)15:47
design Home Screen part 4 ( finish new note screen )7:05
design Home Screen part 5 ( add hive package , create hive helper class )10:42
design Home Screen part 6 ( create alert model bottom sheet )26:20
design Home Screen part 7 ( refactor model bottom sheet )8:34
design Home Screen part 8 ( add new note to notes box )10:40
design Home Screen part 9 ( get all notes )4:18
design Home Screen part 10 ( create grid view notes)17:50
design Home Screen part 11 ( add stream builder to grid view notes)13:54
design Home Screen part 12 ( add model note to grid view )11:38
design Home Screen part 13 ( fill note data to edit )7:18
design Home Screen part 14 ( make edit status )10:25
design Home Screen part 15 ( delete note item )11:16
design Home Screen part 16 (finish note app)11:24

Requirements

تحتاج ان تكون لديك اساسيات لغة الدارت حتى تبدأ مع هذه الدورة

Description

سوف نتعلم طريقة صناعة تطبيقات الموبايل لاندرويد والايفون باستخدام الفلاتر من الصفر

هذا الكورس محدث باحدث إصدار لفلاتر

إن لم تكن لديك خبرة في صناعة تطيقات الاندويد او الايفون هذا ليس عائق حيث سيكون مسار التقدم لدينا خطوة بخطوة من الصفر إلي ان تكون قادرا علي بناء تطبيقات حقيقية بإذن الله

متطلبات الدورة معرفة مسبقة بلغة الدارت

///////////////////////////////////////////// what will learn /////////////////////////////////////////////

Detailed setup instructions for Windows. ( تسطيب بيئة العمل )
learn what is widget
All basic widgets
Simple Auth App
( تهتم بالتصميم البسيط بدون اي ملف فيجما )
how to treat with figma
( تقوم بمعرفه كيف تتعامل مع الملف الذي يعطيه لك المصمم من الصفر )
Mini NFT Marketplace app
( تهتم بالتصميم الاحترافي باستخدام ملف فيجما )
Music App
( audio player package , تستخدم ايضا التصميم الاحترافي باستخدام ملف فيجما)
Quiz App
( تتعلم كيفيه التعامل مع اللوجيك في تطبيقك , تستخدم ايضا التصميم الاحترافي باستخدام ملف فيجما )
Local stoarage ( Sqflite Package )
( تتعلم التعامل مع قاعده البينات الاشهر وجميع العلاقات الممكنة )
Drosak app ( using sqflite )
نقوم بعمل تطبيق علي ما تم دراسته في قسم قواعد البيانات الاكثر شهره من الصفر
Local stoarage ( Hive package )
نتعلم كيفيه التعامل مع تلك الباكدك
Note app ( using hive package )
نقوم بعمل تطبيق علي ما تم دراسته في قسم
Hive Package من الصفر
Isolate
ازاي اخلي التطبيق يعمل اخر من تاسك في نفس الوقت
Isar Database
الباكدج هي مزيج بين sqflite and hive

Who this course is for:

people who want to make app for ios and android

Flutter for beginner in arabic

What you'll learn

Explore related topics

Course content

Introduction13 lectures • 1hr 24min

Flutter Basic Widgets66 lectures • 9hr 2min

Mini NFT Marketplace app45 lectures • 6hr 49min

Others Widgets24 lectures • 2hr 11min

Music App74 lectures • 9hr 45min

Quiz App72 lectures • 9hr 9min

Sqflite46 lectures • 5hr 40min

Drosak Management App146 lectures • 26hr 42min

Hive Package15 lectures • 2hr

Note App22 lectures • 3hr 56min

Requirements

Description

Who this course is for: