Projects with JSON and APIs

Easy-to-follow course on accessing and manipulating JSON data through APIs, including Google Maps integration.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course guides you through the basics of accessing JSON data and APIs, culminating in the creation of an exciting Location App with Google Maps integration. Perfect for beginners!

Key Points

  • Step-by-step learning approach
  • Build a Location App with Google Maps
  • No complicated setups, just code!

Learning Outcomes

  • Understand how to access and manipulate JSON data
  • Gain skills in using Google Maps API
  • Learn to create applications from scratch

About This Course

Learn how to access JSON data through APIs and then manipulate the data in your application.

In this course we will take a step-by-step approach to learning how to handle JSON data, how to connect to APIs, and how to work with Google Maps. We will learn how to create a CodePen account and cover the basic set up of the apps and then we will dive right into coding our applications! We will start with creating basic HTML elements and then move to using the jQuery getJSON() method to grab JSON data. In the final lectures, we will build a "Location App" that uses the Google Maps API. Along the way you will learn several important topics, including:

  • HTML and CSS

  • for loops

  • objects

  • JSON

  • APIs

  • Google Maps API

  • jQuery

And much more!

There are only two things that you need to take this course: an internet connection and a computer. There is no need to download any paid software or set up complex development environments.

The course is about 2 hours long and is structured in a step-by-step manner, from simple to more difficult concepts. We build the various applications from the ground up and cover each new feature one at a time - so you will never feel overwhelmed with the content.

With the knowledge gained in this course you can move forward and build more complex applications, and use the main "Location App" you created at the end of this course to add to your portfolio.

I hope to hear from you soon, and look forward to having you in my course!

  • Integrate Google Maps into your projects

  • Style your Google Maps with the MapOptions property

  • Understand how JSON data and APIs work

Instructor

Profile photo of Komar Academy
Komar Academy

Based in Ontario, Canada, we are a group of professionals dedicated to creating high quality web development courses. Our content is created with the student in mind.  We take care in ensuring the content we create is understandable, relevant and aimed at taking you from novice to expert.Self-education is the most prominent type of education there is. It shows that...

More Courses By Komar Academy
Review
4.9 course rating
4K ratings
ui-avatar of Matt Carrasco
Matt C.
4.5
1 year ago

Tila's Application Programming Interface (API) course offers a comprehensive and engaging learning experience. It was a very hands-on experience involving the delivery of JSON data with jQuery, primarily integrating the application data from external sources with a front-end delivery. The project provides a balance of challenge and applicability, fostering a sense of accomplishment and continuous engagement. Thanks very much

  • Helpful
  • Not helpful
ui-avatar of Rick Dixon
Rick D.
5.0
1 year ago

Great course! very pleased!

  • Helpful
  • Not helpful
ui-avatar of Athira Rajeev
Athira R.
4.0
3 years ago

Course is well organized , easy to understand as the tutor takes you through the process step by step.

  • Helpful
  • Not helpful
ui-avatar of Loc Tran
Loc T.
4.0
5 years ago

great course, with some great examples to follow

  • Helpful
  • Not helpful
ui-avatar of Giovanni Gentile
Giovanni G.
5.0
6 years ago

This is a little course, but there are a lot of components. If you want to explore all the suggestions and tips you have a really complete course for Front End and API use.
Thanks.

  • Helpful
  • Not helpful
ui-avatar of Deren Devrimol
Deren D.
2.5
6 years ago

This course is EXTEMEMLY fast paced, don't expect to much. Very to the point of executing JSON get requests, however you will leave with alot of questions.

  • Helpful
  • Not helpful
ui-avatar of Kristen Truyol
Kristen T.
4.5
6 years ago

This course gave me a much better understanding of APIs than my local bootcamp did. The instructor does fly through some of this fairly quickly, though. 2 portions of the course are outdated. The instructor did address 1 of them (freegeoip) with an alternative, but hasn't addressed the other (google maps). The google maps documentation appears to have completely changed from what the instructor shows in the video. Also, you can't get an API key easily as shown in the video--google now requires billing info (i.e. credit card info). That said, you can still do the project without a key. But overall, this is a great class. I was glad to learn how to use codepen, and even learned a few css tricks!

  • Helpful
  • Not helpful
ui-avatar of Mark Ogden
Mark O.
5.0
6 years ago

This was a very good match for me!

  • Helpful
  • Not helpful
ui-avatar of Everton de Jesus
Everton D. J.
5.0
7 years ago

great course, direct and well explained, leaves no doubts and totally practical.

  • Helpful
  • Not helpful
ui-avatar of Huahuashushu 薛
Huahuashushu �.
5.0
7 years ago

His class is practical and informative. Pretty good API class for beginners.
He provides some useful API link for practicing and building my later APP.
Thanks a lot :)

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses