توضیحات
آموزش پروژه محور React Leaflet با ساخت برنامه مشاهده نقشه
نام دوره : React Leaflet (with hooks)
پیش نیاز:
توضیحات:
React Leaflet نسخه 3 (شامل به روز رسانی سازگاری React Leaflet نسخه 4!!)، نسخه ای که برای استفاده از هوک بازنویسی شده است، برای این دوره استفاده می شود.
این بر اساس دو کتابخانه منبع باز جاوا اسکریپت پرکاربرد – React و Leaflet است.
بیایید با یک مقدمه کوتاه صحنه کلی دوره آموزش پروژه محور React Leaflet را تنظیم کنیم:
React – محبوب‌ترین کتابخانه جاوا اسکریپت است که می‌توانید برای ایجاد رابط‌های کاربری مدرن و واکنش‌پذیر برای وب بیاموزید.
این بسیار محبوب شده است زیرا می توان آن را بر اساس یک جزء جداگانه پیاده سازی کرد نه اینکه نیاز به به روز رسانی کل یک برنامه وب باشد.
این یک مزیت بزرگ برای مدرن کردن کل برنامه های وب است. علاوه بر این، React.js با عملکرد به عنوان هدف اصلی ساخته شده است.
به زبان ساده، اشیاء جاوا اسکریپت را در حافظه (بدون مرحله رندر سنگین!) در یک “DOM مجازی” ذخیره می کند.
هنگامی که Virtual DOM به روز می شود، یک الگوریتم متفاوت کارآمدترین راه را برای به روز رسانی (یعنی رندر مجدد) اجزا به DOM واقعی قابل مشاهده را شناسایی می کند. React توسط متا (فیس بوک) توسعه یافته و نگهداری می شود و اینجاست که بماند.
Leaflet – به دلیل سادگی، منبع باز بودن و طراحی با هدف خاص برای استفاده آسان، یک کتابخانه جاوا اسکریپت بسیار محبوب برای ساختن نقشه های تعاملی سازگار با موبایل است.
Leaflet توسط Github، Facebook، Esty و Pinteretet در میان دیگران مورد اعتماد است، و دوباره، اینجا نیز می ماند!
همانطور که از نام ممکن است نشان دهد، React Leaflet ادغام این دو کتابخانه به خوبی تثبیت شده با ارائه اتصالات بین آنها است. از قدرت کتابخانه Leaflet استفاده می کند و لایه های Leaflet را به عنوان اجزای React انتزاع می کند.
با انجام این کار:
Leaflet را می توان به طور یکپارچه در برنامه های React ادغام کرد.
کتابخانه های جاوا اسکریپت شخص ثالث React را می توان در اجزای Leaflet استفاده کرد (محتوای دوره را در زیر ببینید).
مشابه Leaflet، این دوره بر اساس سادگی ساخته شده است!!!
ما با پیکربندی وب سرورها یا میان افزارها گرفتار نخواهیم شد. درعوض، هدف از این دوره قرار گرفتن در معرض تمام جنبه های کتابخانه React Leaflet است.
و در عین حال به شما آموزش می دهد که چگونه به منابع لازم برای تعمیق دانش خود و توسعه برنامه های وب React Leaflet خود دسترسی داشته باشید.
برنامه تکمیل شده از هر کد همراه ویدیو به عنوان یک منبع قابل دانلود ارائه شده است. این امکان را برای شما فراهم می‌کند که فقط در مکانی که می‌خواهید مطالعه را ادامه دهید و همچنین در صورت گیر کردن، نسخه‌ای از کد را دریافت کنید.
دوره آموزش پروژه محور React Leaflet با معرفی مفاهیم برای مبتدیان شروع می شود و به تدریج به برخی موضوعات پیشرفته می رسد. هر بخش بر روی قسمت آخر ساخته می شود و در پایان شما یک برنامه کاربردی وب React Leaflet خواهید داشت.
در دوره آموزش پروژه محور React Leaflet با ساخت برنامه مشاهده نقشه چیست؟
- ساخت اپلیکیشن React با create-react-app
- راه اندازی React Leaflet با create-react-app
- راه اندازی نقشه React Leaflet
- پیکربندی لایه های کاشی
- از کجا می توان نمونه داده های مکانی و سرورهای کاشی را پیدا کرد
- ابزارهایی برای تولید نمونه داده های مکانی خود برای اهداف توسعه
- GeoJSON چیست؟
- React Leaflet hooks
- نقاط فیلتر در یک شعاع
- نقطه فیلتر با کلیک بر روی یک چند ضلعی
- Leaflet در DOM چگونه به نظر می رسد
- اضافه کردن نشانگرها
- پیاده سازی لایه های شخص ثالث از پلاگین ها
- خوشه بندی نشانگر
- وسط نقشه روی یک موقعیت کلیک شده
- افزودن آیکون های سفارشی (نحوه پیاده سازی آیکون های فونت عالی در React Leaflet)
- اضافه کردن و سفارشی کردن پنجره های بازشو
- افزودن و سفارشی کردن نکات ابزار
- نحوه سفارشی سازی بازشوهای React Leaflet با هر کتابخانه React UI
- افزودن لایه های چند ضلعی
- لایه در اصطلاح React Leaflet چیست
- نحوه فیلتر کردن نقاط بر اساس کلیک های چند ضلعی (با استفاده از Turf.js)
- اضافه کردن یک کنترل لایه
- کنترل های سفارشی خود را بسازید
- نمایش اطلاعات مکانی از یک سیستم مرجع مختصات متفاوت بر روی نقشه React Leaflet
- تماس های ناهمزمان و به روز رسانی اجزای React Leaflet
- افزودن کنترل‌های Leaflet شخص ثالث به برنامه React Leaflet
- دستگاه مسیریابی برگه
دوره آموزش پروژه محور React Leaflet با ساخت برنامه مشاهده نقشه برای چه کسانی است:
- شما به دلایل حرفه ای یا شخصی به برنامه های مبتنی بر نقشه علاقه مند هستید
- سابقه کار در React داشته باشید و دوست دارید نحوه عملکرد برنامه های نقشه برداری را بیاموزید
- شما تا حدودی با Leaflet آشنا هستید و در فکر انتقال به React Leaflet هستید
- به دنبال آموزش پروژه محور React Leaflet با ساخت برنامه مشاهده نقشه هستید
یودمی ایران –
دوره درخواستی خود را از راه های ارتباطی درخواست کنید