Connecting Arduino to the Web: Front End Development Using JavaScript

by Indira Knight

Overview

Create physical interfaces that interact with the Internet and web pages. With Arduino and JavaScript you can create interactive physical displays and connected devices that send data to or receive data from the web. You'll take advantage of the processes needed to set up electronic components, collect data, and create web pages able to interact with electronic components.

Through exercises, projects, and explanations, this book will give you the core front end web development and electronics skills needed to create connected physical interfaces and build compelling visualizations with a range of JavaScript libraries.

By the end of the book you will have developed fully working interactive prototypes capable of sending data to and receiving data from a physical interface. Most importantly, Connecting Arduino to the Web will give you a taste of what is possible and the knowledge to create your own connected physical interfaces and bring the web into your electronics projects.

What You'll Learn
• Build an Internet of Things dashboard that updates with electronics attached to an Arduino

• Use components to interact with online 3D displays
• Create web pages with HTML and CSS
• Set up a Node.js server
• Use WebSockets to process live data
• Interact with scalable vector graphics (SVG)

Who This Book Is For

Technologists, developers, and enthusiasts looking to extend their skills, be able to develop physical prototypes with connected devices, and with an interest in getting started with IoT. Also, those excited by the possibilities of connecting the physical and the web.

Product Details

ISBN-13:	9781484234792
Publisher:	Apress
Publication date:	06/14/2018
Edition description:	First Edition
Pages:	393
Product dimensions:	6.10(w) x 9.25(h) x (d)

About the Author

Indira is an accomplished developer and motion designer who has expertise in computer programming and broadcast graphics. For the last six years she has concentrated on web development and data visualizations. She currently works at Future Cities Catapult as a creative web developer where she has worked on prototypes and projects that have included interacting with Arduinos. She is also an active member in the development community and has just started a meet up in London on WebVR.

Indira holds a Masters in 3D Computer Animation from Bournemouth University, and a Masters in Computer Science from Birkbeck University of London. She has worked on web applications, interactive art installations, popular game titles, independent films and for network television.

Table of Contents

Introduction.- Getting Started.- Chapter 1: Arduino’s, circuits and components.- Chapter 2: Creating a Web server.- Chapter 3: Arduino to Front End Part I.- Chapter 4: Introduction to creating web content.- Chapter 5: Front End to Arduino.- Chapter 6: Arduino to Front End Part II.- Chapter 7: Visualizing Data.- Chapter 8: Create a web dashboard.- Chapter 9: Physical Data Visualization with Live Data.- Chapter 10: Creating a game controller.- Appendix A: Arduino resources.- Appendix B: More front end development.