Web Development Fundamentals

Answer with definition

The full application to view a website in

Browser

The visible part of the website that is rendered

Viewport

The website adress

URL

The top part of the browswer

Browser chrome

W3C

World Wide Web Consortium

End user’s device (laptop, tablet, phone, …) that is used to consult your application

Client

A (virtual) computer living somewhere in the cloud which hosts your application and delivers it to the client upon request.

Server

Version controlled location of where we store our source code for our applications.

Repository

A piece of markup language used to indicate the beginning and end of an HTML element

Tag

Parts of a URL (in order)

• Protocol

• Domain

• Directory

• Page

HTML in long

Hypertext Markup Language

HTML purpose

Content

CSS in long

Cascading Style Sheet

CSS Goal

Layout

JS in long

JavaScript

JS goal

Interaction / functionality

Bitmap images

Pixel by pixel (like jpg, gif, png)

Vector images

Computed shape (like svg)

Image fallback codeblock

<picture>

<source srcset=”img.avif” type=”image/avif”>

<source srcset=”img.jpg type="image/jpeg”>

<img src=”img.png” alt=”alt” title=”alt”>

</picture>

Body tag (with required content)

body{

font-family: x;

font-size: x;

color: x;

background-color: x;

}

Selector for direct child

>

Next sibling selector

+

Subsequent sibling selector (everything after …)

~