1 of 12

Aplikacje WWW 1

Krzysztof Ciebiera

http://www.mimuw.edu.pl/~ciebie/

2 of 12

Zasady zaliczania

  • Trzeba oddać wszystkie zadania
    • Pięć zadań na zal
    • Nie ma okresu łaski (grace period)
    • Ale są od razu dane dwa terminy: prawdziwy i zapasowy
  • Ocena to ocena z egzaminu praktycznego
    • Odbędzie się w trakcie sesji
    • Będzie przy komputerach
    • Będzie można mieć notatki
    • Nie można pisać na własnym komputerze
    • Będzie przygotowane (docker lub podobne) środowisko do pisania
  • Egzamin poprawkowy ma takie same zasady jak pierwszy termin (trzeba mieć lab zaliczony)

​

3 of 12

4 of 12

Za co są punkty

  • Plusy
    • Prowadzący lab dają plusy (około 4 osoby na lab)
    • Studenci z plusami zgłaszają się przez formularz, że chcą pokazać co zrobili na wykładzie
    • Wykładowca informuje studentów którzy mają pokazać na wykładzie co zrobili
    • Kilka osób dostaje 2 pkt pozostali 1pkt
  • GitHub
    • Za poprawki na GitHub 10 najlepszych osób +2 lub +1
  • Sesje dodatkowe “wykładowe”
    • Będzie lista tematów (około 20 min/temat) +1 lub +2 pkt
  • Oceny
    • 5 pkt -> 4, 6pkt -> 4.5, 7 pkt -> 5

​

5 of 12

Terminy

  • Prezentacje rozwiązań
    • 13 marca
    • 3 kwietnia
    • 8 maja
    • 29 maja
    • 12 czerwca
  • Tematy dodatkowe
    • 15 maja
    • 5 czerwca

6 of 12

Plan wykładu

  • Hosting
  • HTTP
  • HTML, xHTML
  • CSS i inne
  • JavaScript i TypeScript
  • Budowa serwera (na przykładzie django) : ORM, routing, cache, szablony, administracja
  • Kolejkowanie
  • Frameworki typu vue/react/angular
  • “Przyszłościowe” technologie

7 of 12

Zaczynamy

Historia

  • HTML (Hypertext Markup Language) stworzyli fizycy w CERNie
    • Co ciekawe, czytali go z ekranu :)
  • Na początku miał konkurencję w postaci Gophera
  • W NCSA powstała przeglądarka Mosaic 

 

Normalizacja

  • World Wide Web Consortium (W3C) http://www.w3.org
    • HTML, xHTML, CSS, XML i ....
  • Internet Engineering Task Force
    • Definiuje RFC (Request For Comment)
    • HTTP i inne 

8 of 12

Przykład żądania HTTP

GET / HTTP/1.1

Host: www.mimuw.edu.pl

Connection: keep-alive

​

9 of 12

Przykład odpowiedzi HTTP

HTTP/1.1 301 Moved Permanently

Server: nginx

Date: Mon, 26 Feb 2024 08:44:59 GMT

Content-Type: text/html

Content-Length: 178

Connection: keep-alive

Location: https://www.mimuw.edu.pl/

10 of 12

Przykład HTML z odpowiedzi HTTP

<html>

<head><title>301 Moved Permanently</title></head>

<body bgcolor="white">

<center><h1>301 Moved Permanently</h1></center>

<hr><center>nginx</center>

</body>

</html>

​

11 of 12

Praktyczne narzędzie (jest ich multum)

https://httptoolkit.com/fiddler-alternative/

12 of 12

A jak użyć HTTPS

openssl s_client -connect www.mimuw.edu.pl:443