دوره Next.js و Google Maps API: درخواست سفر بر اساس موقعیت مکانی
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- درک اصول Next JS: مفاهیم کلیدی و ویژگیهای Next JS، از جمله رندرینگ سمت سرور و ساختار کلی پروژههای Next JS
- تسلط به ادغام Google Maps API: به توانایی ادغام Google Maps API در اپلیکیشن های Next JS مسلط شوید.
- پیاده سازی سرویس مبتنی بر مکان: توانایی پیادهسازی سرویس مبتنی بر مکان در وب اپلیکیشن ها را توسعه دهید.
- استفاده از کوئری های جغرافیایی Supabase: بررسی و پیادهسازی کوئری های قوی جغرافیایی Supabase برای بهبود عملکردهای مبتنی بر مکان
توضیحات دوره
به دورهی: تسلط به Google Maps API در Next.JS: ساخت یک اپلیکیشن درخواست سفر ساده خوش آمدید. با ایجاد یک اپلیکیشن درخواست سفر مبتنی بر مکان با Google Maps API ،Next.JS را بیاموزید و تمرین کنید. این دورهی مبتنی بر پروژه برای توسعهدهندگان طراحی شده است که مایل هستند مهارتهای خود را در Next.js ارتقا دهند و به طور یکپارچه Google Maps API را برای ایجاد اپلیکیشن های جغرافیایی قوی ادغام کنند. هنر ساخت یک اپلیکیشن درخواست سفر بدون پیچیدگیهای ویژگیهای زمان واقعی، کاربران را به رانندگان استاتیک متصل میکند و تجربهی یادگیری را تسهیل میکند.
در طول این دوره، ما از یک پشته فناوری قدرتمند شامل Next.js، Google Maps API و Supabase استفاده میکنیم تا فرآیند توسعهای روان و یکپارچه را فراهم کنیم. برنامهی آموزشی با شفافیت بالا طراحی شده تا برای توسعهدهندگانی که دانش اولیه از React JS دارند کاملاً قابل درک باشد. با راهنمایی یک مدرس متخصص، شما درک عمیقی از جزئیات یکپارچهسازی Next.js و Google Maps API به دست میآورید و اصول محکم برای پروژههای آینده خواهید ساخت.
پس از پایان دوره، نهتنها یک اپلیکیشن کامل درخواست سفر خواهید داشت، بلکه مهارت لازم برای ساخت انواع اپلیکیشنهای مبتنی بر موقعیت مکانی را نیز کسب میکنید. از پلتفرمهای اشتراک سفر و اپهای تحویل کالا گرفته تا شبکههای اجتماعی مبتنی بر موقعیت و فروشگاههای اینترنتی مبتنی بر نقشه - امکانات بینهایت هستند.
هماکنون در این دوره شرکت کنید تا دنیای توسعه اپلیکیشن های مبتنی بر موقعیت را آشکار کنید و مهارتهای برنامهنویسی خود را به سطح بالاتری ببرید.
مدرس از ابزارها و نسخههای زیر استفاده خواهد کرد:
- Windows
- Next.js نسخه 14
- React.js نسخه 18
- Node نسخه 20.9
- جاوااسکریپت (به جای تایپاسکریپت)
این دوره برای چه کسانی مناسب است؟
- علاقهمندان به نقشهها
- افرادی که به توسعه اپلیکیشن های مبتنی بر موقعیت مکانی علاقه دارند.
- توسعهدهندگان React
- یادگیرندگان Supabase
دوره Next.js و Google Maps API: درخواست سفر بر اساس موقعیت مکانی
-
مقدمه / به دوره خوش آمدید 02:32
-
ساخت یک اپلیکیشن Next JS 03:13
-
چه چیزی در یک اپلیکیشن Next JS وجود دارد؟ 06:09
-
مسیریابی و ناوبری 04:57
-
کامپوننت ها در Next JS 02:23
-
روش دیگر ناوبری (معرفی کامپوننت های سمت کلاینت) - بخش 1 09:57
-
روش دیگر ناوبری (معرفی کامپوننت های سمت کلاینت) - بخش 2 01:03
-
شروع کار با API نقشههای گوگل 03:59
-
Next JS/Google Maps API - ادغام - بخش 1 07:47
-
Next JS/Google Maps API - ادغام - بخش 2 05:17
-
Next JS/Google Maps API - ادغام - بخش 2 05:17
-
Next JS/Google Maps API - ادغام - بخش 3 02:12
-
استفاده از نشانگرها 02:06
-
استفاده از نشانگرها - بخش 2: آیکونهای سفارشی 02:55
-
استفاده از نشانگرها - بخش 3: گزینههای نشانگر 03:02
-
استفاده از نشانگرها - بخش 4: رویدادهای نشانگر 04:25
-
استفاده از نشانگرها - بخش 5: جزء پنجره اطلاعات 06:39
-
شروع کار با اپلیکیشن ما 03:20
-
ایجاد یک درخواست سفر 11:47
-
فعالسازی API نقشههای گوگل 02:16
-
استفاده از نتایج جستجوی Google Places (مبدا) 10:57
-
استفاده از آبجکت نقشه / اعمال محدودیتها در جستجوی Places 07:38
-
استفاده از نتایج جستجوی Google Places (مقصد) 09:40
-
استفاده از نتیجه کوئری API مسیر 03:17
-
معرفی Supabase 04:03
-
ایجاد یک پروژه در Supabase 07:11
-
واکشی داده با Supabase 07:04
-
واکشی داده از سرور 07:34
-
ایجاد یک جدول جغرافیایی در Supabase 07:12
-
درج کردن داده در جدول 07:19
-
ساخت صفحه جزئیات درخواست - بخش 1 04:46
-
ساخت صفحه جزئیات درخواست - بخش 2 08:14
-
استفاده از داده درخواست - بخش 1 07:43
-
استفاده از داده درخواست - بخش 2 03:54
-
ایجاد جدول رانندگان / افزودن رانندگان 06:22
-
واکشی جدول رانندگان 08:26
-
فیلتر کردن رانندگان بر اساس مسافت - بخش 1 05:08
-
فیلتر کردن رانندگان بر اساس مسافت - بخش 2 12:23
-
پنجره اطلاعات رانندگان 10:16
-
مسیر/راهبرد بین رانندگان و مبدا درخواست 16:23
-
نصب اپلیکیشن بر روی Vercel 04:56
-
دریافت نام دامنه / بروزرسانی کلیدها و مدارک Google Maps 05:42
مشخصات آموزش
دوره Next.js و Google Maps API: درخواست سفر بر اساس موقعیت مکانی
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:42
- مدت زمان :04:17:24
- حجم :3.25GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی