دوره جامع GIS (قسمت 2 - Web GIS)

معرفی
سرفصل

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

جاوا اسکریپت، سی اس اس، بوت استرپ و جاوا اسکریپت
مبانی jQuery و PHP
Leaflet و Turf JS
Chart JS و GeoServer API (WMS & WFS)

توضیحات دوره

در این دوره پیشرفته، تخصص GIS شما ارتقا می‌یابد، در حالی که تمرکز بر یکپارچه‌سازی فناوری‌های توسعه وب با داده فضایی برای ساخت اپلیکیشن‌های نقشه‌برداری پیشرفته خواهد بود. با ترکیبی از درس‌های نظری، تمرین‌های عملی و پروژه‌های واقعی، درک عمیقی از زمینه‌های کلیدی زیر کسب خواهید کرد:

اصول اچ تی ام ال: ابتدا با مبانی اچ تی ام ال، پایه و اساس توسعه وب، شروع کرده و به تدریج به معرفی تگ‌ها و ساختارهای ضروری برای ایجاد صفحات وب می‌پردازیم.
استایل‌دهی با سی اس اس: یاد می‌گیرید چگونه با Cascading Style Sheets (سی اس اس) به صفحات وب خود استایل دهید و آن‌ها را فرمت‌بندی کنید تا رابط‌های بصری جذاب برای اپلیکیشن‌های GIS خود بسازید.
فریم‌ورک بوت استرپ: با قدرت بوت استرپ، یکی از فریم‌ورک‌های محبوب فرانت‌اند آشنا می‌شوید که به شما امکان می‌دهد رابط‌های وب GIS واکنش‌گرا و موبایل‌پسند را به‌خوبی و به‌سرعت بسازید.
الزامات جاوا اسکریپت: دنیای جاوا اسکریپت، زبان برنامه‌نویسی چندمنظوره برای افزودن تعامل به صفحات وب را بررسی می‌کنید و آن را برای دستکاری و مصورسازی داده جغرافیایی اعمال می‌کنید.
کتابخانه jQuery: کتابخانه سریع و سبک جاوا اسکریپت، jQuery را بررسی می‌کنید تا مدیریت رویدادها، انیمیشن‌ها و تعاملات AJAX را در اپلیکیشن‌های GIS خود ساده کرده و بهبود ببخشید.
مبانی اولیه PHP: با PHP، زبان اسکریپت‌نویسی سمت سرور آشنا می‌شوید تا پردازش داده پویا و یکپارچه‌سازی آن در پروژه‌های وب GIS خود را انجام دهید.
کتابخانه Leaflet: یاد می‌گیرید چگونه از Leaflet، یک کتابخانه متن‌باز قدرتمند جاوا اسکریپت برای ایجاد نقشه‌های تعاملی و قابل سفارشی‌سازی با نقشه‌های پایه و هم‌پوشانی‌های مختلف استفاده کنید.
کتابخانه TurfJS: کتابخانه تحلیل مکانی، TurfJS را برای انجام عملیات‌های پیچیده و دستکاری‌های فضایی به طور مستقیم در مرورگر بررسی کنید.
کتابخانه Echarts: با Echarts، کتابخانه قدرتمند رسم نمودار و مصورسازی داده برای ایجاد مصورسازی‌های جذاب از داده برای اپلیکیشن‌های Web GIS آشنا می‌شوید.
GeoServer API: از GeoServer APIها برای سرویس نقشه وب (WMS) و سرویس ویژگی وب (WFS) استفاده می‌کنید تا به داده جغرافیایی دسترسی پیدا کرده و آن را دستکاری کنید تا رندر نقشه و کوئری کردن ویژگی در وب اپلیکیشن‌ها را انجام دهید.

این دوره برای چه کسانی مناسب است؟

این دوره برای توسعه‌دهندگان وب GIS طراحی شده که می‌خواهند داده مکانی خود را در مرورگر تحلیل یا مصورسازی کنند و نقشه‌های تعاملی آنلاین بسازند.
مبتدیان در برنامه‌نویسی وب

دوره جامع GIS (قسمت 2 - Web GIS)

فصل 1: زبان‌های توسعه وب (اچ تی ام ال، سی اس اس و جاوا اسکریپت)

بررسی دوره - Web GIS 04:17
جمع‌بندی آنچه در قسمت 1 دوره یاد گرفتید 06:28
طرح کلی دوره و اینکه اچ تی ام ال چیست 06:47
اولین وب اپلیکیشن اچ تی ام ال خود را ایجاد کنید 11:48
عناصر header ،paragraph ،link ،img ،input ،button ،hr و br 12:59
header ،body ،html ،meta و برخی attributeهای اچ تی ام ال 11:44
عناصر pre ،b ،i ،em ،mark ،small ،ins ،sub ،sup و abbr 11:04
عناصر bdo ،dir attribute ،address و کامنت‌ها 10:28
رنگ‌های RGB ،RGBA، هگزادسیمال، HSL ،HSLA و لینک‌ها 12:31
mailto attribute و بوک‌مارک‌ها 11:10
عناصر تصویر و منبع به‌علاوه فاویکون 10:40
عناصر جدول 10:18
استایل جدول، لیست‌های مرتب و نامرتب 10:35
عنصر span، شناسه و نام‌های کلاس 15:43
آی فریم‌های اینستاگرام، یوتیوب، فیسبوک و صفحه وب 10:16
طرح‌بندی صفحه وب با ویژگی float در سی اس اس 21:19
بحث درباره واکنش‌گرایی اپلیکیشن و عناصر kbd ،samp و code 10:52
عناصر معنایی و غیرمعنایی، فرم 15:18
ویژگی‌های عنصر input 11:28
چندرسانه‌ای در اچ تی ام ال و عناصر object 11:58
آزمون اچ تی ام ال None
آشنایی با سی اس اس و انواع آن 12:46
لینک‌دهی سی اس اس خارجی به سند اچ تی ام ال 10:04
ویژگی‌های پدینگ 12:12
ویژگی‌های متن در سی اس اس 10:44
ویژگی‌های فونت در سی اس اس و فونت‌های گوگل 09:36
ایمپورت آیکون‌ها از اینترنت 12:02
ایمپورت تصاویر از اینترنت، متن و سایه‌های جعبه 13:36
ویژگی موقعیت در سی اس اس 11:52
ویژگی‌های overflow ،float و display 11:49
مثال ویژگی‌های موقعیت و سلکتورهای سی اس اس 10:37
Combinatorها در سی اس اس 10:10
شبه عناصر در سی اس اس 10:35
ایجاد هدر بالا و سایدبار 12:50
ایجاد دکمه منوی کشویی 10:49
تکلیف سی اس اس 01:49
attributeهای action ،for ،name و استایل‌دهی به فیلدهای ورودی بر اساس نوع 10:09
ایجاد طرح‌بندی صفحه واکنش‌گرای مبتنی بر ستون 12:26
قانون important! و تابع calc در سی اس اس به همراه متغیرهای سی اس اس 11:20
متغیرهای محلی و سراسری سی اس اس به‌علاوه ایمپورت چندین تصویر 11:20
ویژگی‌های inset ،currentColor ،word-wrap ،writing-mode در سی اس اس 08:17
ویژگی‌های تبدیل و ترنزیشن در سی اس اس 10:49
کی‌فریم‌های سی اس اس برای انیمیشن‌ها 08:43
tooltip، انعکاس تصویر، webkit-mask-image- و استایل‌های دکمه 11:31
اشاره‌گر پیکان متحرک و صفحه‌بندی 12:30
طرح‌بندی چندستونه، تغییر سایز textarea و display flex 10:52
ادامه display flex در سی اس اس 06:20
گرید در سی اس اس 06:01
مدیا کوئری در سی اس اس 11:16
مدیا کوئری در سی اس اس برای حالت پرتره و افقی 05:27
شروع کار با فریم‌ورک بوت‌استرپ سی اس اس (قسمت 1) 11:41
استایل‌های بوت‌استرپ (قسمت 2) 11:01
استایل‌های بوت‌استرپ (قسمت 3) 10:44
استایل‌های بوت‌استرپ (قسمت 4) 09:46
صفحه وب پورتفولیو (قسمت 1) 15:29
صفحه وب پورتفولیو (قسمت 2) 17:01
صفحه وب پورتفولیو (قسمت 3) 17:53
صفحه وب پورتفولیو (قسمت 4) 14:47
صفحه وب پورتفولیو (قسمت 5) 14:23
صفحه وب پورتفولیو (قسمت 6) 17:56
صفحه وب پورتفولیو (قسمت 7) 15:39
صفحه وب پورتفولیو (قسمت 8) 18:14
صفحه وب پورتفولیو (قسمت 9) 13:59
صفحه وب پورتفولیو (قسمت 10) 12:15
آزمون سی اس اس None
آشنایی با جاوا اسکریپت 10:44
document ،getElementById ،innerHTML، فایل جاوا اسکریپت خارجی 12:46
دستورات، سینتکس، متغیرها، عملگرهای equals و equal to جاوا اسکریپت 11:15
identifierها، متغیرها و متغیرهای حسابی 11:33
عملگرهای حسابی و تخصیص 11:54
توابع و اشیاء در جاوا اسکریپت 09:51
ادامه اشیاء در جاوا اسکریپت 09:03
توابع اسلایس برای رشته‌ها 11:20
ادامه توابع رشته 10:14
فرمت داده عددی و تبدیل آن 07:14
آرایه‌ها در جاوا اسکریپت 10:57
آرایه‌ها در جاوا اسکریپت و توابع pop ،push ،shift و unshift 09:43
توابع رشته،concat ،join ،splice ،slice ،foreach ،map ،filter ،find و include 11:45
توابع تاریخ و ریاضی 10:02
انواع داده بولی و عملگرهای منطقی در جاوا اسکریپت 08:27
دستورات if 11:09
دستورات switch در جاوا اسکریپت 07:44
حلقه‌های for و for in 10:05
حلقه‌های while و do while 07:43
getElementById ،onmouseover ،onmousemove ،onkeydown ،event.keyCode و دستکاری سی اس اس 10:01
getElementsByClassName و getElementByTagName 12:02
توابع زمان setTimeout و clearInterval 09:45
کار روی مثال 2 13:59
مثال‌های 3، 4 و 5 13:59
صفحه وب پورتفولیو (قسمت 1) 18:47
صفحه وب پورتفولیو (قسمت 2) 17:04
صفحه وب پورتفولیو (قسمت 3) 15:42
صفحه وب پورتفولیو (قسمت 4) 06:53
آزمون جاوا اسکریپت None

فصل 2: jQuery و PHP

مقدمه و پیکربندی jQuery به همراه انیمیشن FadeInOut 11:05
دستکاری اچ تی ام ال و سی اس اس 09:39
توابع از پیش تعریف‌شده کلیک، پنهان‌سازی، نمایش و تاگل 11:13
اسلایدهای از پیش تعریف‌شده، توابع انیمیشن و حلقه each 09:03
نمایش رمز عبور در رویداد کلیک چک‌باکس 07:34
آزمون jQuery None
آشنایی با PHP و نصب سرور XAMPP 09:52
Echo ،print، کامنت‌ها، متغیرها و متد GET 11:03
انواع توابع و عملگرها در PHP 13:57
شرایط if ،elseif و switch 09:40
نمونه پروژه - ساخت یک ماشین‌حساب اولیه 11:44
انواع حلقه‌ها در PHP 11:14
توابع تعریف‌شده توسط کاربر (افزودن مبلغ و افزایش حقوق به درصد) 10:01
ادامه تابع تعریف‌شده توسط کاربر 05:20
افزودن صفحه خدمات و گنجاندن هدر و فوتر در آن 14:56
صفحه ثبت‌نام (قسمت 1) 18:00
صفحه ثبت‌نام (قسمت 2) 15:00
صفحه ثبت‌نام (قسمت 3) 18:34
صفحه ورود 17:55
خروج 09:18
محلی‌سازی (قسمت 1) 15:06
محلی‌سازی (قسمت 2) 15:10
محلی‌سازی (قسمت 3) 13:17
آزمون PHP None
درخواست مدرس 00:20

فصل 3: کتابخانه نقشه‌برداری Leaflet

آشنایی با Leaflet و ایجاد OSM 12:09
افزودن لایه‌های مختلف (نقشه‌های پایه) به نقشه به همراه نشانگرها و پاپ‌آپ‌ها 12:02
افزودن دایره و چندضلعی به نقشه 10:20
افزودن واترمارک و فایل‌های GeoJSON به نقشه 12:56
افزودن لایه و گروه لایه تایل 10:21
GeoJSON و bindPopup 11:38
رویدادها در Leaflet 14:20
توضیح تکلیف 02:56
توضیح کد منبع تکلیف 08:32
پروژه استان‌های افغانستان (قسمت 1) 15:15
پروژه استان‌های افغانستان (قسمت 2) 16:18
پروژه استان‌های افغانستان (قسمت 3) 14:45
پروژه استان‌های افغانستان (قسمت 4) 11:32
راه‌حل تکلیف 02:31
پروژه خوشه نشانگر (قسمت 1) 15:04
پروژه خوشه نشانگر (قسمت 2) 09:53
نقشه حرارتی در Leaflet 11:29
مبانی Openlayers و Mapbox 04:51
آزمون Leaflet None

فصل 4: TurfJS

آشنایی با TurfJS، ایجاد نقاط و یافتن فاصله بین نقاط 10:31
چند نقطه، چند خط، چندضلعی و نقاط همراه با چندضلعی 11:20
بافر، fitBounds، مرکز چندضلعی، تقاطع، Union، تفاوت، نقطه و فاصله نقطه تا خط 13:18
Polygon-arround-point ،lineOffset ،polygon-smooth، ترجمه و مقیاس‌بندی چندضلعی 10:09
Multiline-to-polygon ،polygon-to_line ،line-intersection و line-overlapping 13:13
Points-outside_polygon و closest-point 12:57
افزودن قابلیت زوم به نقشه افغانستان (پروژه 1) 16:03
افزودن اسلایدر برای فیلتر استان‌ها بر اساس مساحت و نمایش مرکز استان 20:37
آزمون Turf None