Web GIS development course

Explore the CSS box model by building a card with a box, heading, and body, and center it with margin auto, width, and min-width alongside padding, border, and text alignment.

Explore Bootstrap's flexbox-based grid system and a 12-column layout with rows and columns that create responsive, equal-width blocks, stack on mobile, scale on desktop, with offsets and nested rows.

Explore how the DOM and BOM empower JavaScript to access and manipulate HTML elements, respond to browser size, and style pages with selectors, IDs, classes, and tag names.

Explore how to define and call functions in JavaScript, pass parameters, and return results. Learn to manipulate the dom with innerHTML and innerText to display outputs on the page.

Set up a modular web GIS project using OpenLayers by organizing assets, building index.html, main.js, and style.css, and implementing a base map with a view, center, and zoom.

Learn how to access map view properties in OpenLayers, set the center and zoom, and switch projections between EPSG 3857, 4326, and 32643 using Proj4 and epsg.io definitions.

Explore how geoserver advanced styling uses the zoom property and min/max scale denominators to display or hide districts, with Qgis assisting value determination and explicit rule settings.

Explore basic PostgreSQL operations in pgadmin, including creating databases and tables. Define columns and data types, including primary key, not null, and perform insert, select, update, and delete with conditions.

Learn to set up PostGIS on Postgres, enable the extension, and import spatial data from shapefiles and geojson using QGIS or command line, with CRS and indexing.

Connect front end to a Postgres database via a PHP Ajax get request on zamp server, render geojson city data on OpenLayers map as a vector layer in 3857 projection.

Learn how to implement a PHP AJAX post request to save new city features on a map, sending coordinates and name to a PostgreSQL database with OpenLayers and Bootstrap.