Intro to Web Development for GIS and Mapping

Intro to Web Development for GIS and Mapping, available at $64.99, has an average rating of 4.7, with 85 lectures, 20 quizzes, based on 19 reviews, and has 143 subscribers.

You will learn about Ability to code, debug, host, and update your own custom website Comprehension of HTML, CSS, and JS Create interactive maps with Leaflet and Maplibre/Mapbox Start strong in a career of web development and GIS This course is ideal for individuals who are Newcomers to programming or web development who want to build maps or People looking for a project-based way to get into programming or GIS experts who want to transition to web development or Web developers working on a GIS project for the first time It is particularly useful for Newcomers to programming or web development who want to build maps or People looking for a project-based way to get into programming or GIS experts who want to transition to web development or Web developers working on a GIS project for the first time.

Enroll now: Intro to Web Development for GIS and Mapping

Summary

Title: Intro to Web Development for GIS and Mapping

Price: $64.99

Average Rating: 4.7

Number of Lectures: 85

Number of Quizzes: 20

Number of Published Lectures: 85

Number of Published Quizzes: 20

Number of Curriculum Items: 105

Number of Published Curriculum Objects: 105

Original Price: $24.99

Quality Status: approved

Status: Live

What You Will Learn

Ability to code, debug, host, and update your own custom website
Comprehension of HTML, CSS, and JS
Create interactive maps with Leaflet and Maplibre/Mapbox
Start strong in a career of web development and GIS

Who Should Attend

Newcomers to programming or web development who want to build maps
People looking for a project-based way to get into programming
GIS experts who want to transition to web development
Web developers working on a GIS project for the first time

Target Audiences

Newcomers to programming or web development who want to build maps
People looking for a project-based way to get into programming
GIS experts who want to transition to web development
Web developers working on a GIS project for the first time

Are you:

a GIS expert looking to get into web development?
a total beginner with a cool mapping idea, but you’ve never done web work before?
a bit experienced in HTML/CSS/JS and know a little about mapping, and want to work in this niche?

Whether you’re totally new to web development, totally new to mapping, both, or have a bit of experience in either, this course is great for you. In it, we’ll go over the fundamentals of web development in addition to going through some pretty comprehensive mapping tools and systems.

We’ll be covering topics like:

general programming skills,
specific languages and programming,
how to debug,
how to host and update a website,
CSS and Javascript frameworks and libraries,
Git and Github

And of course, mapping, such as:

introduction to spatial concepts like points and polygons,
geocoding and geolocation,
animating points,
data visualization,
popups, styles, and best practices for mapping

You’re going to learn a ton about doing projects and starting things off on the right foot.

By the end, you should feel confident enough to create and manage your own websites and small web apps focused about mapping. And, you’ll be ready to take off in terms of the rest of your web development career, whether that’s in mapping or not!

I’m Victor, a longtime mapping developer and I run a company focused around the niche of mapping. I’m excited to take you through and I’d love to see you learn and grow in your web development career. I believe in focusing on getting things done, and teaching in a practical manner that sets you up to be able to be confident learning and growing on your own. Let’s get to it!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Outline

Lecture 2: About the Teacher

Lecture 3: Course Requirements

Lecture 4: Code Repository

Chapter 2: HTML, CSS, and JS: The Basics

Lecture 1: Enabling Dev Tools

Lecture 2: Using Dev Tools 1

Lecture 3: Using Dev Tools 2

Lecture 4: Setting up CodeSandbox

Lecture 5: Following Along

Lecture 6: Writing HTML: Syntax, Buttons, Divs, Links, Text

Lecture 7: Writing HTML: Self-Closing Tags, Attributes

Lecture 8: Writing HTML: Building the Basic Structure

Lecture 9: Writing CSS: Syntax and Concepts

Lecture 10: Writing CSS: Margin, Padding, Multiple Values

Lecture 11: Writing CSS: Layout and CSS Grid

Lecture 12: Using Dev Tools to Write CSS

Lecture 13: Writing CSS: Implementing Styling

Lecture 14: Writing JS: Using the Console

Lecture 15: Writing JS: Variables and Functions

Lecture 16: Writing JS: Global Variables and Variable Types

Lecture 17: Writing JS: Arrays

Lecture 18: Writing JS: Objects

Lecture 19: Writing JS: Passing Parameters

Lecture 20: Writing JS: Manipulating the Web Page (DOM)

Lecture 21: Writing JS: Listening to Clicks and Doing Loops

Lecture 22: Writing JS: Addition Function

Lecture 23: Organizing Your Code

Lecture 24: Debugging

Lecture 25: Web Hosting

Chapter 3: HTML, CSS, and JS: Next Steps

Lecture 1: Developer Resources

Lecture 2: CSS Frameworks

Lecture 3: Bootstrap 1

Lecture 4: Bootstrap 2

Lecture 5: Responsive Bootstrap

Lecture 6: Linking Pages

Lecture 7: JS Libraries

Lecture 8: jQuery 1

Lecture 9: jQuery 2

Lecture 10: ChartJS

Lecture 11: Local Environment Development

Lecture 12: SFTP

Lecture 13: Git and Github

Chapter 4: Online Mapping: Overview

Lecture 1: What is an online map?

Lecture 2: Basic Web Map Concepts

Lecture 3: Mapping Libraries

Lecture 4: Spatial Analysis

Lecture 5: Online Tools

Lecture 6: Data 1

Lecture 7: Data 2

Chapter 5: Online Mapping: Development Basics

Lecture 1: Mapping Development Basics

Lecture 2: First Example Map Code

Lecture 3: Basemaps

Lecture 4: What are Points?

Lecture 5: LeafletJS: Points

Lecture 6: LeafletJS: Lines

Lecture 7: LeafletJS: Polygons

Lecture 8: Maplibre: Points

Lecture 9: Maplibre: Lines

Lecture 10: Maplibre: Polygons

Lecture 11: What are Popups?

Lecture 12: Leaflet Basic Popups

Lecture 13: Leaflet Dynamic Popups

Lecture 14: Maplibre Basic Popups

Lecture 15: Maplibre Dynamic Popups

Lecture 16: Map Bounds & Boxes

Chapter 6: Example Project: McDonald's Across the USA

Lecture 1: Example Project Overview

Lecture 2: Making a Local Server

Lecture 3: Adding States to Map

Lecture 4: Associating Data Together

Lecture 5: Visualizing Data with Expressions

Lecture 6: Fixing Bugs

Chapter 7: Advanced Topics

Lecture 1: Intro to Advanced Topics

Lecture 2: Loading from Spreadsheets

Instructors

Victor Temprano
Founder of Mapster

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 7 votes
5 stars: 12 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu