JSON in Action: Build JSON-Based Applications

Learn JSON from Scratch! Learn JavaScript Object Notation (JSON) to Build API-Based Apps! Develop 2 JSON-Based Projects
4.6 (59 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
540 students enrolled Bestselling in JSON
$19
$50
62% off
Take This Course
  • Lectures 37
  • Length 3.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course Description

***Quizzes, Hands-On Practices and Unique Projects are Included***

***Last Updated on 4th July 2016***

------------------------------------------------------------------------------------------------------------------------

JSON (JavaScript Object Notation) is a popular language independent, data interchange format. JSON has significantly improved server-to-browser communications, especially when it comes to AJAX. Most of today's APIs return the response in JSON format as it is much easier to load, read and process JSON compared to XML, making it very popular.

JavaScript Object Notation is text-based and human-readable. JSON is very easy to use with JavaScript as the syntax of JSON is a subset of JavaScript. Though it is a subset of JavaScript, JSON is language-independent. Most of the popular programming languages including PHP, Ruby, C#, Python etc. support JSON making it the widely used data interchange format.

-------------------------------------------------------------------------------------------------------------------------

Oliver says 

"Excellent Course. I am learning easily all the concepts. Instructor explain with real examples. I have the feeling to be working online with the instructor. Very well explained."

Rayvn Manuel says

"The repetition in the explanation really helps to remember and recall the information. The approach to the topics is gradual; meaning, starting from the basics and slowly introducing more. And I appreciate the comparison of technologies since its really helpful to understand why use one technology over another."

Ido Yogev says

"Very nice course, straight to the point. Topics are illustrated simple and professional form. Warmly recommended !!!"

---------------------------------------------------------------------------------------------------------------------------

"JSON in Action: Build JSON-Based Applications" is a 100% hands-on JSON (JavaScript Object Notation) course. By the end of this course, you will not only understand what JSON is, but also learn how to develop applications making use of real-world APIs that return JSON data. Just learning JSON syntax is not going to help you in anyways. You should be able to use JSON in the development process. Though AJAX and APIs do not come under the scope of this course, here we discuss how to use AJAX to contact APIs and then to collect the JSON result returned by APIs.

This course is structured as follows:

In the first section, you will understand what JSON is, compare JSON and XML and also learn why JSON is not JavaScript Object.

In the second section, you will understand JSON in more detail. You will learn JSON syntax rules and different data types (number, string, boolean, null, array and object) you can use in JSON data. You will also practise to identify different data types in real world JSON data and also to write JSON data on your own.

In the next section, you will understand how easy it is to use JSON with JavaScript. You will learn how to use JSON.parse and JSON.stringify methods to convert JSON data to JavaScript objects and JavaScript objects to JSON strings respectively. You will also learn how to get the required information from the available JSON data. You will understand the difference between dot notation and bracket notation. You will also learn how to use XMLHttpRequest object to fetch the .json file from a server.

The fourth section explains how to use AJAX techniques to contact an API and to collect the JSON output returned by the API. You will learn how to contact the API using GET or POST methods and also making a synchronous or asynchronous requests. You will also see how you can pass JSON as the input to an API.

In the next section, we discuss how to use JSON with PHP. This lecture explains json_encode and json_decode methods. This section will be updated to teach you how to use JSON with other programming languages as well.

The last section is the Let's Develop section where you are going to apply your JSON knowledge to develop some applications on your own. Now there are two applications in this section.

  1. Currency Converter
  2. BMI Calculator

The first application "Currency Converter" application contacts a real-world API, collects the JSON data, and performs currency conversion. The second application "BMI Calculator" is a more detailed one. As part of this application, you will be developing a simple API using PHP. You will contact that API (which you designed on your own), collect the JSON response and then process it to get the result you want.

So, what are you waiting for? Join this 100% practical JSON course and start developing API-based applications on your own applying JSON knowledge.

What are the requirements?

  • Basic knowledge of HTML, CSS, JavaScript and PHP would be helpful (not necessary)
  • Any text editor and a web browser

What am I going to get from this course?

  • Understand why JSON is popular as a data interchange format
  • Understand the difference between JSON and XML
  • Understand why JSON is NOT JavaScript Object
  • Learn JSON syntax and data types
  • Learn to write JSON data (simple and complex) on your own
  • Learn how to use JSON with JavaScript
  • Learn to collect the required piece of information even from complex JSON data
  • Learn how to contact an API and collect JSON response
  • Learn how to use JSON with PHP
  • Develop your own applications making use of popular APIs

What is the target audience?

  • Anyone who wants to learn JSON from scratch
  • Anyone who wants to develop applications making use of real-world APIs
  • Anyone who wants to interchange data between clients and servers
  • Anyone who wants to choose JSON as the data interchange format in their REST API design
  • Web developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to JSON
04:12

An introduction to the course structure.

05:39

You will understand what JSON (JavaScript Object Notation) is. You will see three real-world JSON examples and also learn some of the features of JSON.

04:26

Let's compare JSON and XML

08:15

You will understand the difference between JSON and JavaScript Object Literal.

4 questions

Test your understanding on basics of JSON.

Section 2: JSON Syntax and Data Types
06:54

You will learn different syntax rules you need to remember to create JSON data.

04:17

You will understand different data types that you can use in your JSON data and see how to use strings, numbers, booleans and null values in your JSON string.

06:29
You will learn how to use different types of arrays including arrays of strings, numbers, booleans, arrays and objects in your JSON data.
04:14
You will learn how to use objects in your JSON data.
02:43

You are not allowed to use functions as a value in your JSON data which is allowed in JavaScript Objects.

06:38

A practice to help you identify data types in a real world JSON data

06:36

A practice to help you create some simple JSON data from scratch.

Source Code: write-json-simple.json
Article
07:47
A practice to help you create some complex JSON data from scratch on your own.
Source Code: write-json-complex.json
Article
6 questions

Test your understanding on JSON syntax and data types.

Section 3: JSON on Client Side (JSON and JavaScript)
06:41

Learn how to convert JSON data into JavaScript object using JSON.parse method and how to convert JavaScript Object into JSON data using JSON.stringify method.

Source Code: parse-stringify.html
Article
14:02

Learn how to collect the required information from the JSON string, once you have the JSON data available with you.

08:38

Learn the difference between dot notation and bracket notation and also learn when each notation is suitable to use.

Source Code: access-data.html
Article
05:13

Learn how to setup a local server on your machine using XAMPP

12:12

Learn how to get JSON file available on server.

Source Code: get-data.html
Article
3 questions
Test your understanding on JSON with JavaScript
Section 4: JSON and APIs (Application Programming Interface)
12:42

Learn how to contact an API from JavaScript to get the JSON data.

Source Code: get-api-response.html
Article
12:58

Learn how to contact an API using POST method and making an asynchronous call.

03:55

Learn how to pass JSON data as input to an API.

Section 5: JSON with Other Programming Languages
07:02

Learn how to use json_encode and json_decode methods in PHP to convert to and from JSON and PHP arrays.

Source Code: encode-decode.php
Article
Section 6: Let's Develop
09:50

Develop a currency converter application contacting an API. The application is used to convert between currencies. This lecture explains how to design application's front end.

15:08
Develop a currency converter application contacting an API. The application is used to convert between currencies. This lecture explains how to contact the API, collect the JSON response and process it to get the result you want.
Source Code: currency-converter.html
Article
09:02

BMI Calculator application calculates the Body Mass Index contacting a local API, collecting the JSON output and processing it to display. In this lecture, the front end of the application is designed.

10:51
BMI Calculator application calculates the Body Mass Index contacting a local API, collecting the JSON output and processing it to display. In this lecture, a simple API is designed using PHP to learn how to use JSON with PHP.
13:48
BMI Calculator application calculates the Body Mass Index contacting a local API, collecting the JSON output and processing it to display. In this lecture, the application contacts the API, collects the JSON response and processes the JSON string to get the required data from it.
Source Code: bmi.html
Article
Source Code: calculate-bmi.php
Article
Section 7: BONUS Section
Bonus Lecture: Special Offers on Other Courses!!!
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Crypters Infotech, Career Enhancement Training Solutions

Crypters Infotech is a division of Crypters Infosystems and Solutions Pvt. Ltd IT Company. We offer industry-oriented training that helps even fresh heads to become IT giants. Our professional team of trainers provide high quality training with an outlook towards future. We provide training mainly in web development and mobile app development.

Ready to start learning?
Take This Course