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.

Related Content you might be interested in

Current Title:

Small book image
JavaScript and JSON Essentials - Second Edition
Bruno Joseph D'mello | Sai S Sriparasa
Apr, 2018 | 226 pages
Small book image
TypeScript High Performance
Ajinkya Kher
Aug, 2017 | 230 pages
Small book image
Web Development with MongoDB and Node
Bruno Joseph Dmello
Sep, 2017 | 330 pages
Small book image
Hands-On Full-Stack Web Development with ASP.NET Core
Tamir Dresher | Shay Friedman | Amir Zuker
Oct, 2018 | 478 pages
Table of Contents (20 chapters)
Title Page
Title Page
Copyright and Credits
Copyright and Credits
Dedication
Dedication
Packt Upsell
Packt Upsell
Contributors
Contributors
Preface
Preface
Free Chapter
1
Getting Started with JSON
Getting Started with JSON
JSON, a data exchange format
The Hello World program with JSON
How is JSON stored in memory?
Datatypes in JSON
Languages that support JSON
Summary
2
The JSON Structures
The JSON Structures
Inserting external JavaScript
Accessing objects in JSON
Performing complex operations
Modifying JSON
Summary
3
AJAX Requests with JSON
AJAX Requests with JSON
Basic web operations
Requirements for AJAX
Hosting JSON
Making your first AJAX call
Parsing JSON data
Summary
4
Cross-Domain Asynchronous Requests
Cross-Domain Asynchronous Requests
The API story
Making GET and POST AJAX calls with JSON data
The problem with cross-domain AJAX calls
Introduction to JSONP
Summary
5
Debugging JSON
Debugging JSON
Using the developer tools
Validating JSON
Formatting JSON
Summary
6
Building the Carousel Application
Building the Carousel Application
Setting up the Carousel application
Building the JSON file for the Carousel application
Introducing Bootstrap
Summary
7
Alternate Implementations of JSON
Alternate Implementations of JSON
Dependency management
JSON for storing application configurations
JSON for storing application metadata
Comparisons with YAML
Summary
8
Introduction to hapi.js
Introduction to hapi.js
Basic server setup using JSON
Using JSON metadata and constants
Configuring API using JSON
Configuring a plugin in hapi
Testing the APIs using POSTMAN
Summary
9
Storing JSON Documents in MongoDB
Storing JSON Documents in MongoDB
Setting up MongoDB
Connecting the hapi app with MongoDB
JSON versus BSON
Inserting a JSON document
Retrieving a JSON document
JSON-based schemas in MongoDB
Summary
10
Configuring the Task Runner Using JSON
Configuring the Task Runner Using JSON
What is a task runner?
Introducing gulp.js
Creating tasks in gulp.js
Automation testing
Gulp JSON configuration
Summary
11
JSON for Real-Time and Distributed Data
JSON for Real-Time and Distributed Data
Using JSON with Socket.IO
Using JSON with Apache Kafka
Summary
12
Case Studies in JSON
Case Studies in JSON
GeoJSON – a geospatial JSON data format
JSONLD – a JSON format for SEO
BSON – a fast-traversal JSON format
Better compressions with messagePack
Summary
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think
Index
Index

Chapter 6. Building the Carousel Application

We have come a long way in our journey to master JavaScript and JSON; it is now time to get busy and build an end-to-end project that is powered by JSON. In our journey, we have come across a variety of concepts such as JavaScript, JSON, the use of server-side programming, AJAX, and JSONP. So, let's put all of these to use. In this chapter, we will be focusing on the application of what we learned in previous chapters:

  • Setting up an application
  • Introducing Bootstrap
  • Moving towards maintaining the JSON store
  • Implementing Carousel functionality using jQuery Cycle

We will be building a rotating notification board application, which should display the top students for the month. This application should provide Carousel functionality, such as navigational buttons, autoplay of content, displaying a single item at a given point, and keeping track of the first and last piece of content.

Previous Section
End of Section 1
Next Section