تصور کن یه ایده داری برای یه اپلیکیشن یا وب‌سایت. طراحی رو هم توی فیگما آماده کردی. اما وقتی می‌رسی به پیاده‌سازی، تازه می‌فهمی باید برای اندروید یه کد بزنی، برای iOS یه کد دیگه، برای وب هم دوباره از صفر. اینجاست که فلاتر وارد می‌شه و معادله رو عوض می...
آموزش برنامه‌نویسی رابط کاربری (UI) در فلاتر
تصور کن یه ایده داری برای یه اپلیکیشن یا وب‌سایت. طراحی رو هم توی فیگما آماده کردی. اما وقتی می‌رسی به پیاده‌سازی، تازه می‌فهمی باید برای اندروید یه کد بزنی، برای iOS یه کد دیگه، برای وب هم دوباره از صفر. اینجاست که فلاتر وارد می‌شه و معادله رو عوض می‌کنه.
دوره آموزش برنامه‌نویسی رابط کاربری (UI) در فلاتر دقیقاً برای همین نقطه طراحی شده. قراره یاد بگیری چطور با یک بار کدنویسی، رابط کاربری زیبا و ریسپانسیو رو برای سه پلتفرم مختلف بسازی. کاملاً پروژه‌محور و عملی.
این دوره برای چه کسانی مناسب است؟
خب، بستگی داره کجای مسیر برنامه‌نویسی ایستاده باشی. اما به‌طور کلی، این دوره برای این گروه‌ها طراحی شده:
توسعه‌دهندگانی که با فلاتر کار می‌کنن و می‌خوان مهارت طراحی رابط کاربری‌شون رو جدی‌تر کنن
کسانی که قصد دارن ویجت‌های پایه و پیشرفته فلاتر رو اصولی یاد بگیرن
برنامه‌نویس‌هایی که می‌خوان با یک کد بیس، خروجی نیتیو از سه پلتفرم بگیرن
توسعه‌دهندگان وب و اندروید که تصمیم گرفتن از فریمورک فعلی‌شون به سمت فلاتر مهاجرت کنن
مشخصات کلی دوره
ویژگی
جزئیات
عنوان دوره
آموزش برنامه‌نویسی رابط کاربری (UI) در فلاتر
مدرس
محمد سنچولی
مدت زمان کل
حدود ۲۰ ساعت (۱۲ ساعت ویدیو + ۸ ساعت تمرین و پروژه)
تعداد فصل‌ها
۵ فصل
سطح
پیشرفته
پیش‌نیاز
آشنایی مقدماتی با فلاتر و زبان Dart
پلتفرم برگزاری
مکتب خونه (آنلاین)
فلاتر چیه و چرا اینقدر سر و صدا کرده؟ 🤔
فلاتر یه فریمورک متن‌باز از گوگله که بهت اجازه می‌ده با یه کد بیس واحد، اپلیکیشن‌های موبایل و وب بسازی. اندروید، iOS، وب — همه با یه کد. ولی نقطه قوت اصلی‌ش فقط این نیست.
چیزی که فلاتر رو متمایز می‌کنه، قدرت‌ش در طراحی رابط کاربری (UI) هست. UI همون لایه‌ایه که کاربر مستقیم با اون درگیره. دکمه‌ها، منوها، انیمیشن‌ها، ترنزیشن‌ها... همه‌چیز. فلاتر با موتور رندرینگ اختصاصی خودش، ابزارهایی در اختیارت می‌ذاره که رابط‌های کاربری روان و پویا بسازی. نه فقط کارآمد، بلکه چشم‌نواز.
یه مثال ساده: فرض کن می‌خوای یه اپلیکیشن استریم فیلم بسازی. صفحه اصلی باید لیست فیلم‌ها، بنر تبلیغاتی، بخش «ادامه تماشا» و کلی المان دیگه داشته باشه. با فلاتر، همه این‌ها رو با ویجت‌های آماده و قابل سفارشی‌سازی می‌سازی. بعد همون UI رو بدون تغییر توی نسخه وب و iOS استفاده می‌کنی. همین سادگی، دلیل محبوبیتشه.
چرا یادگیری UI فلاتر ارزش وقت گذاشتن داره؟
دلایل مختلفی وجود داره. مهم‌ترین‌هاش رو کنار هم بذاریم:
سرعت توسعه بالا: قابلیت Hot Reload فلاتر یعنی هر تغییری که توی کد می‌دی، بلافاصله توی رابط کاربری می‌بینی. این یعنی زمان دیباگ و تست به‌شدت کم می‌شه
یک کد، چند پلتفرم: دیگه لازم نیست برای هر پلتفرم جداگانه کد بزنی. یه کد بیس، خروجی برای اندروید، iOS و وب
رابط کاربری روان و پویا: انیمیشن‌های نرم و ترنزیشن‌های حرفه‌ای با موتور رندرینگ فلاتر به‌راحتی پیاده‌سازی می‌شن
جامعه کاربری فعال: فلاتر جامعه بزرگی از توسعه‌دهنده‌ها داره. اگه جایی گیر کنی، قطعاً کسی هست که قبلاً به همون مشکل برخورده باشه
مزایای فریمورک فلاتر
فلاتر فقط یه ابزار ساده برای طراحی رابط کاربری نیست. یه اکوسیستم کامله با ویژگی‌هایی که کار توسعه‌دهنده رو واقعاً راحت می‌کنه:
عملکرد بهینه: موتور رندرینگ اختصاصی باعث می‌شه اپلیکیشن‌ها و سایت‌هایی که با فلاتر ساخته شدن، عملکردی روان داشته باشن
انعطاف‌پذیری بالا: فلاتر آزادی عمل زیادی در طراحی رابط‌های کاربری منحصربه‌فرد بهت می‌ده. محدود به تم‌های آماده نیستی
ویجت‌های آماده و سفارشی‌پذیر: مجموعه غنی از ویجت‌ها برای دکمه‌ها، فیلدهای ورودی، لیست‌ها و منوها. همشون آماده استفاده‌ان و می‌تونی سفارشی‌شون کنی
یادگیری نسبتاً راحت: اگه با Dart آشنایی مقدماتی داشته باشی، ورودت به دنیای UI فلاتر سریع‌تر از چیزیه که فکر می‌کنی
بازار کار فلاتر چطوره؟ 💼
اگه دنبال یه حوزه با تقاضای بالا توی بازار کار برنامه‌نویسی هستی، فلاتر یکی از گزینه‌های جدیه. آگهی‌های استخدامی رو که نگاه کنی، می‌بینی تمایل کارفرماها به جذب برنامه‌نویس فلاتر به‌مراتب بیشتر از خیلی از فریمورک‌های دیگه‌ست.
حداقل دستمزد برنامه‌نویس فلاتر بدون تجربه در سال ۱۴۰۳ حدود ۱۰ میلیون تومان بوده. با کسب تجربه و تقویت مهارت‌های سخت و نرم، این رقم می‌تونه تا ۷۰ میلیون تومان و حتی بیشتر هم برسه. طبیعتاً هرچی تخصصت توی UI قوی‌تر باشه، موقعیت‌های بهتری پیش روت قرار می‌گیره.
یه نکته کاربردی: خیلی از دانشجوها فکر می‌کنن باید اول چند سال تجربه کار با اندروید یا iOS داشته باشن تا بتونن فلاتر یاد بگیرن. اما واقعیت اینه که اگه مبانی فلاتر رو بدونن، می‌تونن مستقیم وارد یادگیری UI پیشرفته بشن. این دوره هم دقیقاً همین مسیر رو ساده می‌کنه.
سرفصل‌های دوره
دوره شامل پنج فصله که مسیر یادگیری رو مرحله‌به‌مرحله پیش می‌بره:
فصل اول — مقدمه: آشنایی با کلیت دوره و مفاهیم پایه (۳ جلسه، حدود ۱۳ دقیقه)
فصل دوم — برنامه‌نویسی اپلیکیشن: شروع ساخت اپلیکیشن پروژه‌محور (۲۴ جلسه، حدود ۵ ساعت)
فصل سوم — برنامه‌نویسی وب‌سایت: ریسپانسیو کردن پروژه و پیاده‌سازی نسخه وب (۲۱ جلسه، حدود ۵ ساعت)
**فصل چهارم
طراحی رابط کاربری فلاتر را با تخفیف ویژه ثبت‌نام کنید
