Flutter Web - ساخت یک برنامه وب خاطرات با Flutter, Cloud Firestore

اگر شما تعجب کرده اید که چگونه مهارت های توسعه فلارتر / دندانه ای خود را از قبل استفاده کنید، خوشحال خواهید شد که بدانید که اکنون می توانید برنامه های وب پویا، مقیاس پذیر و سازگار را با Flutter بسازید!
Flutter 2.0 یک نسخه بزرگ است - شما می توانید از Flutter و Dart برای ساخت برنامه های تطبیقی ​​وب و دسکتاپ استفاده کنید - همه با یک CodeBase تک.
در این دوره، شما خواهید آموخت که چگونه به استفاده از Flutter (وب) 2.0 و DART و ساخت یک برنامه CAPSTONE به نام DIARBOOK. < BR /> در این دوره، شما یک برنامه وب کامل و پیچیده تر، پیچیده تر را با فیستور ایجاد خواهید کرد. FirebaSeauth به عنوان backend؛ ایجاد، تأیید اعتبار و ورود به کاربران کاربران با استفاده از Google Cloud FirebaSeauth؛ ایجاد، ویرایش، حذف، به روز رسانی نوشته های خاطرات با ابر جدید Firestore؛ استفاده از ارائه دهندگان، StreamBuilders در وب Flutter؛ یاد بگیرید نحوه پیاده سازی مسیریابی پایه و پیشرفته در Flutter 2.0 Web؛ در نهایت، برنامه وب Flutter وب را به میزبانی Firebase نصب کنید.
در پایان این دوره، شما تمام ابزارها و دانش شما باید برنامه های تطبیقی ​​وب را به طور صالق و به راحتی برنامه های مشابه را به برنامه های دسکتاپ خود بفرستید خود!
تمام فایل های کد و منابع برای این دوره در https://github.com/packtpublishing/flutter-web---build-a-diary-web-app-with-flutter-web- ابر فیستور

عنوان اصلی : Flutter Web - Build a Diary Web App with Flutter and Cloud Firestore

سرفصل های دوره :

مقدمه:
مقدمه و پیش نیازهای دوره
آنچه در این دوره خواهید ساخت
تنظیم ماشین - فقط کاربران ویندوز:
دستگاه ویندوز خود را برای توسعه وب Flutter تنظیم کنید
تنظیم ماشین - فقط کاربران Mac:
دستگاه Mac خود را برای توسعه وب Flutter تنظیم کنید
یک برنامه وب DiaryBook Flutter بسازید:
راه اندازی پروژه DiaryBook
افزودن لوگوی AppBar و DiaryBook
بازسازی کد صفحه اصلی
افزودن یک منوی کشویی
تغییر وضعیت دکمه کشویی
تنظیم آواتار دایره ای و خروج از AppBar
برنامه وب DiaryBook - بدنه اصلی:
تنظیم بدنه صفحه اصلی - سمت چپ
افزودن بسته DatePicker
افزودن یک دکمه کارت و یک دکمه حرکت شناور
تنظیم نمای فهرست مکان - سمت راست
برنامه وب DiaryBook - FirebaseAuth و Cloud Firebase Firestore:
راه اندازی Firebase و Firestore Project
خواندن موارد از Firestore
تنظیم صفحه شروع به کار
رفتن به صفحه ورود
تنظیم فرم ورود
فرم ورود - ایجاد دکوراسیون BuildInput
افزودن فیلد رمز عبور و بازسازی فرم
فرم ورود - اضافه کردن اعتبار
ورود کاربر - FirebaseAuth
تغییر حالت ایجاد فرم حساب و فرم ورود به سیستم
ورود کاربر و بردن آنها به صفحه اصلی
برنامه وب DiaryBook - نمایه کاربر:
ساختار ایجاد کاربر
ایجاد یک کاربر و افزودن به مجموعه کاربران Firestore
ایجاد یک کلاس داده کاربر
ایجاد کلاس سرویس و بازآفرینی کد - ورود به سیستم ایجاد شده برای کاربران و نمایش آنها
فیلتر کردن کاربران و نمایش نام ها در AppBar
نمایش آواتار کاربر و تغییر رندر وب فلاتتر
ایجاد کلاس CreateUserProfile
ساخت کلاس CreateUserProfile - گفتگوها و فیلدها
به روز رسانی نمایه کاربر
Code Refactor - به‌روزرسانی کلاس گفتگوی نمایه کاربر
خروج از سیستم کاربر
برنامه وب DiaryBook - ایجاد، به‌روزرسانی، حذف و نمایش نوشته‌های خاطرات:
مقدمه - ایجاد نوشته های خاطرات
گفتگوی هشدار ورود به خاطرات - افزودن دو دکمه
گفتگوی هشدار ورود خاطرات - افزودن ظرف تصویر
گفتگوی هشدار ورود خاطرات - افزودن فیلدهای متنی
گفتگوی هشدار ورود خاطرات - کد Refactor
Diary Entry Alert Dialog - ذخیره یک ورودی ساختگی و افزودن ذخیره انیمیشن
ایجاد کلاس مدل Diary و ذخیره خاطرات با همه فیلدها
افزودن و نمایش خاطرات فیلتر شده توسط UserId
انتقال تاریخ به دیالوگ
نمایش و ذخیره تاریخ همراه با ثبت خاطرات
بازسازی کد DiaryListView ما
برنامه وب DiaryBook - مشاهده فهرست خاطرات و ذخیره تصاویر در فضای ذخیره سازی Firebase:
بازسازی و تنظیم کارت فهرست ویزیت خاطرات
رفع مشکلات در حال گسترش و افزودن توضیحات و تصویر ساختگی به کارت Listview
قالب تاریخ - نمایش تاریخ و زمان کامل
افزودن ImagePicker و نمایش تصویر انتخاب شده
راه اندازی Firebase Storage و زیرساخت برای ذخیره تصاویر در Storage
ذخیره و نمایش تصاویر از Cloud Storage
حذف یک ورودی
گفتگوی ورودی حذف ما را اصلاح کنید
ایجاد گفتگوی ویرایش-به روز رسانی: حذف تنظیمات عملکرد
تنظیم گفتگوی جزئیات به‌روزرسانی
رفع: مشکلات سرریز و افزودن FutureDelay هنگام ذخیره تصاویر - رفع اشکال احتمالی
بازسازی کارت لیست
برنامه وب DiaryBook - گفتگوی به‌روزرسانی را تنظیم کنید:
تنظیم گفتگوی ورودی به‌روزرسانی
گفتگوی به‌روزرسانی - افزودن نمادها و تصویر
گفتگوی به‌روزرسانی - ایجاد فیلدها و کشیدن داده‌های خاطرات
گفتگوی به روز رسانی - کد بازسازی مجدد
گفتگوی به‌روزرسانی - تنظیم دکمه‌های انتخابگر و حذف تصویر
گفتگوی به‌روزرسانی - تنظیم کد به‌روزرسانی
رفع برخی از مشکلات پوچ
ارسال یک ویجت به عنوان پارامتر
برنامه وب DiaryBook - فیلتر کردن ورودی ها بر اساس تاریخ و به روز رسانی ListView:
فیلتر کردن ورودی ها بر اساس تاریخ
راه اندازی روش GetSameDayDiaries
نمایه سازی پایگاه داده Firestore و بررسی اینکه آیا ورودی ها را فیلتر می کنیم
تنظیم فهرستی از خاطرات
نمایش خاطرات فیلتر شده بر اساس تاریخ انتخاب
بازسازی دفتر خاطرات فیلتر شده برای نمایش و نمایش کارت خاطرات خالی
افزودن همه ورودی ها به یک شیء ارائه دهنده
فیلتر کردن DiaryList بر اساس کاربر فعلی و افزودن یک ارائه دهنده کاربر
برنامه وب DiaryBook - فیلتر کردن نوشته‌های خاطرات بیشتر - قدیمی‌ترین و جدیدترین:
فیلتر کردن نوشته های خاطرات بیشتر - قدیمی ترین و جدیدترین
فیلتر کردن بر اساس آخرین و اولین خاطرات اضافه شده
افزودن onPress به FAB
افزودن یک انیمیشن تاخیری به Listview
برنامه وب DiaryBook - مسیریابی پیشرفته:
مسیریابی پیشرفته
صفحه یافت نشد و تغییر ساختار مسیریابی
اظهارات پایانی
استقرار برنامه وب در میزبانی Firebase:
راه اندازی CLI - دستورالعمل ها
استقراربرنامه وب به میزبانی Firebase