آموزش برنامه Flutter Blog با استفاده از Firestore - یک برنامه کامل iOS و Android بسازید
Flutter Blog app Using Firestore - Build a Complete ios & Android App
به این دوره آموزشی توسعه برنامه (برنامه بلاگ Flutter با استفاده از برنامه Firestore Build ios Android) خوش آمدید. در این دوره آموزشی فلوتر، یاد خواهید گرفت که چگونه با استفاده از Cloud Firestore یک اپلیکیشن اندرویدی و iOS کامل بسازید.
Flutter یک پلتفرم متقابل برای ساخت برنامه برای گوشی‌های ios و اندروید است. این بدان معناست که همان کد روی هر دو پلتفرم اجرا خواهد شد. بسیاری از شرکت های بزرگ در حال حاضر شروع به استفاده از فلاتر برای اپلیکیشن موبایل خود کرده اند. بنابراین این زمان مناسب برای یادگیری فلاتر است. در این دوره با استفاده از فلاتر یک اپلیکیشن کامل می سازید و به شما کمک می کند تا کل فرآیند فلاتر را درک کنید. برای ذخیره داده های برنامه خود از Firebase Cloud Firestore استفاده می کنیم.
وقتی این برنامه فلاتر را توسعه می دهید. در اینجا لیست هایی وجود دارد که قرار است در این دوره بیاموزید
کشو ناوبری فلوتر
فلوتر AppBar
Flutter Material Design
نمایش کارت فلوتر
نحوه نمایش داده های firebas firebas در نمای کارت در برنامه
ویجت Flutter - انواع مختلف ویجت ها را برای پلتفرم های اندروید و iOS بیاموزید
ردیف فلوتر و ستون. شما یاد خواهید گرفت که چگونه داده ها را در یک ردیف و ستون نشان دهید.
Flutter ListView Builder
شما Firebase Cloud Firestore را یاد خواهید گرفت
شما، با استفاده از Firestore، یک برنامه وبلاگ کامل بسازید
ios و توسعه برنامه Android با استفاده از Flutter
برای پروژه کلاس خود، باید یک برنامه Flutter کامل با استفاده از Firestore بسازید. یک برنامه مشابه که در این کلاس یاد گرفته اید بسازید. اما سعی کنید چند فیلد اضافی اضافه کنید تا بتوانید ایده های خود را پیاده سازی کنید.
این لیستی است که باید به پروژه خود اضافه کنید:
- نوار برنامه با عنوان برنامه.
- یک کشو طراحی کنید و چند مورد را به کشو اضافه کنید.
- هنگامی که کاربران روی موارد کشو کلیک می کنند آنها را به صفحه جدیدی ارسال می کنند که در آنجا همه داده ها را نشان می دهید
- در صفحه اصلی داده های Firestore را در یک کارت نشان دهید و برای هر مورد ارسال شده یک آواتار اضافه کنید. دو حرف اول هر پست را در آواتار با رنگ پس زمینه نشان دهید.
- هنگامی که کاربران روی یک مورد خاص پست کلیک می کنند، آنها را به صفحه جزئیات ارسال کنید که در آنجا جزئیات پست را نشان می دهید.
- شما باید پنج مورد را برای پست نشان دهید، در صفحه اصلی فقط دو مورد و در صفحه جزئیات همه موارد را نشان می دهد.
- افزودن ویژگی‌های اسکرول برای صفحه جزئیات
پس از اتمام پروژه، باید آن را در قسمت پروژه آپلود کنید.
درس ها Lessons
-
جزئیات طراحی صفحه برای نمایش جزئیات پست Details Page Design to Show Details Post
-
داده های پست وبلاگ را از Firestore دریافت کنید Get Blog Post Data From Firestore
-
عملکرد صفحه جزئیات برای هر پست Details Page Function for Each Post
-
ارسال اطلاعات به صفحه جزئیات Send Data to Details Page
-
طراحی کشو Drawer Design
-
مقدمه Introduction
-
نوار برنامه طراحی Design App Bar
-
با Firestore ارتباط برقرار کنید Connect With Firestore
-
تابع Firestore Firestore Function
https://donyad.com/d/e0ce
Yazdani Chowdhury
کارشناس UI/UX، توسعه دهنده اپلیکیشن موبایل و وب
نمایش نظرات