Flutter یکی از چارچوب های جدید گوگل، برای توسعه نرم افزارهای اندرویدی و IOS است که این امکان را به برنامه نویسان می دهد که از برنامه، دو خروجی اندروید و IOS را همزمان و بدون تغییر در ساختار کدها، دریافت نمایند. زبان توسعه این چارچوب، Dart بوده که از زبان های جدید و مدرن به شمار می رود. هدف اصلی این فرادرس، آموزش زبان جدید Dart و چارچوب برنامه نویسی Flutter است. با استفاده از این آموزش قادر خواهید بود هم برای دستگاه های اندرویدی و هم آیفون برنامه بنویسید. اهمیت اصلی Flutter در این است که شما با یک کد، دو خروجی اندروید و IOS دارید.
آموزش فریم ورک Google Flutter برای طراحی اپلیکیشن های موبایل
چکیده آموزش
توضیحات تکمیلی
Flutter یکی از چارچوب های جدید گوگل برای توسعه نرم افزارهای اندرویدی و IOS است که این امکان را به برنامه نویسان می دهد که از برنامه، دو خروجی اندروید و IOS را همزمان و بدون تغییر در ساختار کدها، دریافت نمایند. زبان توسعه این چارچوب، Dart بوده که از زبان های جدید و مدرن به شمار می رود. هدف اصلی این فرادرس، آموزش زبان جدید Dart و چارچوب برنامه نویسی Flutter است.
با استفاده از این آموزش قادر خواهید بود هم برای دستگاه های اندرویدی و هم آیفون برنامه بنویسید. اهمیت اصلی Flutter در این است که شما با یک کد، دو خروجی اندروید و IOS دارید. این آموزش کاملا از پایه شروع می شود، پس اگر تجربه برنامه نویسی ندارید، نگران نباشید. با استفاده از این آموزش با هسته فلاتر آشنا می شوید و بعد از آن به سرعت می توانید پیشرفت کنید و وارد بازار کار شوید. در این آموزش سعی بر آن است که مفاهیم بدون پیچیدگی و با زبان ساده بیان شود.
فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
- درس یکم: آشنایی با فریم ورک Google Flutter
- معرفی Flutter و Dart
- درس دوم: آماده سازی و راه اندازی محیط توسعه
- دانلود و نصب اندروید استودیو (Android Studio)
- نصب فلاتر و دارت در اندروید استودیو
- نصب فلاتر روی ویندوز
- افزودن فلاتر به Path
- ساخت ماشین مجازی در اندروید استودیو
- اجرای اولین برنامه (Hello Flutter)
- درس سوم: آشنایی با زبان برنامه نویسی Dart
- آشنایی با دارت و دارت پد
- طریقه نوشن یک کد استاندارد در دارت
- کار با متغیرها در دارت
- دارت و عددها
- دارت و Booleans
- کلمات کلیدی Const و Final در دارت
- دارت و بازی با رشته ها
- دارت و اپراتورهای منطقی و ریاضی
- درس چهارم: عبارت شرطی if و حلقه ها و توابع در Dart
- کنترل مقادیر با if
- حلقه for
- حلقه while و do while
- دستور switch
- آشنایی با توابع
- مقادیر بازگشتی از توابع
- مقادیر ورودی به توابع
- مقادیر اختیاری ورودی به توابع
- درس پنجم: مفاهیم مقدماتی شی گرایی و استفاده از آن در Dart
- آشنایی با کلاس ها و آبجکت ها
- آشنایی با متغیر کلاس
- افزودن متد به کلاس ها
- آشنایی با متد سازنده
- متد سازنده پیشرفته
- ستر و گترها (Setter و Getter)
- درس ششم: مفاهیم پیشرفته شی گرایی و استفاده از آن در Dart
- ارث بری در دارت
- ساخت یک کلاس و تمرین ارث بری
- آشنایی با Override
- ارث بری از کلاس های دارای متد سازنده
- معرفی () ToString
- درس هفتم: شروع کار با گوگل فلاتر
- آشنایی با فلاتر
- بازی با Hello World و آشنایی با Text
- طراحی متریال در فلاتر
- آشنایی بیشتر با Text
- نوشتن یک کد تمیز (Stateless Widgets)
- ساخت Library ها
- درس هشتم: آشنایی با Widget های فلاتر - مقدماتی
- لایوت ها، ستون و ردیف
- معرفی Expanded
- ساخت گرافیک های زیبا با Stack
- درس نهم: آشنایی با Widget های فلاتر - پیشرفته
- Scaffold
- Bottom Navigation و پاسخگویی به انتخاب کاربر
- Floating Action Button
- ساخت دکمه های سفارشی با GestureDetector
- تزیین کاری با BoxDecoration
- درس دهم: آشنایی با Stateless و Stateful در فلاتر
- فرق بین Stateless و Stateful
- ساخت برنامه شمارنده 1
- ساخت برنامه شمارنده 2
- ساخت برنامه شمارنده 3
- چالش (برنامه شمارنده)
- پاسخ به چالش
- درس یازدهم: ساخت یک صفحه لاگین با استفاده از فلاتر
- افزودن لوگو به ابتدای صفحه
- افزودن TextField و دکمه ها
- معتبرسازی مقادیر ورودی
- درس دوازدهم: ساخت برنامه محاسبه توده بدنی با استفاده از فلاتر
- طراحی رابط کاربری 1
- طراحی رابط کاربری 2
- تکمیل نهایی
مفید برای رشته های
- مهندسی کامپیوتر - نرم افزار
آنچه در این آموزش خواهید دید:
پیش نمایش‌ها
۱.
مفاهیم مقدماتی شی گرایی و استفاده از آن در Dart
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۹ مگابایت -- (کلیک کنید +))
۲.
مفاهیم پیشرفته شی گرایی و استفاده از آن در Dart
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۷ مگابایت -- (کلیک کنید +))
۳.
شروع کار با گوگل فلاتر
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۲۲ مگابایت -- (کلیک کنید +))
۴.
آشنایی با Widgetهای فلاتر - مقدماتی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۵.
آشنایی با Widgetهای فلاتر - پیشرفته
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶.
آشنایی با Stateless و Stateful در فلاتر
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷.
ساخت یک صفحه لاگین با استفاده از فلاتر
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸.
ساخت برنامه محاسبه توده بدنی با استفاده از فلاتر (الف)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
با تهیه این آموزش، می‌توانید به همه بخش‌ها و جلسات آن، دسترسی داشته باشید.
راهنمای سفارش آموزش‌ها
.svg)
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
اطلاعات تکمیلی
| نام آموزش | آموزش فریم ورک Google Flutter برای طراحی اپلیکیشن های موبایل |
|---|---|
| ناشر | فرادرس |
| شناسه اثر | ۸–۱۲۴۵۲–۰۷۴۰۳۰ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد) |
| کد آموزش | FVGOG9709 |
| مدت زمان | ۷ ساعت و ۲۳ دقیقه |
| زبان | فارسی |
| نوع آموزش | آموزش ویدئویی (نمایش آنلاین + دانلود) |
| حجم دانلود | ۷۸۹ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس) |
- ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
- و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.
نظرات
سلام و سپاس خدمت استاد عزیز. تدریس بسیار عالی بود. از فرادرس هم به خاطر این آموزش متشکرم. امیدوارم از علم و قدرت بیان آقای حسین پور در تهیه آموزش های بیشتری استفاده بشه.
سلام من برای ویندوز 7 چطور باید به path مسیر اضافه کنم؛ البته زدم مسیر اصلیش رو هم پاک کردم نمیدونم چی کار کنم الان
برای اضافه کردن مسیر به environment variables ویندوز برید و اونجا add رو بزنید و path رو اضافه کنید
با سلام و تشکر از استاد عزیز بابت این آموزش کاربردی. تنها نکته ای که می تونم بگم اینه که بهتره آموزش به روز بشه چرا که بعضی از مواردی که در آموزش به اون ها اشاره میشه در نسخه جدید deprecate شدن یا تغییر کردن. مثلا showSnackBar برای Scaffold دیگه کار نمی کنه و باید از ScaffoldMessanger استفاده کرد. یا تغییراتی که در استفاده از متغیرهای null ایجاد شده و ... اما در مجموع این آموزش با توجه به قیمتش برای شروع یادگیری فلاتر عالیه یک دنیا ممنون
ممنون عالیییی بود
شیوه ارائه و همچنین تسلط استاد عالیه، دوره فوق العادیه برای شروع کار با فلاتر.
سلام
دوستان من آموزش رو تهیه کردم و دارم میبینم فقط تاحالا نتونشتم فلاتر رو نصب کنم
توی path ک کپی میکنم اصلا نمیشه کسی میتونه راهنماییم کنه ؟
ممنون
موضوعاتی که تدریس شد جزء چیزایی هست که مورد نیازند، فقط یک مقدار کیفیت صدا خوب نبود و می پیچید.
عالییییییییییییییییی
تشکر فراوان از استاد عزیز
لطفا دوره های پیشرفته تر هم بذارید. ممنون
با سلام. آموزش خیلی خوبی بود.