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:
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!
Learn what an API is.
Some students have been running into issues with their content not loading, even though they followed my lectures and their code looks identical to mine. In this video I explain how to fix a common issue you may run into in the future projects.
Create a simple app that utilizes an API.
Finish working on the app from the previous lecture.
Learn more about the jQuery.getJSON() method and use it to build another simple app.
Finish the app that we started in the previous lecture.
Use the Reddit API to fetch some photos and display them in our app.
Continuation of the Reddit API app.
Some links to help you understand how flexbox works.
We'll go over the general aspects of an API and wrap up this section.
We will use an API to grab the users IP address.
We will use a custom CSS library to include a nice flag for the user in our app.
The main highlight of our project, the Google Map will be added.
We will add the API key for our Google Map.
Let's add some nice stylistic touches to make it look better.
Finish up our app!
Back in lecture 6 I told you I would show you how to include Google Fonts in your projects, so here it is. It's really quite simple and easy to implement.
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 you are motivated and willing to explore outside the traditional boundaries of a brick-and-mortar classroom. Anyone serious about learning more about a specific topic would be a fool not to utilize the vast array of information found on the web.