Connecting Arduino to the Web Front End Development Using JavaScript.pdf

In  This  Book

Chapter  1.  Arduino,  Circuits  and  Components  covers  the  electronic

basics  you  will  need  for  the  book  including  Arduino  hardware  and

software;  electricity  in  circuits;  connecting  components;  and  the  four

basic  Arduino  circuits:  analog  input,  analog  output,  digital  input,  and

digital  output.

Chapter  2.  Creating  a  Web  Server  will  give  you  an  understanding  of

web  technologies  and  how  to  set  up  a  Node.js  server  and  send  data  to  a

web  page  using  WebSockets.

Chapter  3.  Arduino  to  Front  End  (Part  I)  joins  together  the  knowledge

from  the  first  two  chapters  so  you  can  start  sending  data  from  an  Arduino

to  a  web  page.

Chapter  4.  Introduction  to  Creating  Web  Content  looks  at  how  web

pages  are  formed  using  HTML,  CSS,  SVG,  and  basic  JavaScript.

Chapter  5.  Front  End  to  Arduino  covers  the  techniques  needed  to  send

data  from  a  Node.js  server  to  an  Arduino  and  ways  to  display  the  data  with

electronic  components.  You  will  use  LEDs  and  LCDs  to  display  data.

Chapter  6.  Arduino  to  Front  End  (Part  II)  continues  from  Chapter  3

with  a  more  in-depth  look  at  how  components  can  interact  with  elements

on  a  web  page.  You  will  be  displaying  metrics  collected  by  the  Arduino.

Chapter  7.  Visualizing  Data  is  an  introduction  to  the  JavaScript  library

D3.js.  D3.js  allows  you  to  create  data  visualizations  on  web  pages.  You  will

continue  the  exercise  from  Chapter  6  by  adding  a  bar  chart  to  the  web  page.

Chapter  8.  Create  a  Web  Dashboard  first  looks  at  the  principle  of  data

visualization  and  then  uses  sensors  to  gather  data  that  is  displayed  on  a

web  dashboard.

Chapter  9.  Physical  Data  Visualization  with  Live  Data  is  an

introduction  to  web  APIs  and  how  they  can  be  used  to  get  data  from  an

external  web  server.  Earthquake  data  is  used  as  an  example  and  an  LCD,

LED,  and  Piezo  are  used  to  display  the  data.

Chapter  10.  Creating  a  Game  Controller  gets  you  to  create  a  simple

game  with  the  JavaScript  library  Three.js,  which  can  be  controlled  with  a

physical  game  controller.  It  covers  the  basics  of  3D  on  the  Web  and  how

you  can  control  3D  objects  with  a  joystick  attached  to  an  Arduino.