Wykład 1

Rozwiń HTTP

Hyper Text Transfer Protocol

W jakiej warstwie działa HTTP

aplikacji

Co umożliwia HTTP

Komunikację i wymianę danych w sieci www

W jaki sposób są wymieniane dane w HTTP?

żądanie i odpowiedź

W jaki sposób są identyfikowane i lokalizowane zasoby?

na podstawie URI i URL

Co oznacza że HTTP jest protokołem bezstanowym?

Nie zachowuje informacji o poprzednich transakcjach z klientem

9 jakich metod definiują protokoły HTTP 1.0/1.1 oraz dokument RFC5789?

GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, CONNECT, PATCH

Do czego służy metoda GET?

wysyła żądanie pobrania danych - NAGŁÓWEK I TREŚĆ

Do czego służy metoda HEAD?

wysyła żądanie pobrania danych - NAGŁÓWEK

Do czego służy metoda POST?

wysyła żądanie zaakceptowania przez serwer załączonych danych jako nowego zasobu wskazanego przez adres URI

Do czego służy metoda PUT?

wysyła żądanie zachowania załączonej treści pod wskazanym adresem - lub zmodyfikowania jeśli istnieje

Do czego służy metoda DELETE?

żądanie usunięcia wskazanego zasobu

Do czego służy metoda TRACE?

Śledzenie przebiegu żądania - zmiany wprowadzone przez serwer

Do czego służy metoda OPTIONS?

żądanie przesłania metod wspieranych przez serwer dla wskazanego URI

Do czego służy metoda CONNECT?

wykorzystywana do zestawienia szyfrowanego połączenia tunelowego przez nieszyfrowane serwery pośrednie.

Do czego służy metoda PATCH?

żądanie wprowadzenia częściowych modyfikacji zasobu

Aplikacja webowa

przechowywana na zdalnym serwerze i udostępniona poprzez Internet. Korzystamy z niej przy pomocy przeglądarki internetowej. Interakcja z użytkownikiem. Programistyczne podejscie do danych i ich przetwarzania

Aplikacja interntowa

definiowana przez treść jaka jest na niej zamieszczona - treść pobrana ze statycznego repozytorium

Przez co definiowana jest aplikacja webowa?

Przez interakcję z użytkownikiem

Przez co definiowana jest strona internetowa?

Przez treść na niej zamieszczoną

Czym jest <canvas>

grafika rysowana z wykorzystaniem JavaScript

Czym jest <svg>

grafika rysowana z wykorzystaniem Scalable Vector Graphics

Czy Canvas jest zależne od rozdzielczości?

nie

Czy SVG jest zależne od rozdzielczości?

tak

Czy Canvas posiada obsługę zdarzeń?

Nie

Czy SVG posiada obsługę zdarzeń?

Tak

Canvas - renderowanie

ubogie - tekstu

SVG renderowanie

wolne renderowanie złożonych elementów

Do jakich formatów można zapisać obraz z Canvasa?

. png lub. jpg

Canvas jest dobre dla:

gier z dużą ilością grafiki

SVG jest dobre dla

aplikacji o dużej powierzchni renderowalnej, zdecydowanie nie dla gier

Znaczniki formularzy: <data list>

predefiniowana lista opcji dla elementu <input/>

Znaczniki formularzy: <keygen>

pole generatora par kluczy dla formularzy

Znaczniki formularzy: <output>

wynik obliczeń

Znacznik: <wbr>

dopuszczalne, bezpieczne złamanie linii

Znacznik: <summary>

widoczny nagłówek dla elementu <details>

Znacznik: <time>

Określa datę/czas

Znacznik: <section>

sekcje w dokumencie

Znacznik: <article>

blok artykuły w dokumencie

Znacznik: <aside>

treść poza główną zawartością strony

Znacznik: <bdi>

część tekstu która może być formatowana w innym kierunku niż pozostała część tekstu

Znacznik: <details

Dodatkowa treść którą użytkownik może pokazać lub ukryć

Znacznik: <dialog>

okno dialogowe lub okno

Znacznik: <figure>

określa taką treść jak ilustracje, rysunki, zdjecia, kod źródłowy

Znacznik: <figcaption>

opis elementu figure

Znacznik: <mark>

zaznaczony lub podświetlony tekst

Znacznik: <menuitem>

pozycja, polecenie w menu, które może byc wywołane przez użytkownika

Znacznik: <meter>

licznik, miernik w danym zakresie

Znacznik: <nav>

odnośniki nawigacyjne na stronie

Znacznik: <progress>

określa postęp zadania

Znacznik: <rp>

określa co pokazać w przeglądarce która nie obsługuje notacji "ruby"

Znacznik: <rt>

okresla znaczenie/wymowę znaków - typografia wschodnia azjatycka

Znacznik: <ruby>

definiuje adnotacje do umieszczania powyżej lub po prawej stronie znaków języków piktograficznych

Co to jest Modernizr. js?

programistyczny sposób na sprawdzenie zakresu wsparcia ze strony przeglądarki internetowej

Jak starsze przeglądarki traktują nieznane im elementy?

jako elementy "inline"

Czy w HTML5 istnieje wsparcie dla natywnych rozwiązań zastępujących pluginy?

Tak

Czy w HTML5 istnieje wsparcie pluginów zastępujących natywne rozwiazania?

Nie

W HTML5 wprowadzono zasady w celu odseparowania

struktury dokumentu od prezentacji treści

Jakich boków w HTML5 nie trzeba domykać?

Jakie znaczniki można pominąć w HTML5?

<html> <head> <body>

Znacznik: <track>

okresla ścieżkę dla elementów <audio> i <video>

Znacznik: <source>

określa źródło dla elementów <audio> i <video>

Znacznik: <embed>

kontener dla zewnętrznych aplikacji - pluginy