Websites

Question 1

what Does the front end code of a website consist of

Answer 1

HTML, CSS and Javascript

Question 2

What is HTML?

Answer 2

HyperText Markup Language, used to create the basic structure and content of a webpage

Question 3

What is CSS?

Answer 3

Cascade Style Sheets, used to design a webpage, where everything is placed and how it looks

Question 4

What is Javascript?

Answer 4

used to define interactive elements of a webpage
optimized for different screen sizes

Question 5

Holy trinity of screen optimzation

Answer 5

Desktop, tablet, smartphone

Question 6

3 pillars of good webpage design

Answer 6

Accessibilty, Purpose, Consistency

Question 7

What is important for accessibility?

Answer 7

Designing for:
- Users with physical or motor disabilities (Large clickable actions, provide shortcuts etc.)
- Users with low vision (good color and fontsize, logical layout)
- Users on the autistic spectrum (simplicity; buttons, text, colors etc.)

Question 8

What is Core Web Vitals?

Answer 8

measures qualatative users experiences on a web page. will optimize ranking

Question 9

three pillars of Core Web Vitals

Answer 9

Loading performance (how fast does things appear? LCP)
Responsiveness (how fast does page react? FDI)
Visual stability (does stuff move around on the screen while loading? CLS)

Question 10

The core web vitals - nr 1 LCP

Answer 10

Largest Contenful Paint: time for the biggest piece of content to load on the page. <2,5 sec

Question 11

nr 2 FID

Answer 11

First Input Delay: reactiontime to first interaction. under 100ms

Question 12

nr 3 CLS

Answer 12

Cumulative Layout Shift: How much does things move around on your site? <0,1

Question 13

Does core web vitals affect ranking?

Answer 13

Yes, but not always. Can still get a good ranking despite having poor core web vitals.