IDATA2301 Web Technologies

This page is used for exercises and examples in the course IDATA2301 Web technologies at NTNU, campus Aalesund.

Some of the exercises used in the course include instruction in a PDF document. This page lists only the self-contained exercises where the exercise is described is included in the HTML file.

CSS exercises

CSS exercises are split into several parts.

CSS Flexbox exercises

9.1 Hello Flexbox!
9.2 Flexbox Froggy
9.3 Navigation
9.4 Holy Grail layout with Flexbox

CSS Grid exercises

9.5 Simple grid
9.6 Brick wall
9.7 Holy Grail layout with Grid

Javascript exercises

10.1 Hello Javascript!
10.2 Functions
10.3 Event handling
10.4 Access elements by ID
10.5 Extra challenge: Dynamic website
10.6 Select elements by query
10.7 Extra challenge: Tic tac toe
10.8 Update classes
10.9 Extra challenge: Color picker
10.10 Add/remove element
10.11 Extra challenge: The escaping div!
11.1 HTML login form
11.2 Bonus: Det er Jula snart
11.3 Ajax request
11.4 Extra challenge: Explore Ajax requests
11.5 Busy indicators
11.6 jQuery
11.7 Bonus: Ajax requests with jQuery
11.8 Extra challenge: Hello, Typescript!
12.1 Execution context
12.2 Debugging with breakpoints
12.3 Creating objects
12.4 Prototypes
12.5 Borrowing functions

Javascript examples

11.1 Asynchronous HTTP GET
11.2 Asynchronous HTTP POST
11.3 Loading an HTML widget
11.4 Parsing JSON response (Ajax)
11.5 Showing busy indicators while waiting for a response
11.6 jQuery demo
13.1 Blocking execution (single-threaded JS engine test)
13.2 Buggy paragraph splitter

Cookbook

HTTPS Setup for Nginx web server
HTTPS Setup for Spring Boot
Define aliases on MacOS (for example, for SSH)