Book Overview & Buying
Table Of Contents
Feedback & Rating

Full Stack Web Development with Raspberry Pi 3

By : Kamani

4 (4)

Buy this Book

Full Stack Web Development with Raspberry Pi 3

4 (4)

By: Kamani

Buy this Book

Overview of this book

Modern web technology and portable computing together have enabled huge advances in the Internet of Things (IoT) space,as well as in areas such as machine learning and big data. The Raspberry Pi is a very popular portable computer for running full stack web applications. This book will empower you to master this rapidly evolving technology to develop complex web applications and interfaces. This book starts by familiarizing you with the various components that make up the web development stack and that will integrate into your Raspberry Pi-powered web applications. It also introduces the Raspberry Pi computer and teach you how to get up and running with a brand new one. Next, this book introduces you to the different kinds of sensor you’ll use to make your applications; using these skills, you will be able to create full stack web applications and make them available to users via a web interface. Later, this book will also teach you how to build interactive web applications using JavaScript and HTML5 for the visual representation of sensor data. Finally, this book will teach you how to use a SQLite database to store and retrieve sensor data from multiple Raspberry Pi computers. By the end of this book you will be able to create complex full stack web applications on the Raspberry Pi 3 and will have improved your application’s performance and usability.

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

Getting Started on the Raspberry Pi

The Internet of Things

A brief look at our application

Setting up our Raspberry Pi

Remote access

Summary

Getting Up-and-Running with Web Development on the Raspberry Pi

The network

The web development stack

Summary

Running a Node Server on the Pi

Introducing nodes - the server side JavaScript runtime

Running our first node program

Summary

Extracting Information from the GPIO Pins

The GPIO pins on the Pi

The pin as a standalone component

Fine-tuning our control - using the GPIO command-line tools

The DHT11 sensor

Reading from the sensor

Summary

Retrieving Sensor Readings from the Server

Understanding how our node process takes readings

Modifying our server code to show sensor readings

Optimizing our server

Summary

Creating a Web Page to Display Sensor Data

Extending our application

Building the UI's functionality

Visually enhancing the UI

Summary

Enhancing Our UI - Using Interactive Charts

Considerations when implementing complex features

Introducing Chart.js

Making the server response data-friendly

Integrating sensor data into our charts

Summary

SQLite - The Fast and Portable Database

Picking the correct tool for the job

Creating the temperature and humidity tables

Running CRUD operations

Aggregations

Summary

Integrating SQLite into Our Application

Interfacing SQLite with node

Running queries with node

Making our database module

Integrating the database module into our server application

Adding new features - the ability to view readings from a custom time period

Summary

Making our Application Real Time with Web Sockets

Web sockets

Implementing web sockets in our application

Creating our socket implementation in our application server

Client-side implementation

Summary

Deploying our application to Firebase

The Firebase platform

Migrating to Firebase

Creating your first Firebase application

Migrating the frontend assets

Adding the Realtime Database

Enabling access to the Firebase Database

Adding listeners to the client-side script

Summary

Using Firebase APIs to Update Our Application

Application server versus application process

Securing our application

The application process architecture

Implementing the application process

Summary

Customer Reviews

4 (4)

5 star

75%

4 star

3 star

2 star

1 star

25%

Summary

This chapter was all about enhancing the quality of our user experience. We did not add anything as far as the underlying systems are concerned, but we greatly increased the value of our application to the end user. As we have seen, this can be done in three ways:

By adding a functionality to our frontend : This is where we added the ability to call our APIs through scripts instead of navigating to the API directly. This gave us the base of our renewed experience because we were able to simultaneously call the temperature and humidity APIs from the same page.
By adding structure to our document: Making a structured layout and placing the elements of our document accordingly gives us the ability to extend our UI further (as we will see in the next chapter).
By styling our layout: This step seems like the most drastic change appearance-wise. If you showed before and after...