Course Information
Course Overview
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!
Course Content
- 6 section(s)
- 28 lecture(s)
- Section 1 Course Introduction
- Section 2 Getting Started with CodePen
- Section 3 Creating Your Location App
- Section 4 APIs
- Section 5 Finishing our App
- Section 6 Conclusion
What You’ll Learn
- Integrate Google Maps into your projects
- Style your Google Maps with the MapOptions property
- Understand how JSON data and APIs work
- Fetch and manipulate JSON data from APIs
- Create projects on CodePen
Skills covered in this course
Reviews
-
GGiovanni Gentile
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.
-
KKristen Truyol
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!
-
HHuahuashushu 薛
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 :)
-
AAlec Palmer
Good course to get up and running quickly using JSON and API's. Went from knowing nothing to feeling more confident, and looking forward to taking another soon.