دوره آموزشی
دوبله زبان فارسی
فلاتر و دارت - راهنمای کامل مبتدیان [2025]
![فلاتر و دارت - راهنمای کامل مبتدیان [2025]](/media/courses/images/flutter-course-for-complete-beginners.jpg)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- راهاندازی پروژه
- ساختار پروژه فلاتر
- scaffold های فلاتر و ویژگیهای آنها
- ویجتهای قابل استفاده مجدد در فلاتر
- نوار ناوبری پایین در فلاتر
- ویجتهای RenderLayout در فلاتر
- چهار رابط کاربری زیبا و پیچیده
- مفاهیم اصلی دارت مانند کلاسها، کلاسهای انتزاعی و constructors
- مفاهیم اصلی دارت درباره جزئیات لیست و نقشه
- کتابخانه مدیریت State در BLoC و GetX و Riverpod 2.0
- مسیریابی با GetX
- بارگذاری فایلهای جیسان از ذخیرهسازی محلی
پیشنیازهای دوره
- داشتن کامپیوتر و نصب Flutter SDK
توضیحات دوره
این اپلیکیشن از سطح بسیار مبتدی تا پیشرفته را شامل میشود. ما از رابط کاربری ساده مثل ترسیم متن شروع میکنیم و سپس به طرحبندی پیچیده با استفاده از استک و ترکیب ویجتهای ستون و سطر میپردازیم.
ما همچنین ویجتهای قابل استفاده مجدد میسازیم تا حجم کد را کاهش دهیم. بنابراین در پایان این آموزش، شما یاد میگیرید چگونه ویجتهای ساده تا پیچیده و قابل استفاده مجدد در فلاتر بسازید.
همراه با آن، شما به مفاهیم اصلی دارت مسلط خواهید شد:
- کلاس
- وراثت
- لیست
- نقشه
- overriding متد
در طول مسیر، مفهوم کلاس stateful و تفاوت آن با کلاس stateless را توضیح میدهیم. همچنین با نوار ناوبری پایین آشنا میشوید و نحوه راهاندازی صفحه نمایشها برای آن را یاد میگیرید. نوار ناوبری پایین عمدتا به پرش بین صفحه نمایشهای مختلف و طرحبندی پیچیده مربوط میشود.
رابط کاربری صفحه اصلی
رابط کاربری صفحه اصلی شامل طرحبندی خوشآمدگویی، طرحبندی بلیط، بلیطهای رنگارنگ، view هتل با تصاویر است.
جستجوی بلیط
رابط کاربری جستجوی بلیط شامل رابط کاربری جستجوی بلیطها با پروازهای آتی میباشد.
رابط کاربری بلیط
رابط کاربری بلیط شامل نمایش اطلاعات بلیط همراه با بارکد که طراحی بسیار زیبایی دارد.
رزرو بلیط
این رابط کاربری شامل اطلاعاتی درباره پرواز مشخص است.
بعدا، نحوه کار با رنگهای مختلف و تفکیک رنگها در یک فایل استاتیک را توضیح میدهیم.
ویجتهایی که در این دوره میسازیم:
- style component قابل استفاده مجدد
- پالت رنگ قابل استفاده مجدد
- ویجت ستون قابل استفاده مجدد
- ویجت بیلدر طرحبندی قابل استفاده مجدد
- ویجت ستون قابل استفاده مجدد
- ویجت سطر قابل استفاده مجدد
- ویجت بلیط قابل استفاده مجدد
پس از تکمیل دوره، درک بسیار بهتری از نحوه کارکرد فلاتر خواهید داشت و به ساخت طرحبندی اپلیکیشن مسلط خواهید شد.
این دوره برای چه کسانی مناسب است؟
- دوره فلاتر برای مبتدیان - آموزش گام به گام ساخت اپلیکیشن
فلاتر و دارت - راهنمای کامل مبتدیان [2025]
-
مقدمه 03:29
-
آشنایی با این بخش 00:22
-
دانلود همه ابزارها 01:22
-
نصب ویژوال استودیو کد 01:02
-
نصب SDK فلاتر و اندروید و ابزارهای خط فرمان 06:33
-
ایجاد اولین پروژه با ویژوال استودیو کد (ویندوز) 04:56
-
آشنایی با این بخش 01:21
-
ایجاد پروژه برای اپلیکیشن فلاتر در اندروید استودیو 05:49
-
درک ساختار پروژه 06:58
-
ایجاد مخزن گیت برای پروژه 02:53
-
حذف کامنتها از main.dart 02:31
-
آشنایی با این بخش 01:33
-
درباره تابع ()main 04:20
-
درک کلاس و وراثت در دارت 16:40
-
درک کلاس انتزاعی و constructor 12:42
-
درک کلاس و کلاس Stateful 09:22
-
اطلاعات بیشتر درباره کلاس Stateful 06:14
-
MaterialApp و Scaffold 13:13
-
همه مطالب درباره کلاس و constructor در دارت None
-
ایجاد کلاس BottomNavBar 07:03
-
BottomNavigationBarItem و لیست 11:33
-
استایلدهی نوار ناوبری پایین 02:41
-
نصب آیکنها برای نوار ناوبری پایین 05:52
-
ایجاد صفحات ساختگی برای نوار ناوبری پایین 08:34
-
دسترسی به ایندکس نوار ناوبری پایین 09:05
-
استفاده از ()setState برای بروزرسانی نوار ناوبری پایین 03:38
-
آزمون نوار ناوبری پایین None
-
بررسی صفحه اصلی پیش رو 01:17
-
ماژول صفحه اصلی و درک طرحبندی - بخش 1 02:32
-
درک ویجت ()Container 07:37
-
درباره سایر ویجتهای تودرتو 02:02
-
درک طراحی طرحبندی عمودی و افقی 01:35
-
تعریف ویجتها با طرحبندی 04:53
-
تکمیل طرحبندی هدر با ویجتها 10:11
-
استایلدهی ویجتهای ()Text 09:47
-
ایجاد کلاس استایل جداگانه 07:46
-
استایلدهی کانتینر برای تصویر 05:49
-
نمایش تصویر در صفحه نمایش 06:39
-
ایجاد فایل جداگانه رسانه 06:48
-
ایجاد طرحبندی سرچ باکس 06:02
-
رنگ پسزمینه و حذف AppBar 04:16
-
درک و ایجاد ویجت قابل استفاده مجدد 17:26
-
درک متد copyWith و ایجاد مثالها 21:04
-
درک طرحبندی view بلیط 01:44
-
ایجاد کلاس ویجت TicketView 08:31
-
استایلدهی بوردر چپ و راست TicketView 04:25
-
متن مقصد TicketView 04:15
-
نقاط بزرگ TicketView 04:12
-
ویجت گسترش یافته و شمارش آنها 03:26
-
درک ویجت استک 02:55
-
درک اصول ویجتهای تولید شده به صورت پویا 03:16
-
ایجاد ویجت AppLayoutBuilder 14:06
-
نمایش و چرخاندن آیکون هواپیما 03:59
-
درک درجه و رادیان برای زاویه 03:26
-
چرخش با استفاده از رادیانها None
-
نمایش سطر دوم در بخش آبی بلیط 03:52
-
نمایش بخش پایین بلیط 02:37
-
ایجاد ویجت دایره بزرگ برای انتهای بلیط 11:22
-
عملگر سهتایی در دارت 04:35
-
نمایش dash در بلیط 05:59
-
تغییر متن بخش نارنجی رنگ 05:01
-
استایلدهی متن پایین اولین سطر 04:32
-
ایجاد ویجتهای قابل استفاده مجدد برای اولین سطر بلیط 10:44
-
ایجاد ویجتهای قابل استفاده مجدد برای سطر پایین بلیط 12:40
-
درک همزمان نقشه و لیست در اپلیکیشن بلیط ما 03:58
-
ویجتهای صفحه اصلی شامل سوالات دارت و فلاتر None
-
رنگآمیزی اندروید استودیو 02:29
-
درک const ،final و تغییرناپذیری 09:58
-
لیست و نقشه در دارت 27:09
-
لیست و نقشه در دارت به صورت همزمان 03:58
-
بارگذاری داده از فرمت نقشه 17:05
-
ویرایش مقدار نقشه و محدود کردن تعداد 02:24
-
مبانی ناوبری و مسیریابی 05:32
-
ناوبری و MaterialApp 07:49
-
نمایش همه بلیطها در مسیر جدید 07:12
-
استفاده از ویژگی مسیرها برای ناوبری 10:01
-
ایجاد فایل مسیر 02:35
-
ناوبری پویا با callback 05:48
-
ایجاد ویجت هتل 06:06
-
نمایش تصویر و متن در ویجت هتل 10:52
-
استایلدهی ویجت هتل 06:14
-
بارگذاری و نمایش داده نقشه 10:16
-
ایجاد فایل صفحه جستجو و ریفکتور کردن کد 01:54
-
نمایش عنوان صفحه جستجو 04:29
-
ایجاد تبهای بلیط و هتل 10:22
-
ایجاد ویجت قابل استفاده مجدد برای تبهای بلیط None
-
ویجتهای قابل استفاده مجدد برای AppTicketTabs 06:39
-
ایجاد ویجت AppTextIcon 09:20
-
ایجاد ویجت FindTickets 04:34
-
ایجاد ویجتهای سطر 11:21
-
نمایش پایین ستون 02:13
-
نمایش متن در ستون سمت راست 07:27
-
درک ویجت استک 01:26
-
ویجت استک برای همپوشانی 05:57
-
نمایش متن در پایین ستون سمت راست 06:06
-
نمایش ایموجیها 06:35
-
ریفکتور کردن کد 03:24
-
آزمون درباره استایل دهی و طرحبندی ویجت None
-
صفحه بلیط و تبها 10:22
-
نمایش view تیکت 04:20
-
تغییر رنگ بالای view تیکت 15:21
-
تغییر رنگ پایین view تیکت 08:47
-
تغییر رنگ متن پایین 02:51
-
نمایش بیشتر در صفحه بلیط همراه با جداکننده 09:27
-
نمایش بیشتر با ویجتهای قابل استفاده مجدد 11:58
-
نمایش باقی جزئیات بلیط 11:38
-
صفحه بلیط و ترسیم بخش دایره 10:42
-
درک بخش پیش رو 00:59
-
انتقال ایندکس بلیط به اطراف 05:23
-
ایجاد app bar و ناوبر 07:29
-
دریافت ایندکس انتقال یافته در didChangeDependencies 05:55
-
کار روی مسیریابی هتل 04:25
-
درک GridView 09:20
-
نمایش GridView با استفاده از متن هتل 03:40
-
افزودن view هتل با مسیریابی 11:17
-
فیکس کردن مسئله طرحبندی تصویر با مارجین 01:16
-
آزمون درباره ناوبری None
-
معرفی طراحی پیش رو 01:24
-
معرفی CustomScrollView 02:09
-
مسیریابی برای جزئیات هتل 03:35
-
ایجاد CustomScrollView 15:23
-
تکلیف برای مشاهده تصاویر و عنوان هتل None
-
نمایش تصویر و متن 07:54
-
کار روی دکمه بازگشت 06:34
-
تصویر با پهنای کامل 01:34
-
کار روی متن عنوان 09:46
-
درک مفهوم سایه 08:15
-
آزمون درباره سایهها در فلاتر None
-
درک عملکرد متن قابل گسترش 02:15
-
تاگل کردن بین مقدار گسترش یافته 10:43
-
تاگل کردن متن گسترش یافته 11:05
-
نمایش تصاویر تودرتو 08:57
-
ناوبری از صفحه اصلی 05:44
-
صفحه پروفایل و لوگو 08:14
-
متن پروفایل و هدر 03:59
-
متن پروفایل و هدر سوم 12:48
-
متن هدر قابل استفاده مجدد 03:20
-
نمایش کارت و متن 04:41
-
صفحه پروفایل و نمایش کارت 09:59
-
نمایش ویجت موقعیتیابی شده 11:22
-
نمایش اعداد و تاریخها 12:30
-
تکمیل با صفحه پروفایل 13:20
-
درک دلیل نیاز به پکیج مدیریت State - بخش 1 04:17
-
ایجاد کنترلر GetX، تزریق وابستگیها و بازسازی کد 25:08
-
تکمیل با GetX 06:42
-
شروع با Riverpod 08:18
-
نمایش نوار پایین با استفاده از Riverpod 15:38
-
تاگل کردن گسترش متن با استفاده از Riverpod 2.0 None
-
تاگل کردن گسترش متن 08:02
-
ایجاد state و رویدادها و Bloc 14:24
-
تزریق Bloc 06:50
-
نمایش نوار ناوبری پایینی با Bloc 11:55
-
درک عمیقتر از Bloc 18:00
-
استفاده از Bloc برای تاگل متن None
-
تاگل کردن گسترش متن 19:02
مشخصات آموزش
فلاتر و دارت - راهنمای کامل مبتدیان [2025]
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:مقدماتی
- تعداد درس:155
- مدت زمان :18:16:36
- حجم :10.08GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
2,495,000
499,000 تومان
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,787,000
1,357,400 تومان
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,356,000
271,200 تومان
- زمان: 03:26:02
- تعداد درس: 29
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,360,500
1,672,100 تومان
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,720,500
1,144,100 تومان
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,206,500
841,300 تومان
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,391,000
878,200 تومان
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
7,261,000
1,452,200 تومان
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی