Intro to Web Development for GIS and Mapping

Focused View

Victor Temprano

11:46:29

51 View

1. Introduction

1. Course Outline.mp4

04:52

2. About the Teacher.mp4

03:31

3. Course Requirements.mp4

01:52

4.1 Github Repo.html

4. Code Repository.html

2. HTML, CSS, and JS The Basics

1. Enabling Dev Tools.html

2. Using Dev Tools 1.mp4

10:05

3. Using Dev Tools 2.mp4

05:21

4. Setting up CodeSandbox.mp4

05:13

5. Following Along.html

6. Writing HTML Syntax, Buttons, Divs, Links, Text.mp4

08:15

7. Writing HTML 1 Quiz.html

8. Writing HTML Self-Closing Tags, Attributes.mp4

06:14

9. Writing HTML 2 Quiz.html

10. Writing HTML Building the Basic Structure.mp4

06:58

11. Writing HTML 3 Quiz.html

12. Writing CSS Syntax and Concepts.mp4

09:03

13. CSS 1 Quiz.html

14. Writing CSS Margin, Padding, Multiple Values.mp4

08:52

15. CSS 2 Quiz.html

16. Writing CSS Layout and CSS Grid.mp4

06:49

17. CSS 3 Quiz.html

18. Using Dev Tools to Write CSS.mp4

02:34

19. Writing CSS Implementing Styling.mp4

12:57

20. Writing JS Using the Console.mp4

09:13

21. JS 1 Quiz.html

22. Writing JS Variables and Functions.mp4

11:45

23. JS 2 Quiz.html

24. Writing JS Global Variables and Variable Types.mp4

08:35

25. JS 3 Quiz.html

26. Writing JS Arrays.mp4

08:38

27. JS 4 Quiz.html

28. Writing JS Objects.mp4

10:31

29. JS 5 Quiz.html

30. Writing JS Passing Parameters.mp4

05:51

31. Writing JS Manipulating the Web Page (DOM).mp4

07:27

32. Writing JS Listening to Clicks and Doing Loops.mp4

10:18

33. JS 6 Quiz.html

34. Writing JS Addition Function.mp4

11:18

35. Organizing Your Code.mp4

06:29

36. Organizing Code Quiz.html

37. Debugging.mp4

08:24

38. Web Hosting.mp4

10:22

39. Web Hosting Quiz.html

3. HTML, CSS, and JS Next Steps

1. Developer Resources.mp4

10:00

2. Developer Resources Quiz.html

3. CSS Frameworks.mp4

09:24

4. CSS Frameworks Quiz.html

5. Bootstrap 1.mp4

10:24

6. Bootstrap 2.mp4

12:27

7. Responsive Bootstrap.mp4

09:24

8. Bootstrap Quiz.html

9. Linking Pages.mp4

05:21

10. JS Libraries.mp4

11:41

11. JS Libraries Quiz.html

12. jQuery 1.mp4

09:36

13. jQuery 2.mp4

06:15

14. jQuery Quiz.html

15. ChartJS.mp4

10:34

16. JS Libraries Quiz.html

17. Local Environment Development.mp4

08:08

18. SFTP.mp4

10:07

19. Git and Github.mp4

08:27

4. Online Mapping Overview

1. What is an online map.mp4

06:49

2. Basic Web Map Concepts.mp4

11:34

3. Mapping Libraries.mp4

10:20

4. Spatial Analysis.mp4

05:35

5. Online Tools.mp4

08:05

6. Data 1.mp4

09:17

7. Data 2.mp4

06:31

5. Online Mapping Development Basics

1. Mapping Development Basics.mp4

02:05

2. First Example Map Code.mp4

11:12

3. Basemaps.mp4

10:49

4. What are Points.mp4

06:31

5. LeafletJS Points.mp4

06:28

6. LeafletJS Lines.mp4

06:32

7. LeafletJS Polygons.mp4

05:00

8. Maplibre Points.mp4

08:52

9. Maplibre Lines.mp4

01:51

10. Maplibre Polygons.mp4

02:35

11. What are Popups.mp4

05:42

12. Leaflet Basic Popups.mp4

12:56

13. Leaflet Dynamic Popups.mp4

12:55

14. Maplibre Basic Popups.mp4

08:10

15. Maplibre Dynamic Popups.mp4

09:04

16. Map Bounds & Boxes.mp4

07:24

6. Example Project McDonalds Across the USA

1. Example Project Overview.mp4

11:39

2. Making a Local Server.mp4

12:57

3. Adding States to Map.mp4

04:27

4. Associating Data Together.mp4

08:17

5. Visualizing Data with Expressions.mp4

11:24

6. Fixing Bugs.mp4

06:39

7. Advanced Topics

1. Intro to Advanced Topics.mp4

04:52

2. Loading from Spreadsheets.mp4

16:30

3. Using Data from APIs.mp4

09:58

4. Geolocation (User Location).mp4

07:07

5. Hover Effects.mp4

09:43

6. Map Legends.mp4

06:13

7. Spatial Analysis Introduction.mp4

12:33

8. Animation Along a Line.mp4

11:09

9. Naked Maps!.mp4

04:19

10. Heatmaps.mp4

21:18

11. Geocoding (point from address).mp4

07:47

12. Custom Icons and Markers.mp4

14:23

13. Category Toggle (Checkbox Visibility).mp4

17:24

14. Drawing on Maps.mp4

08:18

Description

Learn to make websites, map, and start your career as a developer!

What You'll 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 is this for?

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

What You Need to Know?

Ability to navigate webpages and use internet

A basic desktop computer

More details

Description
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!
Who this course is for:
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

User Reviews

Rating

average 0

Total votes0

Focused display

Hey! I'm Victor. I grew up and live in British Columbia, Canada, where I've been a freelancer working on all kinds of projects for many years. I have also worked professionally as a software designer and front-end developer.Specifically, I'm a specialist in mapping and all manner of web programming and design. I've started up Mapster, a web dev startup in Vancouver, aimed at building impactful and amazing web maps and apps.I make Youtube videos, I dev, I create, and I'd love to share my passions for all this stuff with you!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.