This video shows how to create webGIS application using Openlayers/Leaflet and Geoserver from scratch.

GeoServer:
GeoServer is an open source server for sharing geospatial data. GeoServer implements industry standard OGC protocols such as Web Feature Service (WFS), Web Map Service (WMS), and Web Coverage Service (WCS). Additional formats and publication options are available as extensions including Web Processing Service (WPS), and Web Map Tile Service (WMTS).

OpenLayers:
OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free.

Leaflet:
Leaflet is the leading opensource JavaScript library for mobilefriendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need.
Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can be extended with lots of plugins has a beautiful, easy to use and well documented API and a simple, readable source code that is a joy to contribute to.
Leaflet is a good alternative of OpenLayers library

Web application source code Openlayers
https://drive.google.com/file/d/1AnkD...

Web application source code Leaflet
https://drive.google.com/file/d/1xRd2...

For learning WebGIS development using opensource tools, Google Earth engine, GIS, Image analysis, Please contact at [email protected]

Video timeline:
00:00 Introduction
03:25 Demo of WebGIS application
13:38 Download and Install Tomcat
18:10 Deployment of Geoserver in Tomcat
20:36 Deployment, configuration and explanation of the WebGIS application.