Introduction to web programming for GIS applications from Udemy

What's inside

Learning objective

Understand the basic technologies used in web programming and how they interact to form a web application. you will gain basic knowledge of html, css, javascript, jquery, bootstrap, php, ajax, sql, and the postgresql database. more specifically you will gain enough understanding of these technologies to be able to use leaflet, turf.js, and postgis to create a web-mapping application that is freely available to all.

Syllabus

Understand the basic components of web programming, the goals of this course, the basics of client-server programming and understand how it differs from a single user application

A short lecture to introduce the course and tell you what it is all about.

A little bit about me and why I decided to develop this course.

Understand the philosophy and goals of the course

What is client-server architecture and how does it work?

The major and minor components of a web application

Introduction to how HTML, CSS, and JavaScript work together in the browser.

Section 1

Understand the basics of an HTML document and the most commonly use tags.

The basic structure of an HTML document. Header and body sections.

An introduction to HTML tags. Headers, paragraphs, and lists.

Adding a link to a web page and using the web to find reference material about HTML tags

Divs, line breaks, and HTML tags for styling

Create tables in HTML using table, th, tr, and td tags.

Creating a form with HTML tags

Continuation of previous lecture on creating forms in HTML

Section 2 HTML

Understand the purpose of CSS and how it interacts with HTML to improve the presentation of your web page.

Introduction to the basics of CSS

Description of the three different places that you can include CSS in your document.

How thebrowser determines which CSS rules to apply when their are conflicts.

How to use pseudo-selectors to refine the selections that css rules are applied to.

Methods for specifying colors in CSS

What is CSS used for in web applications and how can we learn more.

Section 3 CSS

Understand the Document Object Model (DOM) and how it relates to HTML and CSS. This is the core of client-side programming.

A short introduction to what the Document Object Model means and how it works.

An introduction to the concept of objects

Describing an object class, an abstract class, and the instantiation of objects.

An example of how objects are used, and how their properties are set in Powerpoint and QGIS

How is the HTML code of a web page translated into a document object model.

Learn what an event is and how to respond to events with an event handler

Understand the purpose of JavaScript and Jquery and how to use them to make web pages interactive

An introduction to the purpose of JavaScript.

Learn how to access and modify the Document Object Model using Javascript

Learn more about how to access and modify the Document Object Model using Javascript

Learn how to view element properties using the google chrome developer tools

Writing event handlers in Javascript

More about writing event handlers in javascript

Even more about event handlers and the if statement in Javascript

Understand the purpose of variables and how to use them

View a second example of DOM manipulation using JavaScript using the switch statement

Using Javascript to perform simple calculations

Learn how to validate user input and report errors to the user.

Learn about the problems associated with alert boxes and methods for communicating with the user without using alerts.

More about validation and an example of using DOM manipulation to communicate to the user.

Finishing our example by outputting our results to the user using DOM manipulation

Learn how to use for loops and while loops to minimize code repetition in Javascript

Learn more about using arrays in JavaScript

Learn how to use objects and JSON to store data.

Understand the various libraries that we will be using in this course

An introduction to the frameworks and libraries that we will be using in this course, and a few that we won't be using, but that you probably should know about.

An introduction to the purpose and uses of bootstrap

A demonstration of using Bootstrap classes to layout and style your web page

An introduction to jQuery.

Selecting DOM elements with jQuery selectors

Using jQuery to modify the DOM

Learn how Geo-spatial data is stored on the web

Learn how spatial data is structured in geoJSON format

Learn about the pros and cons of different mapping libraries and what they can do for you.

Understand the web development process by following along as a simple web map is created using Leaflet.

A description of the advantages of Code Editors with some examples.

Learn how to create a basic responsive web map layout with HTML, CSS, and bootstrap

Use Javascript to initialize a web map and add a background map to it.

Learn how to display and style your own custom data

Learn how to respond to both DOM events and map events with JavaScript event handlers.

Learn how to add data from an external geoJSON data to a web map

Learn how to loop through geoJSON data and create HTML from it on the fly.

Learn how to integrate Turf.js to perform spatial analysis in the client.

Learn how to use QGIS to create and modify geoJSON data files for use in leaflet.

Summary of client side web mapping and its limitations.

Understand some common server side technologies and how they are used.

Understand the two main server-side technologies, databases and server side programming languages.

Understand more about the types of databases available and how they are used.

Understand how geospatial data is stored in databases and the options that are available.

Understand the types of servers that are available and the advantages and disadvantages of each.

A brief explanation of the history of the web and why we need so many disparate programming languages to develop a web application.

Understand how databases are used in dynamic web pages and the basics of storing, retrieving, and updating data using SQL

Understand how SQL is used in conjunction with a server side programming language to create dynamic web pages.

SQL Create statement

Learn how to use a SQL Insert statement to add new records to a database table.

Learn how to use SQL SELECT statements to retrieve data from the database with both single table, multi-table, and spatial queries.

Learn the different methods available to submit a SQL statement to a database with examples.

SQL Update and Delete Statements

Understand the basics of the PHP programming languages and how it is used to interact with the database using AJAX to build dynamic web pages.

Learn the purpose and basics of PHP

Learn how to deal with numeric and associative arrays in PHP

Communication with the server - GET and POST

Learn how to control program flow in PHP with conditional statements and loops

Understand the dangers of SQL injection attacks and how to prevent them with PDO data objects

Learn how to access and manage the database using PHP Data Objects

Learn about some of the limitations with PHP and how to solve them with JavaScript and AJAX

Learn how to use AJAX to submit a request to the server, process the results on the server and return the data to the client.

Live demonstration of using AJAX requests to retrieve data from the server.

Learn how to format database data on the server as JSON and process it on the client.

Learn how to format spatial data on the server as geoJSON for inclusion in a leaflet map.

Live demonstration of adding data from the database to a leaflet map.

Understand how PostGIS extends database technology to store and retrieve geospatial data and perform spatial analysis.

Understand how PostGIS adds geospatial functionality to the PostgreSQL database.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Examines spatial web development, which is a growing field with opportunities in many industries

Teaches practical skills, such as using Leaflet, PostGIS, and Turf.js, that are in-demand in the industry

Develops skills in client-side and server-side programming with HTML, CSS, JavaScript, PHP, SQL, and PostGIS

Builds a strong foundation for learners with little to no prior experience in web programming or geospatial analysis

Taught by Michael Miller, who is recognized for his work in geospatial web development and open source software

Provides hands-on labs and interactive materials to reinforce learning

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Introduction to web programming for GIS applications with these activities:

Practice HTML

Show steps

The core of any web application is HTML. Review or learn about HTML before starting this course.

Browse courses on HTML

Show steps

Review the syntax of HTML elements
Expand knowledge of HTML elements
Create an example layout using semantic HTML elements

Read "Head First HTML and CSS"

Show steps

This book will help you solidify your foundational understanding of HTML.

View Head First JavaScript Programming on Amazon

Show steps

Read chapters 1-4

Review previously studied material

Show steps

This course emphasizes technology used in web development. You should brush up on your knowledge to prepare.

Show steps

Review notes, assignments, homework, and or quizzes
Review textbook references
Review slides or recordings of any lectures viewed
Do practice questions or complete practice assignments

Three other activities

Expand to see all activities and additional details

Show all six activities

Learn PHP data objects

Show steps

PHP data objects are commonly used by PHP developers. You should be familiar with them for this course.

Show steps

Complete the PHP tutorial on PDO
Extend the knowledge of PHP data objects with community resources

Use QGIS to create a geoJSON file

Show steps

Being able to use QGIS to work with geoJSON is an essential skill for this course.

Browse courses on GeoJSON

Show steps

Review the documentation or tutorials for QGIS
Create a new project and add a data layer
Export the data layer as a geoJSON file

Build a simple portfolio website

Show steps

Building a simple portfolio website can help you apply the skills you are learning in this course.

Browse courses on Portfolio Website

Show steps

Plan the structure and content of your website
Design the layout and visual style of your website
Develop the HTML, CSS, and JavaScript code for your website
Deploy your website to a web hosting provider

Career center

Learners who complete Introduction to web programming for GIS applications will develop knowledge and skills that may be useful to these careers:

Web Developer

Web Development is the central focus of this course, but a Web Developer frequently does more, such as programming and designing web pages. As a Web Developer, you would find the information provided in this course very useful to entering the field from a programming perspective.

See salaries and explore the career path for Web Developer

GIS Analyst

A GIS Analyst provides solutions to real-world problems using spatial data and geographic technology and is closely related to the field of Web Development. Much of what you learn in this course on the use of web technologies with geospatial data will be useful to your success as a GIS Analyst.

See salaries and explore the career path for GIS Analyst

Front-End Developer

Front-End Developers are responsible for the user interface and user experience of a website or web application. The information in this course on HTML, CSS, JavaScript, jQuery, and Bootstrap will form a great foundation for your work as a Front-End Developer.

See salaries and explore the career path for Front-End Developer

Software Developer

Creating and maintaining software applications is a big responsibility and typically falls on a Software Developer. This course can teach you the basics of client-server application programming, HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, AJAX, SQL, and PostgreSQL database. These concepts will all be useful to your success as a Software Developer.

See salaries and explore the career path for Software Developer

Data Analyst

Data Analysts transform raw data into useful information. This course will help you better understand the basics of how data is stored and accessed on the web and the basics of SQL, PHP, AJAX, and PostGIS. This knowledge will be very useful to you as a Data Analyst.

See salaries and explore the career path for Data Analyst

Database Administrator

Database Administrators install and maintain the databases that store data. This course covers the basics of SQL and PostGIS which would be useful to you as a Database Administrator.

See salaries and explore the career path for Database Administrator

Systems Analyst

Systems Analysts analyze the organisation and efficiency of a computer system. They provide solutions to problems and help businesses to operate more efficiently. The information provided in this course will be useful to your work as a Systems Analyst.

See salaries and explore the career path for Systems Analyst

Information Architect

Information Architects are responsible for planning the organisation, navigation, and labelling of information on a website or web application. This course will help you to better understand the basics of how a web mapping application is put together which will assist you in your work as an Information Architect.

See salaries and explore the career path for Information Architect

Network Engineer

Network Engineers plan, implement, and maintain computer networks. The information in this course is only somewhat related to the work that you would do as a Network Engineer, but you may find the material on the Internet and how websites and web applications interact with it to be of interest.

See salaries and explore the career path for Network Engineer

Computer Systems Analyst

Computer Systems Analysts analyze the computer and information needs of an organization and design efficient systems to fulfill those needs. This course may be somewhat useful to you as as Computer Systems Analyst as it teaches the basics of client-server application programming and the basics of databases.

See salaries and explore the career path for Computer Systems Analyst

Database Developer

Database Developers design and build software applications that interact withdatabases. They create the structure of the database and write the code that allows users to insert, delete, and update data. This course teaches the basics of databases and the basics of SQL and PostGIS. This knowledge will be very helpful to you as a Database Developer.

See salaries and explore the career path for Database Developer

Quality Assurance Analyst

Quality Assurance Analysts ensure that software meets the requirements and specifications that it was designed for. This course may be somewhat useful to you in this role as it provides a good overview of how websites and web applications are put together.

See salaries and explore the career path for Quality Assurance Analyst

Computer Programmer

Computer Programmers design, develop, test, and maintain computer programs. This course provides a broad overview of the Internet, web pages, web applications, and databases. This information could be of interest to a Computer Programmer.

See salaries and explore the career path for Computer Programmer

Computer Scientist

Computer Scientists conduct research in the theory and applications of computing. This course provides a broad overview of the Internet, web pages, web applications, and databases. This information could be of interest to a Computer Scientist.

See salaries and explore the career path for Computer Scientist

Geospatial Analyst

Geospatial Analysts use geographic information systems (GIS) to solve problems, such as finding the best location for a new business or analyzing the impact of a natural disaster. This course will help build a strong foundation for working with spatial data in web mapping applications.

See salaries and explore the career path for Geospatial Analyst