A Comprehensive Course on GIS (Part 2 – Web GIS)

Course Curriculum

Chapter 1: Web Development Languages (HTML, CSS & JavaScript)

Lecture 1: General Overview of the Course – Web GIS

Lecture 2: Recape what you had learnt in the Part 01 of the Course

Lecture 3: The Course Outline & What is HTML (HTML Part 01)

Lecture 4: Create your first HTML Web Application (HTML Part 02)

Lecture 5: header, paragraph, a link, img, input, button, hr, br elements (HTML Part 03)

Lecture 6: header, body, html, meta, & some html attributes (HTML Part 04)

Lecture 7: pre, b, i, em, mark, small, ins, sub, sup, abbr elements (HTML Part 05)

Lecture 8: address, bdo, dir attribute, comments (HTML Part 07)

Lecture 9: RGB, RGBA, Hexadecimal colors, HSL, HSLA, links (HTML Part 08)

Lecture 10: mailto attribute and bookmarks (HTML Part 09)

Lecture 11: image and source elements plus the favicon (HTML Part 10)

Lecture 12: table elements (HTML Part 11)

Lecture 13: table style, plus ordered and unordered lists (HTML Part 12)

Lecture 14: span element, id and class names (HTML Part 13)

Lecture 15: web page, youtube, facebook, instagram iframes (HTML Part 14)

Lecture 16: web page layout using css float property (HTML Part 15)

Lecture 17: Talking about responsiveness of application, kbd, samp, code elements -HTML P 16

Lecture 18: Semantic and non Semantic Elements, form (HTML Part 17)

Lecture 19: input element properties (HTML Part 18)

Lecture 20: HTML Multimedia, object elements (HTML Part 19)

Lecture 21: Introduction to CSS and its Types (CSS Part 01)

Lecture 22: Linking External CSS with HTML Document (CSS Part 02)

Lecture 23: Padding Properties (CSS Part 03)

Lecture 24: CSS Text Properties (CSS Part 04)

Lecture 25: CSS Font Properties and Google Fonts (CSS Part 05)

Lecture 26: Importing Icons from Internet (CSS Part 06)

Lecture 27: Importing Images from Internet, text and box shadows (CSS Part 07)

Lecture 28: CSS Position Property (CSS Part 08)

Lecture 29: overflow, float and display properties (CSS Part 09)

Lecture 30: Example of Position Properties and CSS Selectors (CSS Part 10)

Lecture 31: CSS Combinators (CSS Part 11)

Lecture 32: Pseudo CSS Elements (CSS Part 12)

Lecture 33: Creating top header and sidebar (CSS Part 13)

Lecture 34: Creating a Dropdown Button (CSS Part 14)

Lecture 35: CSS Assignment (CSS Part 15)

Lecture 36: action, for, name attributes & styling input fileds based on type (CSS Part 16)

Lecture 37: Creating responsive column wise page layout (CSS Part 01)

Lecture 38: !important rule and CSS calc function plus CSS variables (CSS Part 17)

Lecture 39: CSS local and global variables plus importing multiple images (CSS Part 19)

Lecture 40: inset, currentColor, word-wrap, writing-mode CSS properties (CSS Part 20)

Lecture 41: transform & transition CSS properties (CSS Part 21)

Lecture 42: CSS keyframes for animations (CSS Part 22)

Lecture 43: tooltip, image reflection, -webkit-mask-image & button styles (CSS Part 23)

Lecture 44: Animated arrow pointer & pagination (CSS Part 24)

Lecture 45: Multi-column layout, textarea resize, display flex (CSS Part 25)

Lecture 46: CSS display flex continued (CSS Part 26)

Lecture 47: CSS Grid (CSS Part 27)

Lecture 48: CSS media query (CSS Part 28)

Lecture 49: CSS media query portrait & landscape mode (CSS Part 29)

Lecture 50: Getting Started with Bootstrap CSS Framework (Bootstrap Part 01)

Lecture 51: Bootstrap Styles (Bootstrap Part 02)

Lecture 52: Bootstrap Styles (Bootstrap Part 03)

Lecture 53: Bootstrap Styles (Bootstrap Part 04)

Lecture 54: Portfolio Webpage (Part 1)

Lecture 55: Portfolio Webpage (Part 2)

Lecture 56: Portfolio Webpage (Part 3)

Lecture 57: Portfolio Webpage (Part 4)

Lecture 58: Portfolio Webpage (Part 5)

Lecture 59: Portfolio Webpage (Part 6)

Lecture 60: Portfolio Webpage (Part 7)

Lecture 61: Portfolio Webpage (Part 8)

Lecture 62: Portfolio Webpage (Part 9)

Lecture 63: Portfolio Webpage (Part 10)

Lecture 64: Introduction to JavaScript (JS Part 01)

Lecture 65: document, getElementById, innerHTML, External JS file (JS Part 02)

Lecture 66: JS statements, syntax, variables, equals and equal to operators (JS Part 03)

Lecture 67: identifiers, variables, arithmatic variables (JS Part 04)

Lecture 68: Arithmatic & Assignment Operators (JS Part 05)

Lecture 69: functions & objects in JS (JS Part 06).mp4

Lecture 70: Continuation of objects in javascript (JS Part 07)

Lecture 71: Slicing functions for strings (JS Part 08)

Lecture 72: Continuation of string functions (JS Part 09)

Lecture 73: Number data formate and its conversion (JS Part 10)

Lecture 74: Arrays in JavaScript (JS Part 11)

Lecture 75: Arrays in JS, pop, push, shift, unshift functions (JS Part 12).mp4

Lecture 76: string functions, concat, join, splice, slice, foreach, map, filter, find, inclu

Lecture 77: Date and Math Functions (JS Part 14)

Lecture 78: Boolean Data Types and Logical Operators in JavaScript (JS Part 15)

Lecture 79: if statements (JS Part 16)

Lecture 80: switch statements in JavaScript (JS Part 17)

Lecture 81: for & for in loops (JS Part 18)

Lecture 82: while & do while loops (JS Part 19)

Lecture 83: getElementById, onmouseover, onmousemove, onkeydown, event.keyCode, css manipula

Lecture 84: getElementsByClassName, getElementByTagName (JS Part 21)

Lecture 85: setTimeout, clearInterval time functions (JS Part 22)

Lecture 86: Working on Example 02 (JS Part 23)

Lecture 87: Example 03, 04 & 05 (JS Part 24)

Lecture 88: Portfolio Webpage (Part 1)

Lecture 89: Portfolio Webpage (Part 2)

Lecture 90: Portfolio Webpage (Part 3)

Lecture 91: Portfolio Webpage (Part 4)

Chapter 2: jQuery + PHP

Lecture 1: jQuery Introduction and Configuration plus FadeInOut Animation

Lecture 2: Manipulating HTML and CSS

Lecture 3: Predefined click, hide, show and toggle function

Lecture 4: Predefined slides, animate functions and each loop