HTML used to display
selected data from the API,
and structure the web page
Creates text: uses tags like <h1> and <p>
to display the API responses as text for
users to read.
Creates menu bar: uses tags like
<div> to separate parts of the
webpage into different parts, like
a header at the top of the page.
CSS
Used to style the different HTML
elements to make the web app
engaging and interesting for the
users and user persona
Can change colours: use "color"
property to specify a predefine CSS
colour, or use a HEX code.
e.g. HEX Code: "#4b1394"
Data Structures - how JSON is structured from API
Keys
"A string that
identifies a 'key-value
pair'". (Opentext, n.d.).
Key-value pair: made of two
elements ("a constant that
defines the data set" and a
value). (Adobe - Experience
League, 2021).
e.g. "name": "Alex Terry"
Values
Data that can be manipulated
or displayed, with a specific
data type. (Launch Code
Education, n.d.).
JSON Value Types (W3Schools, n.d.).
String (e.g. "Hello,
world!")
Number/integer (e.g. "4" or "25")
Arrays
JSON Structure that can hold "zero, one, or more ordered elements".
These are separated by a comma (,) and stored in square brackets ([]).
(Opentext, n.d.).
e.g. ["Hello", 2, 8, "Purple"]
Data Specifications - different data used in JSON
Data Types
Boolean - only two
options, used as a
basis to determine
if a condition is
met or not.
i.e. "true" or "false"
Null - defines a cell/element that is empty
i.e. "null"
Text/varchar/string - any words or
characters or general text
e.g. "This is some text."
Integer - numbers or digits
e.g. "2", "64", "123"
Data Length
Defines the number of
characters in a data
value
E.g. 255 characters for Dad jokes (text/varchar/string)
E.g. 4 characters for small ID codes (integer/number)
E.g. 10 characters for phone numbers (integer/number)
Constraints/validation
Constraint: defines any "individual
requirements" applying to specific
elements in JSON (Dennis, 2023).
NOT NULL
AUTO INCREMENT
UNIQUE
NULL
Validation: checks for "proper syntax and
structure", "identifies syntax errors" and
can confirm if JSON meets the structural
requirements (Janghu & Luthra, n.d.).
Privacy - usernames, passwords and emails must be the
designated data type when the user inputs them (e.g. strings with a certain data length),
otherwise the database cannot accept them as values.
E.g. Strings must be wrapped in double quotes (" ")
not single quotes (' ') (Janghu & Luthra, n.d.).
E.g. Arrays must be "denoted" by square brackets ([]) (Janghu & Luthra, n.d.).
Digital Methods of
Exchanging Data - ways of
exchanging data
Protocols
REST Principles
A guideline with conditions
for API, and manages
complex network
communication (Amazon
Web Services, n.d.).
Uniform Interface: a
"standard format" so
that there is enough
information transferred
for resource
modification and
processing (Amazon
Web Services, 2024).