فیلم آموزشی رایگان توسعه گوگل مپ توسط API جاوا اسکریپت

[vc_row][vc_column][vc_custom_heading text=”معرفی اجمالی دوره” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]به دوره آموزشی “توسعه نقشه گوگل توسط API جاوا اسکریپت” خوش آمدید.

ویدیوهای این دوره آموزشی به زبان انگلیسی هستند (با فرمت MP4) که در 8 فصل در اختیار شما عزیزان قرار گرفته است. برای دانلود فصل اول نیازی به ثبت نام ندارید. اما برای مشاهده و دانلود فصل های 2 به بعد باید در دوره بصورت رایگان ثبت نام کنید.[/vc_column_text][vc_custom_heading text=”اهداف این دوره آموزشی” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_row_inner][vc_column_inner][vc_column_text]

• چگونه یک نقشه گوگل (Google Map) را ایجاد و استایل دهی کنیم؟
• چگونه چند marker را با آیکون های سفارشی روی نقشه تعریف کنیم؟
• چگونه رویدادهای موس (mouse events) روی نقشه را کنترل کنیم؟
• و…

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_custom_heading text=”پیش نیاز های این دوره آموزشی” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]تسلط نسبی به HTML و CSS و JS[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][cdb_course_lessons arrow_sections=”true” title=”1. فصل اول (Course Overview)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1.1 Course Introduction” subtitle=”02:10″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/1-Course-Introduction.mp4″ preview_video=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/1-Course-Introduction.mp4″]در این ویدئو، مباحثی که در این دوره آموزشی مطرح می شوند معرفی می شوند.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1.2 Getting Started” subtitle=”0:49″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/2-Getting-Started.mp4″ preview_video=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/2-Getting-Started.mp4″]در این ویدئو، آماده سازی محیط کدنویسی را آموزش می دهیم. مانند انتخاب مرورگر مناسب و ویرایشگر کد مناسب. همچنین می توانید درباره Maps API در لینک زیر بیشتر بخوانید:

learnable-content/introduction-to-google-maps-api: Course files for the Introduction to Google Maps API course (github.com)[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”2. فصل دوم (Get Started)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.1 Create Your API Key” subtitle=”03:54″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/3-Create-Your-API-Key.mp4″]در این درس، نحوه دریافت Google Map API Key را از سرویس Google-API-Console آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.2 Using the API” subtitle=”05:01″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/4-Using-the-API.mp4″]در این درس، نحوه استفاده از Googlemap API در کدهای جاوا اسکریپت آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.3 Reference Materials” subtitle=”08:55″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/5-Reference-Materials.mp4″]در این درس، به معرفی منابع آموزشی توسعه دهندگان پرداخته می شود. مانند

API Reference Documentation و Showcase Examples و Code Sample و Forum/Questions و…[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.4 Geography Review” subtitle=”03:25″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/6-Geography-Review.mp4″]مباحث آموزشی این درس:

Latitude & Longitude و Reference Lines و Inner Working of Google-Map[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”3. فصل سوم (Map Basics)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.1 Create Your First Map” subtitle=”11:06″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/7-Create-Your-First-Map.mp4″]در این درس، کدنویسی را آغاز کرده و اولین نقشه گوگل را ایجاد می کنیم.[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”4. فصل چهارم (Map Options)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.1 Basic Map Options” subtitle=”10:09″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/8-Basic-Map-Options.mp4″]در این درس، نحوه انجام تنظیمات زیر بر روی نقشه گوگل آموزش داده می شود:

Control Size and Position و Set Map Base Layer و Set Zoom و Create Overview Map[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.2 Map Styles” subtitle=”08:33″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/9-Map-Styles.mp4″]در این درس، موارد زیر در زمینه استایل دهی نقشه آموزش داده می شود:

Custom Map Styles و Style Map Features & Elements و Create & Share Map Styles[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”5. فصل پنجم (Map Methods and Events)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.1 Maps, Methods and Events” subtitle=”14:26″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/10-Maps-Methods-and-Events.mp4″]در این درس، متدهای Map بررسی می شوند:

متدهای Getter & Setter و Map Events و Event Handler[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”6. فصل ششم (Markers)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.1 Marker Creation” subtitle=”09:32″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/11-Marker-Creation.mp4″]در این درس، نحوه ایجاد و قراردادن marker یا نشانه روی نقشه گوگل آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.2 Marker Options” subtitle=”05:37″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/12-Marker-Options.mp4″]در این درس، تنظیمات marker و آپشن های آن بررسی می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.3 Info Window” subtitle=”08:00″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/13-Info-Window.mp4″]در این درس، نحوه ایجاد و نمایش یک پنجره اطلاعات (InfoWindow) آموزش داده می شود.

Create infowindow popup و Style HTML Content و Display infowindow message on marker click

[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”7. فصل هفتم (Course Project)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”7.1 Airport Course Project” subtitle=”03:59″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/14-Airport-Course-Project.mp4″]در این درس، نمایش فرودگاه های یک منطقه روی نقشه گوگل بررسی خواهد شد.

[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”7.2 Multiple Airport Markers” subtitle=”12:21″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/15-Multiple-Airport-Markers.mp4″]در این درس، نحوه نمایش تمام فرودگاه های منطقه و نیز نحوه استایل دهی پنجره اطلاعاتی یا info-window آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”7.3 Project Conclusion” subtitle=”05:00″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/16-Project-Conclusion.mp4″]در این درس، پروژه نقشه گوگل و نمایش airport ها بر روی آن تکمیل خواهد شد.[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”8. فصل هشتم (Course Conclusion)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”8.1 Conclusion” subtitle=”0:32″ download_lesson=”https://dl.rahkarino.com/video/programming/build-a-live-tracking-interactive-map-with-the-google-maps-api/17-Conclusion.mp4″]در این درس، به نتیجه گیری دوره پرداخته می شود.[/cdb_course_lesson][/cdb_course_lessons][/vc_column][/vc_row]