آموزش Next JS و Google Maps API: درخواست‌های سواری مبتنی بر مکان

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

معرفی Introduction

• مقدمه/به دوره آموزشی خوش آمدید Introduction / Welcome to the course

• ایجاد یک برنامه Next JS Creating a Next JS app

• آنچه در داخل برنامه Next JS وجود دارد What's inside a Next JS app

• مسیریابی و ناوبری Routing and Navigation

• کامپوننت ها در Next JS Components in Next JS

• راه دیگری برای پیمایش (معرفی اجزای سمت مشتری) - قسمت 1 Another way of navigating (introducing client side components)-Part 1

• راه دیگری برای پیمایش (معرفی اجزای سمت مشتری) - قسمت 2 Another way of navigating (introducing client side components)-Part 2

Next Js و Google Maps API Next Js and Google Maps API

• شروع به کار با Google Maps API Getting started with the Google Maps API

• بعدی JS/Google Maps API - ادغام - قسمت 1 Next JS/Google Maps API - Integration - Part 1

• بعدی JS/Google Maps API - ادغام - قسمت 3 Next JS/Google Maps API - Integration - Part 3

• بعدی JS/Google Maps API - ادغام - قسمت 4 Next JS/Google Maps API - Integration - Part 4

• استفاده از نشانگرها Using Markers

• استفاده از نشانگرها - قسمت 2: نمادهای سفارشی Using Markers - Part 2 : Custom icons

• استفاده از نشانگرها - قسمت 3: گزینه های نشانگر Using Markers - Part 3 : Marker options

• استفاده از نشانگرها - قسمت 4: رویدادهای نشانگر Using Markers - Part 4: Marker events

• استفاده از نشانگرها - قسمت 5: مؤلفه InfoWindow Using Markers - Part 5 : The InfoWindow component

شروع به کار با برنامه ما Getting started with our app

• شروع به کار با اپلیکیشن ou Getting started with ou app

• درخواست سفر Making a trip request

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

• استفاده از نتایج جستجوی Google Places (منبع) Using the Google Places Search Results (origin)

• استفاده از شی نقشه/اعمال محدودیت در جستجوی Plcaes Using the Map Object / Applying restrictions on Plcaes Search

• استفاده از نتایج جستجوی Google Places (مقصد) Using the Google Places Search Results (destination)

• با استفاده از نتیجه پرس و جو Directions API Using the Directions API query result

شروع کار با Supabase برای باطن Getting started with Supabase for the backend

• معرفی Supabase Introducing Supabase

• ایجاد پروژه در Supabase Creating a project in Supabase

• واکشی داده با Supabase Fetching data with Supabase

• واکشی داده ها از سرور Fetching data from the server

• ایجاد جدول Geo-Enabled در Supabase Creating a Geo-Enabled table in Supabase

• درج داده ها در جدول "درخواست ها". Inserting data in the "requests" table

نهایی کردن برنامه Finalizing the app

• ساخت صفحه جزئیات درخواست - قسمت 1 Building the request detail page - part 1

• ساخت صفحه جزئیات درخواست - قسمت 2 Building the request detail page - part 2

• استفاده از داده های درخواست - قسمت 1 Using the request data - part 1

• استفاده از داده های درخواست - قسمت 2 Using the request data - part 2

• ایجاد جدول درایورها/افزودن درایورها Creating the drivers table / Adding drivers

• واکشی جدول رانندگان Fetching the drivers table

• فیلتر کردن درایورها بر اساس مسافت - قسمت 1 Filtering the drivers by distance - part 1

• فیلتر کردن درایورها بر اساس مسافت - قسمت 2 Filtering the drivers by distance - part 2

• پنجره اطلاعات رانندگان Drivers' InfoWindow

• مسیرها/مسیر بین رانندگان و مبدا درخواست Directions/Route between drivers and the request origin

• استقرار برنامه در vercel Deploying the app to vercel

• دریافت نام دامنه/به‌روزرسانی کلیدها و اعتبارنامه‌های Google Maps Getting a domain name / Updating Google Maps Keys and Credentials