لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساخت اپلیکیشنهای تعاملی با فلاتر و طراحی کاربرپسند (UI)
- آخرین آپدیت
دانلود Build Interactive Flutter Apps with Practical UI Design
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
در پایان این دوره، فراگیران قادر خواهند بود مفاهیم بنیادی فلاتر (Flutter) را شناسایی کرده، ویجتهای اصلی را پیادهسازی کنند، لایوتهای ریسپانسیو طراحی نمایند، سیستم ناوبری (Navigation) را پیاده کنند و رابطهای کاربری تعاملی برای اپلیکیشنهای موبایل را با استفاده از کامپوننتهای مدرن UI و انیمیشنها بسازند.
این دوره عملی، کاربران را در مسیر توسعه کامل اپلیکیشن موبایل «Kids Play Zone» هدایت میکند و بهجای تئوریهای انتزاعی، بر توسعه کاربردی UI در فلاتر تمرکز دارد. از تنظیمات اولیه پروژه و ساختار اپلیکیشن شروع کرده و بهصورت گامبهگام به سراغ لایوتها، ویجتها، الگوهای ناوبری، انیمیشنها و افکتهای پیشرفته UI مانند کارتها (Cards)، استپرها (Steppers)، جداول داده (Data Tables) و فیلترهای بصری میرسیم.
فراگیران با کسب مهارتهای واقعی توسعه فلاتر، توانایی ساخت اپلیکیشنهای آماده برای محیط عملیاتی را بهدست میآورند. هر ماژول بهگونهای طراحی شده تا مفاهیم از طریق دروس تدریجی، کوئیزها و ارزیابیهای درجهبندی شده تثبیت شوند و اعتمادبهنفس کاربر در کدنویسی افزایش یابد.
آنچه این دوره را منحصربهفرد میکند، رویکرد پروژه-محور، تم جذاب اپلیکیشن کودکانه و پوشش جامع ویجتهای UI فلاتر است؛ از متنها و دکمههای ساده گرفته تا اسلیورهای (Slivers) پیشرفته، انیمیشنها و طراحیهای مختص هر پلتفرم. با اهداف آموزشی شفاف و مثالهای کاربردی، این دوره برای مبتدیان و توسعهدهندگان مشتاق موبایل که میخواهند اپلیکیشنهای فلاتر را بهطور موثر طراحی و ارتقا دهند، ایدهآل است.
سرفصل ها و درس ها
شروع پروژه و مبانی اپلیکیشن
Project Kickoff & App Foundations
معرفی پروژه
Introduction to Project
ساخت Material App
Creating Material App
ایجاد ناوبری با استفاده از منوها
Creating Navigation Using Menus
ساخت Scaffold App
Creating Scaffold App
مثال ساخت AppBar
Creating AppBar Example
مثال ساخت Container App
Creating Container App Example
ادامه مثال ساخت Container App
Creating Container App Example Continue
دموی ساخت Text App
Creating Text App Demo
دموی ساخت Button App
Creating Button App Demo
لایوتها و عناصر بصری
Layouts & Visual Elements
مثال ساخت Snack Bar
Creating Snack Bar Example
ساخت صفحه Alert App
Creating Alert App Page
ادامه ساخت صفحه Alert App
Creating Alert App Page Continued
ساخت اپلیکیشن نمایش تصویر
Creating Image App
نمایش در Row (ردیف)
Displaying in Row
ادامه نمایش در Row
Displaying in Row Continue
نمایش در Column (ستون)
Displaying in Column
ساخت صفحه آیکونها
Creating Icon Page
ساخت Sliver App
Creating Sliver App
لیستها، انیمیشنها و ناوبری
Lists, Animations & Navigation
صفحه List و Grid
List and Grid Page
مثال آیکونهای متحرک (Animated Icons)
Animated Icons Example
ادامه مثال آیکونهای متحرک
Animated Icons Example Continue
دموی ساخت Expanded App
Creating Expanded App Demo
کار با Stack App
Stack App
ساخت Sized Box
Creating Sized Box
صفحه انیمیشنها
Animation Page
ساخت صفحه Cupertino
Creating Cupertino Page
ساخت ناوبری Drawer
Creating Drawer Navigation
ویجتهای پیشرفته UI و افکتها
Advanced UI Widgets & Effects
ساخت گزینههای DropDown
Creating DropDown Option
ساخت Dismissible App
Creating Dismissible App
ساخت Backdrop Filter برای تصاویر
Creating Backdrop Filter for Image
ادامه ساخت Backdrop Filter برای تصاویر
Creating Backdrop Filter for Image Continue
دموی ساخت Card
Creating Card Demo
دموی ساخت Spacer
Creating Spacer Demo
دموی Stepper
Stepper Demo
ساخت Rotated Box
Creating Rotated Box
دموی Data Table
Data Table Demo
متنهای قابل انتخاب (Selectable Text)
Selectable Text
نمایش نظرات