Like any other web applications, 8x8-WebApp is
developed with HTML, CSS and JavaScript. These three major
components are the core of technologies of World Wide Web (WWW) and
are needed in order to make the web application runs successfully.
Hyper Text Markup Language (HTML):
Hyper Text Markup Language or HTML is the
standard markup language for creating web pages. In simpler words,
HTML is used to show the structure design of the web page in the
internet browser. HTML5,
which is the latest HTML version is implemented in 8x8-WebApp
development, has
large set of new technologies that allows the building of more
powerful web sites and applications. HTML5 also includes precise
processing models to encourage more interoperable implementations
like application programming interfaces (APIs) for complex
applications.
Cascading Style Sheets (CSS):
Cascading Style Sheets (CSS) is a style sheet
language for describing on how HTML elements are to be displayed in
the internet browser. The 8x8-WebApp was developed with Bootstrap 4
as its core CSS framework. Bootstrap is a popular, free and an
open-source CSS framework developed mainly for responsive
mobile-first front-end development. Bootstrap framework offers large
toolkits, responsive web grid system, extensive prebuilt components
and also powerful JavaScript plugins.
JavaScript (JS):
JavaScript (JS) is a programming or scripting
language for the web. With JavaScript, the web pages become more
interactive for user to use as JavaScript can calculate, manipulate,
validate, update and change HTML, CSS and multiple data format. As
8x8-WebApp communicates with ESP32 through MQTT connection, a MQTT
JavaScript library called Eclipse Paho JavaScript Client was
imported into the 8x8-WebApp JavaScript. This library is an MQTT
browser-based client library written in JavaScript that uses
WebSockets to connect to an MQTT Broker.