آموزش ساخت اپلیکیشن UBER Clone با استفاده از Flutter و Firebase (2020)

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

معرفی Introduction

• چگونه از این دوره بهترین استفاده را ببریم How To Make The Best Out of This Course

• راه اندازی پروژه شما Setting up Your Project

• آزمایش برنامه خود در شبیه ساز iOS Testing Your App on iOS Simulator

• آزمایش برنامه خود در شبیه ساز iOS Testing Your App on iOS Simulator

• آزمایش برنامه خود بر روی یک دستگاه Android فیزیکی Testing your app on a Physical Android Device

• آزمایش برنامه خود بر روی یک دستگاه فیزیکی iOS Testing your app on a Physical iOS Device

• آزمایش برنامه خود بر روی یک دستگاه فیزیکی iOS Testing your app on a Physical iOS Device

معرفی Introduction

• چگونه از این دوره بهترین استفاده را ببریم How To Make The Best Out of This Course

• راه اندازی پروژه شما Setting up Your Project

• آزمایش برنامه خود بر روی یک دستگاه Android فیزیکی Testing your app on a Physical Android Device

راه اندازی Firebase Backend Setting Up Firebase Backend

• انتخاب پایگاه داده مناسب برای برنامه ما Choosing the Right Database for our App

• راه اندازی پایگاه داده Firebase و احراز هویت Setting Up Firebase Database and Authentication

• راه اندازی و راه اندازی پایگاه داده Firebase Setting Up and Initialising Firebase Database

• راه اندازی و راه اندازی پایگاه داده Firebase Setting Up and Initialising Firebase Database

• تکمیل راه اندازی پایگاه داده Firebase در iOS Completing Firebase Database Setup on iOS

راه اندازی Firebase Backend Setting Up Firebase Backend

• انتخاب پایگاه داده مناسب برای برنامه ما Choosing the Right Database for our App

• راه اندازی پایگاه داده Firebase و احراز هویت Setting Up Firebase Database and Authentication

• تکمیل راه اندازی پایگاه داده Firebase در iOS Completing Firebase Database Setup on iOS

با احراز هویت Firebase وارد شوید و ثبت نام کنید Login and Register with Firebase Authentication

• فایل های دارایی تصویر، نمادها و کدها را دانلود کنید Download Image Assets, Icons and Code files

• وارد کردن فونت ها و تصاویر سفارشی ما Importing our Custom Fonts and Images

• طراحی صفحه ورود Login Page Design

• طراحی صفحه ثبت نام Registration Page Design

• طراحی صفحه ثبت نام Registration Page Design

• راه اندازی ناوبری و مسیرها Setting up Navigation and Routes

• راه اندازی ناوبری و مسیرها Setting up Navigation and Routes

• ایجاد یک ویجت دکمه قابل استفاده مجدد سفارشی Creating a Custom Reusable Button Widget

• ثبت یک کاربر جدید با احراز هویت Firebase Register a New User with Firebase Authentication

• ثبت یک کاربر جدید با احراز هویت Firebase Register a New User with Firebase Authentication

• ذخیره اطلاعات کاربر در پایگاه داده Firebase Saving User Info to Firebase Database

• ورود کاربر با احراز هویت Firebase Login User with Firebase Authentication

• ورود کاربر با احراز هویت Firebase Login User with Firebase Authentication

• تنظیم نشانگر فعالیت پیشرفت Setting up Progress Activity Indicator

• تنظیم نشانگر فعالیت پیشرفت Setting up Progress Activity Indicator

با احراز هویت Firebase وارد شوید و ثبت نام کنید Login and Register with Firebase Authentication

• فایل های دارایی تصویر، نمادها و کدها را دانلود کنید Download Image Assets, Icons and Code files

• وارد کردن فونت ها و تصاویر سفارشی ما Importing our Custom Fonts and Images

• طراحی صفحه ورود Login Page Design

• ایجاد یک ویجت دکمه قابل استفاده مجدد سفارشی Creating a Custom Reusable Button Widget

• ذخیره اطلاعات کاربر در پایگاه داده Firebase Saving User Info to Firebase Database

طراحی صفحه اصلی برنامه Rider's Rider's App Main Page Design

• راه اندازی نقشه گوگل برای اندروید و iOS Setting up Google Map for Android and iOS

• راه اندازی نقشه گوگل برای اندروید و iOS Setting up Google Map for Android and iOS

• طراحی پانل مقصد جستجو Designing Search Destination Panel

• افزودن پنل آدرس خانه و محل کار Adding Home and Work Address Panels

• افزودن پنل آدرس خانه و محل کار Adding Home and Work Address Panels

• پد کردن صحیح نقشه گوگل در اندروید و IOS Padding Google Map Correctly on Android and IOS

• پد کردن صحیح نقشه گوگل در اندروید و IOS Padding Google Map Correctly on Android and IOS

• راه اندازی کشو ناوبری Setting up Navigation Drawer

• راه اندازی کشو ناوبری Setting up Navigation Drawer

طراحی صفحه اصلی برنامه Rider's Rider's App Main Page Design

• طراحی پانل مقصد جستجو Designing Search Destination Panel

پیکربندی خدمات موقعیت مکانی با استفاده از بسته GeoLocator Configuring Location Services using GeoLocator Package

• واکشی موقعیت مکانی فعلی کاربر Fetching User's Current Location

• واکشی موقعیت مکانی فعلی کاربر Fetching User's Current Location

• راهنمای راه اندازی کدگذاری جغرافیایی گوگل Google's Geocoding Setup Guide

• راهنمای راه اندازی کدگذاری جغرافیایی گوگل Google's Geocoding Setup Guide

• فعال کردن Google Geocoding API Enabling Google Geocoding API

• فعال کردن Google Geocoding API Enabling Google Geocoding API

• واکشی آدرس یک مکان با استفاده از مختصات مکان Fetching Address of a Place Using Location Coordinates

پیکربندی خدمات موقعیت مکانی با استفاده از بسته GeoLocator Configuring Location Services using GeoLocator Package

• واکشی آدرس یک مکان با استفاده از مختصات مکان Fetching Address of a Place Using Location Coordinates

مدیریت پیشرفته ایالت با بسته ارائه دهنده Advanced State Management with Provider Package

• راه اندازی کلاس ارائه دهنده داده ما Setting up our Data Provider Class

• راه اندازی کلاس ارائه دهنده داده ما Setting up our Data Provider Class

• ذخیره آدرس مکان فعلی ما Saving our Current Location Address

مدیریت پیشرفته ایالت با بسته ارائه دهنده Advanced State Management with Provider Package

• ذخیره آدرس مکان فعلی ما Saving our Current Location Address

پیکربندی عملکرد جستجوی مکان Configuring Place Search Functionality

• تنظیم صفحه مکان جستجو Setting Up Search Place Page

• فیلد نوشتاری مکان دریافت از پیش پر کردن Prefilling Pickup Location TextField

• فیلد نوشتاری مکان دریافت از پیش پر کردن Prefilling Pickup Location TextField

• فعال کردن Places API در Developer Console Enabling Places API on Developer Console

• فعال کردن Places API در Developer Console Enabling Places API on Developer Console

• راهنمای تنظیم درخواست مکان The Place Request Setup Guides

• دریافت نتایج پیش بینی مکان Getting Place Prediction Results

• غیراصولی کردن نتیجه پیش‌بینی مکان Deserializing the Place Prediction Result

• غیراصولی کردن نتیجه پیش‌بینی مکان Deserializing the Place Prediction Result

• راه اندازی ListView برای نمایش نتایج پیش بینی Setting up ListView to display Prediction Results

• راهنماهای بازیابی جزئیات مکان Retrieving Place Details Guides

• راهنماهای بازیابی جزئیات مکان Retrieving Place Details Guides

• جزئیات مکان مکان انتخابی را دریافت کنید Get Place Details of the Selected Place

پیکربندی عملکرد جستجوی مکان Configuring Place Search Functionality

• تنظیم صفحه مکان جستجو Setting Up Search Place Page

• راهنمای تنظیم درخواست مکان The Place Request Setup Guides

• دریافت نتایج پیش بینی مکان Getting Place Prediction Results

• راه اندازی ListView برای نمایش نتایج پیش بینی Setting up ListView to display Prediction Results

• جزئیات مکان مکان انتخابی را دریافت کنید Get Place Details of the Selected Place

افزودن PolyLines و نشانگرها با استفاده از Data from Direction API Adding PolyLines and Markers using Data from Direction API

• راهنمای تنظیم Google Direction Google Direction Setup Guide

• راهنمای تنظیم Google Direction Google Direction Setup Guide

• پیاده سازی Google Direction API Implementing Google Direction API

• مسیر را از محل تحویل به مقصد دریافت کنید Get Direction from Pickup Location to Destination

• مسیر را از محل تحویل به مقصد دریافت کنید Get Direction from Pickup Location to Destination

• ترسیم PolyLine روی نقشه از تحویل به مقصد Drawing PolyLine on Map from Pickup to Destination

• برازش چند خط روی نقشه با استفاده از مرزهای LatLng Fitting polyline on Map using LatLng Bounds

• برازش چند خط روی نقشه با استفاده از مرزهای LatLng Fitting polyline on Map using LatLng Bounds

• اضافه کردن نشانگرها و دایره ها بر روی نقشه Adding Markers and Circles on Map

افزودن PolyLines و نشانگرها با استفاده از Data from Direction API Adding PolyLines and Markers using Data from Direction API

• پیاده سازی Google Direction API Implementing Google Direction API

• ترسیم PolyLine روی نقشه از تحویل به مقصد Drawing PolyLine on Map from Pickup to Destination

• اضافه کردن نشانگرها و دایره ها بر روی نقشه Adding Markers and Circles on Map

برآوردها و خواص سواری Ride Estimates and Properties

• طراحی پنل برآورد سواری Designing Ride Estimates Panel

• طراحی پنل برآورد سواری Designing Ride Estimates Panel

• متحرک سازی نمایش و پنهان کردن پنل جزئیات سواری Animating Display and Hide Ride Details Panel

• متحرک سازی نمایش و پنهان کردن پنل جزئیات سواری Animating Display and Hide Ride Details Panel

• محاسبه کرایه سواری با استفاده از مسافت و مدت Calculating Ride fares Using Distance and Duration

• بازنشانی جزئیات سواری Resetting Ride Details

برآوردها و خواص سواری Ride Estimates and Properties

• محاسبه کرایه سواری با استفاده از مسافت و مدت Calculating Ride fares Using Distance and Duration

• بازنشانی جزئیات سواری Resetting Ride Details

ایجاد یک درخواست سواری در Firebase Creating a Ride Request on Firebase

• طراحی و متحرک سازی پنل درخواست سواری Designing and Animating Ride Request Panel

• بازیابی اطلاعات کاربر از پایگاه داده Retrieve User Information from Database

• بازیابی اطلاعات کاربر از پایگاه داده Retrieve User Information from Database

• ایجاد یک درخواست سواری در Firebase Creating a Ride Request on Firebase

• لغو درخواست سواری در Firebase Cancel Ride Request on Firebase

ایجاد یک درخواست سواری در Firebase Creating a Ride Request on Firebase

• طراحی و متحرک سازی پنل درخواست سواری Designing and Animating Ride Request Panel

• ایجاد یک درخواست سواری در Firebase Creating a Ride Request on Firebase

• لغو درخواست سواری در Firebase Cancel Ride Request on Firebase

راه اندازی برنامه درایور Setting Up Driver App

• دارایی ها و نمادهای تصویر را دانلود کنید Download Image Assets and Icons

• دارایی ها و نمادهای تصویر را دانلود کنید Download Image Assets and Icons

• راه اندازی پروژه برنامه درایور Setting up Driver App Project

• راه اندازی پروژه برنامه درایور Setting up Driver App Project

• راه اندازی بسته های Firebase Setting up Firebase Packages

• تکمیل راه اندازی پایگاه داده Firebase در iOS Completing Firebase Database Setup on iOS

• تکمیل راه اندازی پایگاه داده Firebase در iOS Completing Firebase Database Setup on iOS

• ثبت درایور با استفاده از احراز هویت Firebase Register Driver Using Firebase Authentication

• ثبت درایور با استفاده از احراز هویت Firebase Register Driver Using Firebase Authentication

• ذخیره جزئیات خودرو در پایگاه داده Firebase Saving Vehicle Details to Firebase Database

• ذخیره جزئیات خودرو در پایگاه داده Firebase Saving Vehicle Details to Firebase Database

• درایور ورود با استفاده از احراز هویت Firebase Login Driver Using Firebase Authentication

• درایور ورود با استفاده از احراز هویت Firebase Login Driver Using Firebase Authentication

• ورود به درایور به صورت خودکار Login Driver Automatically

• راه اندازی TabController و TabPages Setting up TabController and TabPages

• راه اندازی نقشه گوگل Setting up Google Map

• راه اندازی خدمات Geolocator Setting up Geolocator Services

• تکمیل طراحی صفحه اصلی برنامه درایور Completing Driver app Mainpage Design

• تکمیل طراحی صفحه اصلی برنامه درایور Completing Driver app Mainpage Design

• با استفاده از GeoFire درایور را به صورت آنلاین در دسترس قرار دهید Make Driver Available Online using GeoFire

• دریافت به‌روزرسانی‌های موقعیت مکانی راننده Getting Driver Location Updates

• دریافت به‌روزرسانی‌های موقعیت مکانی راننده Getting Driver Location Updates

• افزودن صفحه پایین تأیید در دسترس بودن Adding Availability Confirmation Bottomsheet

• برو آنلاین و آفلاین را تغییر دهید Toggle Go Online and Offline

• برو آنلاین و آفلاین را تغییر دهید Toggle Go Online and Offline

راه اندازی برنامه درایور Setting Up Driver App

• راه اندازی بسته های Firebase Setting up Firebase Packages

• ورود به درایور به صورت خودکار Login Driver Automatically

• راه اندازی TabController و TabPages Setting up TabController and TabPages

• راه اندازی نقشه گوگل Setting up Google Map

• راه اندازی خدمات Geolocator Setting up Geolocator Services

• با استفاده از GeoFire درایور را به صورت آنلاین در دسترس قرار دهید Make Driver Available Online using GeoFire

• افزودن صفحه پایین تأیید در دسترس بودن Adding Availability Confirmation Bottomsheet

تنظیم GeoFire برای نمایش درایورهای نزدیک Setting Up GeoFire to Display Nearby Drivers

• تنظیم GeoFire برای یافتن درایورهای اطراف Setting Up GeoFire to Find Nearby Drivers

• تنظیم GeoFire برای یافتن درایورهای اطراف Setting Up GeoFire to Find Nearby Drivers

• مدیریت پاسخ به تماس استاندارد GeoFire Handling GeoFire Standard Callback

• مدیریت پاسخ به تماس استاندارد GeoFire Handling GeoFire Standard Callback

• نمایش مکان درایورها روی نقشه Display Drivers Location on Map

• نمایش مکان درایورها روی نقشه Display Drivers Location on Map

• اضافه کردن نشانگر سفارشی به نقشه ما Adding Custom Marker to our Map

• اضافه کردن نشانگر سفارشی به نقشه ما Adding Custom Marker to our Map

تنظیم GeoFire برای نمایش درایورهای نزدیک Setting Up GeoFire to Display Nearby Drivers

راه اندازی Firebase Messaging در برنامه Driver (Push Notification) Setting up Firebase Messaging on Driver app (Push Notification)

• پیکربندی سرویس اطلاع رسانی فشاری Configuring Push Notification Service

• پیکربندی سرویس اطلاع رسانی فشاری Configuring Push Notification Service

• ارسال پیام Push Notification از کنسول Firebase Sending Push Notification Message from Firebase Console

• ارسال پیام Push Notification از کنسول Firebase Sending Push Notification Message from Firebase Console

• پیکربندی Push Notification در iOS Configuring Push Notification on iOS

• ارسال اعلان به یک دستگاه با استفاده از HttpWebRequest Sending Notification to Single Device using a HttpWebRequest

• ارسال اعلان به یک دستگاه با استفاده از HttpWebRequest Sending Notification to Single Device using a HttpWebRequest

• خواندن پیام های اعلان داده ها Reading Data Notification Messages

• واکشی جزئیات درخواست سفر جدید Fetching New Trip Request Details

• نمایش جزئیات سفر جدید با استفاده از دیالوگ Display New Trip Details Using a Dialog

• پخش هشدار صدای اعلان Playing a Notification Sound Alert

• بررسی مهلت زمانی درخواست سفر و در دسترس بودن Checking Trip Request Timeout and Availability

• بررسی مهلت زمانی درخواست سفر و در دسترس بودن Checking Trip Request Timeout and Availability

راه اندازی Firebase Messaging در برنامه Driver (Push Notification) Setting up Firebase Messaging on Driver app (Push Notification)

• پیکربندی Push Notification در iOS Configuring Push Notification on iOS

• خواندن پیام های اعلان داده ها Reading Data Notification Messages

• واکشی جزئیات درخواست سفر جدید Fetching New Trip Request Details

• نمایش جزئیات سفر جدید با استفاده از دیالوگ Display New Trip Details Using a Dialog

• پخش هشدار صدای اعلان Playing a Notification Sound Alert

پیکربندی تجربه سفر راننده Configuring Driver's Trip Experience

• راه اندازی صفحه سفر راننده Setting up Driver Trip Page

• راه اندازی صفحه سفر راننده Setting up Driver Trip Page

• ترسیم چند خط و نشانگر روی نقشه Drawing PolyLines and Markers on the Map

• ترسیم چند خط و نشانگر روی نقشه Drawing PolyLines and Markers on the Map

• پذیرش درخواست سفر سوارکاران Accepting Riders Trip Request

• پذیرش درخواست سفر سوارکاران Accepting Riders Trip Request

• فعال و غیرفعال کردن اشتراک‌های جریان موقعیت Enabling and Disabling Position Stream Subscriptions

• متحرک کردن حرکت راننده به محل وانت Animating Driver Movement to Pickup Location

• متحرک کردن حرکت راننده به محل وانت Animating Driver Movement to Pickup Location

• در PolyLine، نماد Car Drive Along را انجام دهید Make Car Icon Drive Along on PolyLine

• در PolyLine، نماد Car Drive Along را انجام دهید Make Car Icon Drive Along on PolyLine

• به روز رسانی اطلاعات سفر در زمان واقعی Updating Trip Information in Real-Time

• به روز رسانی اطلاعات سفر در زمان واقعی Updating Trip Information in Real-Time

• سفر به مقصد را شروع کنید Start Trip to Destination

• پایان دادن به سفر Ending the Trip

• جمع آوری پرداخت برای کرایه ها Collecting Payment for Fares

• صرفه جویی در درآمد راننده Saving Driver Earnings

• صرفه جویی در درآمد راننده Saving Driver Earnings

• ایجاد تاریخچه برای یک سفر Creating History for a Trip

• ایجاد تاریخچه برای یک سفر Creating History for a Trip

• پاکسازی و اصلاحات کد Code Cleanups and Corrections

پیکربندی تجربه سفر راننده Configuring Driver's Trip Experience

• فعال و غیرفعال کردن اشتراک‌های جریان موقعیت Enabling and Disabling Position Stream Subscriptions

• سفر به مقصد را شروع کنید Start Trip to Destination

• پایان دادن به سفر Ending the Trip

• جمع آوری پرداخت برای کرایه ها Collecting Payment for Fares

• پاکسازی و اصلاحات کد Code Cleanups and Corrections

پیکربندی تجربه سفر سوار Configuring Rider's Trip Experience

• فایل های دارایی تصویر، نمادها و کدها را دانلود کنید Download Image Assets, Icons and Code files

• ورود کاربر به صورت خودکار Login User Automatically

• انتخاب درایور Closet Nearby Selecting the Closet Nearby Driver

• ارسال اعلان به راننده منتخب نزدیک Sending Notification to Selected Nearby Driver

• ارسال اعلان به راننده منتخب نزدیک Sending Notification to Selected Nearby Driver

• تنظیم مهلت زمانی برای درخواست سواری جدید Setting Timeout for new Ride Request

• راه اندازی Trip Control Panel Setting up Trip Control Panel

• راه اندازی Trip Control Panel Setting up Trip Control Panel

• دریافت اطلاعات درایور اختصاص داده شده Getting Assigned Driver Information

• دریافت اطلاعات درایور اختصاص داده شده Getting Assigned Driver Information

• به روز رسانی زمان ورود راننده Updating Driver's Arrival Time

• به روز رسانی زمان تخمینی رسیدن به مقصد Updating Estimated Time of Arrival to Destination

• برای کرایه ها پرداخت کنید و برنامه را بازنشانی کنید Make Payments for fares and Reset App

پیکربندی تجربه سفر سوار Configuring Rider's Trip Experience

• فایل های دارایی تصویر، نمادها و کدها را دانلود کنید Download Image Assets, Icons and Code files

• ورود کاربر به صورت خودکار Login User Automatically

• انتخاب درایور Closet Nearby Selecting the Closet Nearby Driver

• تنظیم مهلت زمانی برای درخواست سواری جدید Setting Timeout for new Ride Request

• به روز رسانی زمان ورود راننده Updating Driver's Arrival Time

• به روز رسانی زمان تخمینی رسیدن به مقصد Updating Estimated Time of Arrival to Destination

• برای کرایه ها پرداخت کنید و برنامه را بازنشانی کنید Make Payments for fares and Reset App

راه اندازی صفحات درآمد و سابقه درایور Setting Up Driver Earnings & History Pages

• طراحی صفحه درآمد راننده Designing Driver Earnings Page

• بازیابی کل مبلغ به دست آمده توسط راننده Retrieving Total Amount Earned by Driver

• بازیابی کل مبلغ به دست آمده توسط راننده Retrieving Total Amount Earned by Driver

• بازیابی تعداد کل سواری ها Retrieving the Total Number of Rides

• واکشی تاریخچه سفر Fetching Trip History

• تنظیم صفحه تاریخچه سفر Setting up Trip History Page

راه اندازی صفحات درآمد و سابقه درایور Setting Up Driver Earnings & History Pages

• طراحی صفحه درآمد راننده Designing Driver Earnings Page

• بازیابی تعداد کل سواری ها Retrieving the Total Number of Rides

• واکشی تاریخچه سفر Fetching Trip History

• تنظیم صفحه تاریخچه سفر Setting up Trip History Page

نتیجه Conclusion

• پروژه کامل RiderApp RiderApp Complete Project

• پروژه کامل برنامه Driver Driver's App Complete Project

• تبریک میگم Congrats

نتیجه Conclusion

• پروژه کامل RiderApp RiderApp Complete Project

• پروژه کامل برنامه Driver Driver's App Complete Project

• تبریک میگم Congrats