general

Question 1

What is a hero image?

Answer 1

• the oversized banner image at the top of the website

Question 2

What is non-semantic html?

Answer 2

• DIV, SPAN

- tells nothing about the content

Question 3

What is semantic html?

Answer 3

article
aside
details
figcaption
figure
footer
header
main
mark
nav
section
summary
time

Question 4

give semantic html format of a standard page

Answer 4

header

nav

section / article / aside

footer

Question 5

can you explain accessibility and why it matters?

Answer 5

• screen readers - the html matters alot for them to read it properly for the blind
• color blind
• what devices will it be read on
• font size
• tabbing

Question 6

explain the http request methods

Answer 6

get
post
put
delete

Question 7

How can you make a website faster?

Answer 7

• minify your files during production
• reduce image file size (tinyPNG for example)
• lazy loading. in react with suspense and ??
• srcset for images
• check all file sizes in browser editor
• in react utilize memo/usememo/usecallback and no-prop drilling

Question 8

create a generic function in TypeScript

Answer 8

interface someProps {
id: string,
}

function testFunc<*T>(someObj: T) {
  return someObj;
}