Name: Building Web GIS Apps with C# ASP.NET CORE MVC and Leaflet
Rating: 4.0 (57 reviews)

Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Created byEBISYS R&D

Last updated 12/2021

English

What you'll learn

Be able to create a Full-stack web GIS application from scratch
Building Full-stack ASP Dotnet Core MVC Apps
Backend Coding in C#
Be able to use a 3rd party JavaScript charting library
Building a .NET Core REST API
PostgreSQL for .NET and Windows
Entity Framework Core

Course content

7 sections • 30 lectures • 2h 3m total length

Introduction3:09

Installing the .NET SDK1:53
Install the .NET SDK version 6, download the latest long-term support release, and verify the installation with the dotnet version command to enable web GIS development.
Installing the Visual Studio Code IDE3:15
Creating an ASP.NET MVC 6 Starter Project2:15
Create a starter ASP.NET MVC 6 project with dotnet, open it in code, run the app to verify the template, then prepare to build your own application.
Installing Entity Framework Core Packages2:55
Install entity framework core packages to map tables to C# objects and enable read and write operations, using dotnet add package commands and verify in the project.

Creating the Model Class2:36
Create a C# model class named water consumption with fields Eid, neighborhood, suburb group, average monthly kilolitre (int), and coordinates (string), including getters and setters, mapping to a Postgres table.
Creating the Data Context Interface2:42
Creating the Data Context Class4:55
Adding the Connection String3:17
Database Migrations2:43
Create and apply database migrations, then update the database. Verify in pgAdmin that a Postgres table is created and its fields match the model.
Creating the Repository Interface4:01
Creating the Repository Implementation Class7:52

Adding the Front-End Static Files2:04
Creating the Layout Page6:25
Creating the Index Page1:36
Creating our First Leaflet Map2:36
Create your first Leaflet map by configuring a div container, loading the base map, and initializing the default view and zoom. Test by running the application to confirm success.
Creating Multiple Basemaps2:16
Displaying Data on the Map4:36
Fetch neighborhood data via a url endpoint using jQuery's getJson, convert coordinates to arrays, and render multi polygon neighborhoods on a Leaflet map, then style by average monthly kilolitre.
Styling the Map Part 14:15
Styling the Map Part 2: Interactivity4:19
Creating the Legend3:25
Create a legend for the map with a Leaflet control in the bottom-right, mapping color grades to water consumption in kilolitres and displaying their values.
Creating the Bar Chart Legend2:34
Creating the Bar Chart6:48

Requirements

A basic knowledge of C# and JavaScript
A Windows operating system
Some coding experience

Description

Welcome to the Building Web GIS Apps with C# ASP.NET CORE MVC and Leaflet course. We'll be building a Full-stack MVC style Web Application using the .NET Core Framework. The purpose of this course and many more to follow, is to learn to create geospatial analytics and convert it into a functional application.

In our use case we will be working with suburban water consumption data and we will be applying data processing techniques to extract transform and load the data into our spatial database. Once we have processed and cleaned the data, we will use it as a data source for building our .NET Core Web Map Application.

We will be powering our application with a PostgreSQL and PostGIS database. In the Front-End we'll use Bootstrap, JavaScript, Leaflet and Ajax. On the server side we'll be using C#, ASP.NET CORE MVC, combined with use of libraries like Entity Framework Core, Newtonsoft.Json and Npgsql for our data transformation and conversion operations. The operating system that we will be working on is Windows 10 and Server 2016.

Some skills that you can expect to derive after completing the course are the following:

You will learn how to build a Spatial Database using Postgresql and PostGIS.
You will learn how to create charts with Chart.js.
You will learn to build Web Maps with Leaflet.js.
You will learn how to build REST API Endpoints with C# and LINQ
You will learn some C# programming.
You will learn some JavaScript programming.
You will learn how to build Web Applications using the C# and ASP.NET Core MVC Framework.

Who this course is for:

Beginner and advanced developers
The curious mind

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 3min

Setup and Installations3 lectures • 19min

Building an ASP.NET Core MVC Application4 lectures • 10min

Writing the Back-End Code7 lectures • 28min

Building the REST API Service3 lectures • 22min

Building the Front-End View with Bootstrap and Leaflet.js11 lectures • 41min

Project Source Code1 lecture • 1min

Requirements

Description

Who this course is for: