آموزش مقدمه ای بر توسعه وب برای سامانه های اطلاعات جغرافیایی (GIS) و نقشه برداری - آخرین آپدیت

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

مقدمه Introduction

• طرح کلی دوره Course Outline

• درباره مدرس About the Teacher

• پیش نیازهای دوره Course Requirements

• مخزن کد Code Repository

HTML، CSS و JS: اصول اولیه HTML, CSS, and JS: The Basics

• فعال کردن ابزارهای توسعه Enabling Dev Tools

• استفاده از ابزارهای توسعه 1 Using Dev Tools 1

• استفاده از ابزارهای توسعه 2 Using Dev Tools 2

• راه اندازی CodeSandbox Setting up CodeSandbox

• همگام شدن Following Along

• نوشتن HTML: نحو، دکمه ها، Div ها، لینک ها، متن Writing HTML: Syntax, Buttons, Divs, Links, Text

• آزمون نوشتن HTML 1 Writing HTML 1 Quiz

• نوشتن HTML: تگ های خود بسته شونده، ویژگی ها Writing HTML: Self-Closing Tags, Attributes

• آزمون نوشتن HTML 2 Writing HTML 2 Quiz

• نوشتن HTML: ساختار اصلی Writing HTML: Building the Basic Structure

• آزمون نوشتن HTML 3 Writing HTML 3 Quiz

• نوشتن CSS: نحو و مفاهیم Writing CSS: Syntax and Concepts

• آزمون CSS 1 CSS 1 Quiz

• نوشتن CSS: حاشیه، فاصله داخلی، مقادیر چندگانه Writing CSS: Margin, Padding, Multiple Values

• آزمون CSS 2 CSS 2 Quiz

• نوشتن CSS: طرح بندی و CSS Grid Writing CSS: Layout and CSS Grid

• آزمون CSS 3 CSS 3 Quiz

• استفاده از ابزارهای توسعه برای نوشتن CSS Using Dev Tools to Write CSS

• نوشتن CSS: پیاده سازی استایل Writing CSS: Implementing Styling

• نوشتن JS: استفاده از کنسول Writing JS: Using the Console

• آزمون JS 1 JS 1 Quiz

• نوشتن JS: متغیرها و توابع Writing JS: Variables and Functions

• آزمون JS 2 JS 2 Quiz

• نوشتن JS: متغیرهای سراسری و انواع متغیر Writing JS: Global Variables and Variable Types

• آزمون JS 3 JS 3 Quiz

• نوشتن JS: آرایه ها Writing JS: Arrays

• آزمون JS 4 JS 4 Quiz

• نوشتن JS: اشیاء Writing JS: Objects

• آزمون JS 5 JS 5 Quiz

• نوشتن JS: ارسال پارامترها Writing JS: Passing Parameters

• نوشتن JS: دستکاری صفحه وب (DOM) Writing JS: Manipulating the Web Page (DOM)

• نوشتن JS: گوش دادن به کلیک ها و انجام حلقه ها Writing JS: Listening to Clicks and Doing Loops

• آزمون JS 6 JS 6 Quiz

• نوشتن JS: تابع جمع Writing JS: Addition Function

• سازماندهی کد شما Organizing Your Code

• آزمون سازماندهی کد Organizing Code Quiz

• اشکال زدایی Debugging

• میزبانی وب Web Hosting

• آزمون میزبانی وب Web Hosting Quiz

HTML، CSS و JS: گام های بعدی HTML, CSS, and JS: Next Steps

• منابع توسعه دهنده Developer Resources

• آزمون منابع توسعه دهنده Developer Resources Quiz

• چارچوب های CSS CSS Frameworks

• آزمون چارچوب های CSS CSS Frameworks Quiz

• Bootstrap 1 Bootstrap 1

• Bootstrap 2 Bootstrap 2

• Bootstrap واکنشگرا Responsive Bootstrap

• آزمون Bootstrap Bootstrap Quiz

• پیوند دادن صفحات Linking Pages

• کتابخانه های JS JS Libraries

• آزمون کتابخانه های JS JS Libraries Quiz

• jQuery 1 jQuery 1

• jQuery 2 jQuery 2

• آزمون jQuery jQuery Quiz

• ChartJS ChartJS

• آزمون کتابخانه های JS JS Libraries Quiz

• توسعه محیط محلی Local Environment Development

• SFTP SFTP

• Git و Github Git and Github

نقشه برداری آنلاین: بررسی اجمالی Online Mapping: Overview

• نقشه آنلاین چیست؟ What is an online map?

• مفاهیم اساسی نقشه وب Basic Web Map Concepts

• کتابخانه های نقشه برداری Mapping Libraries

• تحلیل فضایی Spatial Analysis

• ابزارهای آنلاین Online Tools

• داده 1 Data 1

• داده 2 Data 2

نقشه برداری آنلاین: مبانی توسعه Online Mapping: Development Basics

• مبانی توسعه نقشه برداری Mapping Development Basics

• اولین کد مثال نقشه First Example Map Code

• Basemaps Basemaps

• نقاط چیستند؟ What are Points?

• LeafletJS: نقاط LeafletJS: Points

• LeafletJS: خطوط LeafletJS: Lines

• LeafletJS: چند ضلعی ها LeafletJS: Polygons

• Maplibre: نقاط Maplibre: Points

• Maplibre: خطوط Maplibre: Lines

• Maplibre: چند ضلعی ها Maplibre: Polygons

• Popups چیستند؟ What are Popups?

• Leaflet Popups پایه Leaflet Basic Popups

• Leaflet Popups پویا Leaflet Dynamic Popups

• Maplibre Popups پایه Maplibre Basic Popups

• Maplibre Popups پویا Maplibre Dynamic Popups

• محدوده و جعبه های نقشه Map Bounds & Boxes

پروژه نمونه: مک دونالد در سراسر ایالات متحده آمریکا Example Project: McDonald's Across the USA

• مروری بر پروژه نمونه Example Project Overview

• ایجاد یک سرور محلی Making a Local Server

• اضافه کردن ایالت ها به نقشه Adding States to Map

• مرتبط کردن داده ها با هم Associating Data Together

• تصویرسازی داده ها با عبارات Visualizing Data with Expressions

• رفع اشکالات Fixing Bugs

مباحث پیشرفته Advanced Topics

• مقدمه ای بر مباحث پیشرفته Intro to Advanced Topics

• بارگیری از صفحات گسترده Loading from Spreadsheets

• استفاده از داده ها از API ها Using Data from APIs

• موقعیت جغرافیایی (مکان کاربر) Geolocation (User Location)

• افکت های Hover Hover Effects

• راهنمای نقشه Map Legends

• مقدمه ای بر تحلیل فضایی Spatial Analysis Introduction

• انیمیشن در امتداد یک خط Animation Along a Line

• نقشه های برهنه! Naked Maps!

• Heatmaps Heatmaps

• Geocoding (نقطه از آدرس) Geocoding (point from address)

• آیکون ها و نشانگرهای سفارشی Custom Icons and Markers

• تغییر وضعیت دسته (قابلیت مشاهده چک باکس) Category Toggle (Checkbox Visibility)

• رسم روی نقشه ها Drawing on Maps