Open Source WebGIS Training
Module 1 : Web Development & HTML
- Introduction to Web Development
- Introduction to HTML
- Creating Basic Web Pages
- HTML List and introduction to various tags
- HTML Input tags
- HTML Forms
- HTML miscellaneous tags
- HTML Workshop!
Module 2 : Styling the HTML with CSS
- What is CSS?
- Using CSS in webpage
- BOX Model in CSS
- Miscellaneous tips and tricks with CSS Tags
- CSS Workshop
Module 3 : Working with Bootstrap
- Introduction to Bootstrap
- Bootstrap GRID Concept
- Creating Beautiful forms using Bootstrap
- Creating standard application with BS
- Workshop on BS to create portfolio site
Module 4 : JavaScript (ES 5)
- Introduction to JavaScript
- Operators in JavaScript
- Javascript Arrays
- Javascript Objects
- Javascript Conditions
- Javascript Loops
- DOM/BOM in Javascript
- Functions in Javascript
- Connection of APIs using Javascript
- Connection of APIs using Javascript
- Workshop on JavaScript
Module 5 : Break Time!
- Code Sprint on HTML
- Code Sprint on CSS and Bootstrap
- Code Sprint on JavaScript
Module 6 : Openlayers 5.3
- Introduction to Openlayers 5.3 and basic setup
- Projections in Openlayers and map properties
- Visualising Raster Data in Openlayers
- Visualising Vector Data in Openlayers
- Visualising Cluster Data in Openlayers
- Visualising Heatmap Data in Openlayers
- Map Interactions in Openlayers
- Map Methods and Controls
- Custom Controls in Openlayers
- Workshop on creating web app using Openlayers
Module 7 : Geoserver
- Introduction to Geoserver
- Introduction to Workspace, Stores, Layers
- Geoserver Styling
- Geoserver Basic Security
- Geoserver Capabilities (WMS / WFS)
- Workshop on create web app using OL and Geoserver
Module 8 : Database
- Introduction to Databases
- Setup and basic Operations in PostgreSQL
- PostgreSQL Operations and relations
- Introduction to PostGIS
- PostGIS Query Formation
- Connecting PostGIS to Geoserver
- Connecting PostGIS to QGIS
- Workshop on Creating Complex operations using PostGIS
Module 9 : PHP-AJAX
- Introduction to PHP
- Introduction to AJAX
- Using XMLHttpRequest
- Using Fetch API
- Requests – GET, POST, PUT, DELETE
- Workshop on joining PHP to Database, Geoserver and Openlayers
Module 10 : Other Open source Options
- Introduction to leaflet.js
- Introduction to Mapbox GL JS
- Introduction to Mapbox Studio
