دوره جامع آموزش GIS (بخش دوم - GIS تحت وب) - آخرین آپدیت

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

زبان‌های توسعه وب (HTML, CSS و JavaScript) Web Development Languages (HTML, CSS & JavaScript)

• بررسی اجمالی دوره - وب GIS General Overview of the Course - Web GIS

• مروری بر آموخته‌های شما در قسمت 01 دوره Recape what you had learnt in the Part 01 of the Course

• سرفصل‌های دوره و HTML چیست (HTML قسمت 01) The Course Outline & What is HTML (HTML Part 01)

• اولین اپلیکیشن وب HTML خود را ایجاد کنید (HTML قسمت 02) Create your first HTML Web Application (HTML Part 02)

• عناصر header، paragraph، a link، img، input، button، hr، br (HTML قسمت 03) header, paragraph, a link, img, input, button, hr, br elements (HTML Part 03)

• عناصر header، body، html، meta و برخی ویژگی‌های html (HTML قسمت 04) header, body, html, meta, & some html attributes (HTML Part 04)

• عناصر pre، b، i، em، mark، small، ins، sub، sup، abbr (HTML قسمت 05) pre, b, i, em, mark, small, ins, sub, sup, abbr elements (HTML Part 05)

• address، bdo، ویژگی dir، نظرات (HTML قسمت 07) address, bdo, dir attribute, comments (HTML Part 07)

• رنگ‌های RGB، RGBA، Hexadecimal، HSL، HSLA، لینک‌ها (HTML قسمت 08) RGB, RGBA, Hexadecimal colors, HSL, HSLA, links (HTML Part 08)

• ویژگی mailto و نشانک‌ها (HTML قسمت 09) mailto attribute and bookmarks (HTML Part 09)

• عناصر image و source به همراه favicon (HTML قسمت 10) image and source elements plus the favicon (HTML Part 10)

• عناصر table (HTML قسمت 11) table elements (HTML Part 11)

• استایل table، به همراه لیست‌های مرتب و نامرتب (HTML قسمت 12) table style, plus ordered and unordered lists (HTML Part 12)

• عنصر span، نام‌های id و class (HTML قسمت 13) span element, id and class names (HTML Part 13)

• صفحه وب، iframes یوتیوب، فیسبوک، اینستاگرام (HTML قسمت 14) web page, youtube, facebook, instagram iframes (HTML Part 14)

• چیدمان صفحه وب با استفاده از ویژگی float در css (HTML قسمت 15) web page layout using css float property (HTML Part 15)

• صحبت در مورد ریسپانسیو بودن برنامه، عناصر kbd، samp، code - HTML P 16 Talking about responsiveness of application, kbd, samp, code elements -HTML P 16

• عناصر Semantic و non Semantic، فرم (HTML قسمت 17) Semantic and non Semantic Elements, form (HTML Part 17)

• ویژگی‌های عنصر input (HTML قسمت 18) input element properties (HTML Part 18)

• چند رسانه‌ای HTML، عناصر object (HTML قسمت 19) HTML Multimedia, object elements (HTML Part 19)

• آزمون HTML HTML Quizz

• معرفی CSS و انواع آن (CSS قسمت 01) Introduction to CSS and its Types (CSS Part 01)

• پیوند دادن CSS خارجی با سند HTML (CSS قسمت 02) Linking External CSS with HTML Document (CSS Part 02)

• ویژگی‌های Padding (CSS قسمت 03) Padding Properties (CSS Part 03)

• ویژگی‌های متن CSS (CSS قسمت 04) CSS Text Properties (CSS Part 04)

• ویژگی‌های فونت CSS و فونت‌های گوگل (CSS قسمت 05) CSS Font Properties and Google Fonts (CSS Part 05)

• وارد کردن آیکون‌ها از اینترنت (CSS قسمت 06) Importing Icons from Internet (CSS Part 06)

• وارد کردن تصاویر از اینترنت، سایه‌های متن و جعبه (CSS قسمت 07) Importing Images from Internet, text and box shadows (CSS Part 07)

• ویژگی Position در CSS (CSS قسمت 08) CSS Position Property (CSS Part 08)

• ویژگی‌های overflow، float و display (CSS قسمت 09) overflow, float and display properties (CSS Part 09)

• مثالی از ویژگی‌های Position و انتخابگرهای CSS (CSS قسمت 10) Example of Position Properties and CSS Selectors (CSS Part 10)

• ترکیب‌کننده‌های CSS (CSS قسمت 11) CSS Combinators (CSS Part 11)

• عناصر Pseudo CSS (CSS قسمت 12) Pseudo CSS Elements (CSS Part 12)

• ایجاد هدر بالایی و نوار کناری (CSS قسمت 13) Creating top header and sidebar (CSS Part 13)

• ایجاد دکمه کشویی (CSS قسمت 14) Creating a Dropdown Button (CSS Part 14)

• تکلیف CSS (CSS قسمت 15) CSS Assignment (CSS Part 15)

• ویژگی‌های action، for، name و استایل‌دهی فیلدهای ورودی بر اساس نوع (CSS قسمت 16) action, for, name attributes & styling input fileds based on type (CSS Part 16)

• ایجاد طرح‌بندی صفحه ستونی ریسپانسیو (CSS قسمت 01) Creating responsive column wise page layout (CSS Part 01)

• قانون !important و تابع calc در CSS به همراه متغیرهای CSS (CSS قسمت 17) !important rule and CSS calc function plus CSS variables (CSS Part 17)

• متغیرهای محلی و سراسری CSS به همراه وارد کردن چند تصویر (CSS قسمت 19) CSS local and global variables plus importing multiple images (CSS Part 19)

• ویژگی‌های inset، currentColor، word-wrap، writing-mode در CSS (CSS قسمت 20) inset, currentColor, word-wrap, writing-mode CSS properties (CSS Part 20)

• ویژگی‌های transform & transition در CSS (CSS قسمت 21) transform & transition CSS properties (CSS Part 21)

• Keyframes CSS برای انیمیشن‌ها (CSS قسمت 22) CSS keyframes for animations (CSS Part 22)

• tooltip، بازتاب تصویر، -webkit-mask-image و استایل‌های دکمه (CSS قسمت 23) tooltip, image reflection, -webkit-mask-image & button styles (CSS Part 23)

• پیکان متحرک و صفحه‌بندی (CSS قسمت 24) Animated arrow pointer & pagination (CSS Part 24)

• طرح‌بندی چند ستونی، تغییر اندازه textarea، display flex (CSS قسمت 25) Multi-column layout, textarea resize, display flex (CSS Part 25)

• ادامه CSS display flex (CSS قسمت 26) CSS display flex continued (CSS Part 26)

• CSS Grid (CSS قسمت 27) CSS Grid (CSS Part 27)

• CSS media query (CSS قسمت 28) CSS media query (CSS Part 28)

• CSS media query حالت portrait و landscape (CSS قسمت 29) CSS media query portrait & landscape mode (CSS Part 29)

• شروع کار با فریم‌ورک Bootstrap CSS (Bootstrap قسمت 01) Getting Started with Bootstrap CSS Framework (Bootstrap Part 01)

• استایل‌های Bootstrap (Bootstrap قسمت 02) Bootstrap Styles (Bootstrap Part 02)

• استایل‌های Bootstrap (Bootstrap قسمت 03) Bootstrap Styles (Bootstrap Part 03)

• استایل‌های Bootstrap (Bootstrap قسمت 04) Bootstrap Styles (Bootstrap Part 04)

• صفحه وب نمونه کار (قسمت 1) Portfolio Webpage (Part 1)

• صفحه وب نمونه کار (قسمت 2) Portfolio Webpage (Part 2)

• صفحه وب نمونه کار (قسمت 3) Portfolio Webpage (Part 3)

• صفحه وب نمونه کار (قسمت 4) Portfolio Webpage (Part 4)

• صفحه وب نمونه کار (قسمت 5) Portfolio Webpage (Part 5)

• صفحه وب نمونه کار (قسمت 6) Portfolio Webpage (Part 6)

• صفحه وب نمونه کار (قسمت 7) Portfolio Webpage (Part 7)

• صفحه وب نمونه کار (قسمت 8) Portfolio Webpage (Part 8)

• صفحه وب نمونه کار (قسمت 9) Portfolio Webpage (Part 9)

• صفحه وب نمونه کار (قسمت 10) Portfolio Webpage (Part 10)

• آزمون CSS CSS Quizz

• معرفی جاوا اسکریپت (JS قسمت 01) Introduction to JavaScript (JS Part 01)

• document، getElementById، innerHTML، فایل JS خارجی (JS قسمت 02) document, getElementById, innerHTML, External JS file (JS Part 02)

• دستورات JS، سینتکس، متغیرها، عملگرهای equals و equal to (JS قسمت 03) JS statements, syntax, variables, equals and equal to operators (JS Part 03)

• شناسه‌ها، متغیرها، متغیرهای محاسباتی (JS قسمت 04) identifiers, variables, arithmatic variables (JS Part 04)

• عملگرهای محاسباتی و انتساب (JS قسمت 05) Arithmatic & Assignment Operators (JS Part 05)

• توابع و اشیاء در JS (JS قسمت 06).mp4 functions & objects in JS (JS Part 06).mp4

• ادامه اشیاء در جاوا اسکریپت (JS قسمت 07) Continuation of objects in javascript (JS Part 07)

• توابع Slicing برای رشته‌ها (JS قسمت 08) Slicing functions for strings (JS Part 08)

• ادامه توابع رشته (JS قسمت 09) Continuation of string functions (JS Part 09)

• فرمت داده‌های Number و تبدیل آن (JS قسمت 10) Number data formate and its conversion (JS Part 10)

• آرایه‌ها در جاوا اسکریپت (JS قسمت 11) Arrays in JavaScript (JS Part 11)

• آرایه‌ها در JS، توابع pop، push، shift، unshift (JS قسمت 12).mp4 Arrays in JS, pop, push, shift, unshift functions (JS Part 12).mp4

• توابع رشته‌ای، concat، join، splice، slice، foreach، map، filter، find، inclu string functions, concat, join, splice, slice, foreach, map, filter, find, inclu

• توابع Date و Math (JS قسمت 14) Date and Math Functions (JS Part 14)

• انواع داده Boolean و عملگرهای منطقی در جاوا اسکریپت (JS قسمت 15) Boolean Data Types and Logical Operators in JavaScript (JS Part 15)

• دستورات if (JS قسمت 16) if statements (JS Part 16)

• دستورات switch در جاوا اسکریپت (JS قسمت 17) switch statements in JavaScript (JS Part 17)

• حلقه‌های for & for in (JS قسمت 18) for & for in loops (JS Part 18)

• حلقه‌های while & do while (JS قسمت 19) while & do while loops (JS Part 19)

• getElementById، onmouseover، onmousemove، onkeydown، event.keyCode، دستکاری css getElementById, onmouseover, onmousemove, onkeydown, event.keyCode, css manipula

• getElementsByClassName، getElementByTagName (JS قسمت 21) getElementsByClassName, getElementByTagName (JS Part 21)

• توابع زمان‌بندی setTimeout، clearInterval (JS قسمت 22) setTimeout, clearInterval time functions (JS Part 22)

• کار روی مثال 02 (JS قسمت 23) Working on Example 02 (JS Part 23)

• مثال 03، 04 & 05 (JS قسمت 24) Example 03, 04 & 05 (JS Part 24)

• صفحه وب نمونه کار (قسمت 1) Portfolio Webpage (Part 1)

• صفحه وب نمونه کار (قسمت 2) Portfolio Webpage (Part 2)

• صفحه وب نمونه کار (قسمت 3) Portfolio Webpage (Part 3)

• صفحه وب نمونه کار (قسمت 4) Portfolio Webpage (Part 4)

• آزمون جاوا اسکریپت JavaScript Quizz

jQuery + PHP jQuery + PHP

• معرفی و پیکربندی jQuery به همراه انیمیشن FadeInOut jQuery Introduction and Configuration plus FadeInOut Animation

• دستکاری HTML و CSS Manipulating HTML and CSS

• توابع از پیش تعریف شده click، hide، show و toggle Predefined click, hide, show and toggle function

• اسلایدها، توابع animate و حلقه each از پیش تعریف شده Predefined slides, animate functions and each loop

• نمایش رمز عبور با رویداد کلیک Checkbox Show Password on Checkbox Click Event

• آزمون jQuery jQuery Quizz

• معرفی PHP و نصب سرور XAMPP PHP Introduction and Installing XAMPP Server

• Echo، print، نظرات، متغیرها و روش GET Echo, print, comments, variables and GET method

• انواع توابع و عملگرها در php Types of functions and operators in php

• شرایط If، elseif و switch If, elseif conditions and switch

• پروژه نمونه - ساخت یک ماشین حساب ساده Example Project - Building a basic calculator

• انواع حلقه‌ها در php Types of loops in php

• توابع تعریف شده توسط کاربر (اضافه کردن مبلغ و افزایش حقوق با درصد) User defined functions (add amount and increase salary by percentage)

• ادامه تابع تعریف شده توسط کاربر Continuation of user-defined function

• اضافه کردن صفحه خدمات و شامل کردن هدر و فوتر به آن Adding services page and including header & footer to it

• صفحه ثبت نام (قسمت 1) Signup Page (Part 1)

• صفحه ثبت نام (قسمت 2) Signup Page (Part 2)

• صفحه ثبت نام (قسمت 3) Signup Page (Part 3)

• صفحه ورود Signin Page

• خروج Logout

• محلی‌سازی (قسمت 1) Localization (Part 1)

• محلی‌سازی (قسمت 2) Localization (Part 2)

• محلی‌سازی (قسمت 3) Localization (Part 3)

• آزمون PHP PHP Quizz

• درخواست مدرس Instructor's Request

کتابخانه نقشه برداری Leaflet Leaflet Mapping Library

• معرفی Leaflet و ایجاد OSM Introduction to Leaflet and Creating OSM

• اضافه کردن لایه‌های tyle مختلف (basemaps) به نقشه و شامل کردن نشانگرها و پاپ‌آپ‌ها Adding different tyle layers (basemaps) to map and including markers and popups

• اضافه کردن دایره و چند ضلعی به نقشه Adding Circle and Polygon to the map

• اضافه کردن واترمارک و فایل‌های geojson به نقشه Adding watermark and geojson files to the map

• اضافه کردن گروه لایه و Tile Layer Adding Layer and Tile Layer Group

• GeoJSON و bindPopup GeoJSON and bindPopup

• رویدادها در Leaflet Events in Leaflet

• اطلاعیه تکلیف Assignment Notice

• توضیح تکلیف Explaining the Assignment

• توضیح کد منبع تکلیف Explaining the Assignment Source Code

• پروژه ولایت‌های افغانستان (قسمت 1) Afghanistan Provinces Project (Part 1)

• پروژه ولایت‌های افغانستان (قسمت 2) Afghanistan Provinces Project (Part 2)

• پروژه ولایت‌های افغانستان (قسمت 3) Afghanistan Provinces Project (Part 3)

• پروژه ولایت‌های افغانستان (قسمت 4) Afghanistan Provinces Project (Part 4)

• راه حل تکلیف Assignment Solution

• پروژه Marker Cluster (قسمت 1) Marker Cluster Project (Part 1)

• پروژه Marker Cluster (قسمت 2) Marker Cluster Project (Part 2)

• Heatmap در Leaflet Heatmap in Leaflet

• مبانی Openlayers + Mapbox Openlayers + Mapbox Basics

• آزمون Leaflet Leaflet Quizz

TurfJS TurfJS

• معرفی TurfJS، ایجاد نقاط و یافتن فاصله بین نقاط Introduction about TurfJS, Creating points and finding the distance between pts

• MultiPoints، MultiLines، Polygon، نقاط در امتداد چند ضلعی MultiPoints, MultiLines, Polygon, Points along with polygon

• Buffer، fitBounds، مرکز چند ضلعی، تقاطع، اتحاد، تفاوت، خط نقطه D Buffer, fitBounds, Polygon Center, Intersection, Union, Difference, Point Line D

• Polygon-arround-point، lineOffset، polygon-smooth، ترجمه و مقیاس چند ضلعی Polygon-arround-point, lineOffset, polygon-smooth, translate and scale polygon

• Multiline-to-polygon، polygon-to_line، line-intersection، line-overlapping Multiline-to-polygon, polygon-to_line, line-intersection, line-overlapping

• Points-outside_polygon، closest-point Points-outside_polygon, closest-point

• اضافه کردن قابلیت زوم به نقشه افغانستان (پروژه 1) Adding zooming functionality to Afghanistan Map (Project 1)

• اضافه کردن Slider برای فیلتر کردن ولایت‌ها بر اساس مساحت و نشان دادن مرکز P Adding Slider to filter the provinces based on area and showing center of the P

• آزمون Turf Turf Quizz

کتابخانه Echarts JS Echarts JS Library

• معرفی Echarts و تجسم داده‌ها با استفاده از نمودارهای میله‌ای Introduction to Echarts and visualizing data using barcharts

• اضافه کردن نمودار میله‌ای-خطی، نمودار دایره‌ای و نمودار ناحیه‌ای Adding bar-line chart, piechart and area-chart

• پروژه افغانستان (قسمت 1) Afghanistan Project (Part 1)

• پروژه افغانستان (قسمت 2) Afghanistan Project (Part 2)

• آزمون Apache Echarts Apache Echarts Quizz

پروژه Geoserver Geoserver Project

• معرفی Geoserver و انتشار لایه afg_provinces Introduction to Geoserver and Publishing afg_provinces layer

• درخواست WMS از Geoserver و استایل‌دهی ویژگی‌ها Requesting WMS from Geoserver and styling the features

• درخواست WFS از Geoserver و استایل‌دهی ویژگی‌ها Requesting WFS from Geoserver and styling the features

• WFS با CQL_Filtering در دکمه کشویی WFS with CQL_Filtering in the dropdown button

• اضافه کردن گزینه All و None به عملکرد کشویی Adding All and None option to the dropdown functionality

• آزمون GeoServer GeoServer Quizz

• نتیجه‌گیری Conclusion

• قسمت 3 دوره Part 3 of the Course

• دوره‌های مرتبط بیشتر با GIS More GIS Related Courses

• با ما در ارتباط باشید Stay Connected With Us