Book Image

JavaScript and JSON Essentials - Second Edition

By : Bruno Joseph D'mello, Sai S Sriparasa
Book Image

JavaScript and JSON Essentials - Second Edition

By: Bruno Joseph D'mello, Sai S Sriparasa

Overview of this book

JSON is an established and standard format used to exchange data. This book shows how JSON plays different roles in full web development through examples. By the end of this book, you'll have a new perspective on providing solutions for your applications and handling their complexities. After establishing a strong basic foundation with JSON, you'll learn to build frontend apps by creating a carousel. Next, you'll learn to implement JSON with Angular 5, Node.js, template embedding, and composer.json in PHP. This book will also help you implement Hapi.js (known for its JSON-configurable architecture) for server-side scripting. You'll learn to implement JSON for real-time apps using Kafka, as well as how to implement JSON for a task runner, and for MongoDB BSON storage. The book ends with some case studies on JSON formats to help you sharpen your creativity by exploring futuristic JSON implementations. By the end of the book, you'll be up and running with all the essential features of JSON and JavaScript and able to build fast, scalable, and efficient web applications.
Table of Contents (20 chapters)
Title Page
Copyright and Credits
Dedication
Packt Upsell
Contributors
Preface
Index

Formatting JSON


JSONLint is not just an online JSON validator, it also helps us format JSON and makes it look pretty. Often JSON feeds are big, and an online editor that provides a tree structure to traverse through JSON objects is always helpful. JSON Editor Online is one of my favorite online editors to work with and format big JSON objects, as it provides an easy-to-navigate tree structure:

Note

To work with JSON Editor Online, please visit https://jsoneditoronline.org/.

We begin by pasting our JSON example code into the window on the left-hand side, and click on the right arrow button in the middle to generate our tree structure. Once we make changes to the tree structure, we can click on the left arrow button to format our data, making it ready to use elsewhere.