Requesty i cookies, czyli jak działa Internet?

JAK DZIAŁA INTERNET? REQUESTY I COOKIES, CZYLI

Dariusz Czajkowski https://dczajkowski.com @DCzajkowski @CzajkowskiDarek

KOMUNIKACJA zapytanie odpowiedź

SERWERY DNS ▸ 1.1.1.1 - CloudFlare ▸ 8.8.8.8 - Google
▸ 208.67.222.222 - OpenDNS ▸ inny - Twój dostawca Internetu

$ nslookup <domena> <adres ip serwera dns>

ADRES IP

216.58.215.78

11011000.00111010.11010111.01001110

2001:0DB8:85A3:0000:0000:8A2E:0370:7334

0010000000000001 :0000110110111000 :1000010110100011 :0000000000000000 :0000000000000000 :1000101000101110 :0000001101110000 :0111001100110100

SPECJALNE ADRESY IPv4 ▸ 10.*.*.*,   172.16 - 31.*.*,  192.168.*.*
— adresy sieci prywatnej ▸ 127.0.0.* — loopback ▸ 255.255.255.255 - broadcast ▸ 224 - 239.*.*.* — multicast

ZAPYTANIE

GET / HTTP/1.1 Host: https://test.dev Accept: text/html

ODPOWIEDŹ

HTTP/1.1 200 OK Content-Type: text/html; charset=UTF-8 Cache-Control: no-cache, private Hello
World!

GET / HTTP/1.1 Accept: text/html Host: https://test.dev

curl -X GET / HTTP/1.1 Accept: text/html Host: https://test.dev

curl -X GET Accept: text/html Host: https://test.dev

curl -X GET -H Accept: text/html Host: https://test.dev

curl -X GET -H 'Accept: text/html' Host: https://test.dev

curl -X GET -H 'Accept: text/html' https://test.dev

curl -X GET -H 'Accept: text/html' 'https://test.dev'

KODY STATUSU HTTP

HTTP/1.1 200 OK Content-Type: text/html; charset=UTF-8 Cache-Control: no-cache, private Hello
World!

1×× Informational 100 Continue 101 Switching Protocols 102 Processing 2××
Success 200 OK 201 Created 202 Accepted 203 Non-authoritative Information 204 No Content 205 Reset Content 206 Partial Content 207 Multi-Status 208 Already Reported 226 IM Used 3×× Redirection 300 Multiple Choices 301 Moved Permanently 302 Found 303 See Other 304 Not Modified 305 Use Proxy 307 Temporary Redirect 308 Permanent Redirect 4×× Client Error 400 Bad Request 401 Unauthorized 402 Payment Required 403 Forbidden 404 Not Found 405 Method Not Allowed 406 Not Acceptable 407 Proxy Authentication Required 408 Request Timeout 409 Conflict 410 Gone 411 Length Required 412 Precondition Failed 413 Payload Too Large 414 Request-URI Too Long 415 Unsupported Media Type 416 Requested Range Not Satisfiable 417 Expectation Failed 418 I'm a teapot 421 Misdirected Request 422 Unprocessable Entity 423 Locked 424 Failed Dependency 426 Upgrade Required 428 Precondition Required 429 Too Many Requests 431 Request Header Fields Too Large 444 Connection Closed Without Response 451 Unavailable For Legal Reasons 499 Client Closed Request 5×× Server Error 500 Internal Server Error 501 Not Implemented 502 Bad Gateway 503 Service Unavailable 504 Gateway Timeout 505 HTTP Version Not Supported 506 Variant Also Negotiates 507 Insufficient Storage 508 Loop Detected 510 Not Extended 511 Network Authentication Required 599 Network Connect Timeout Error

Set-Cookie: imie=Franek; expires=Sat, 21-Apr-2018 16:30:53 GMT; Max- Age=1800; path=/; HttpOnly

Cookie: imie=Franek

TREŚĆ - HTML

<!DOCTYPE html> <html> </html>

<!DOCTYPE html> <html> <head> </head> <body> </body> </html>

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> </body>
</html>

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Super strona</title> </head>
<body> </body> </html>

<body> <h1>Super strona</h1> </body> </html>

<body> <a href="kontakt.html">Kontakt</a> <h1>Super strona</h1> </body> </html>

<body> <a href="kontakt.html">Kontakt</a> <h1>Super strona</h1> <section> <h2>Słodki kotek</h2> </section> </body> </html>

<body> <a href="kontakt.html">Kontakt</a> <h1>Super strona</h1> <section> <h2>Słodki kotek</h2> <p> </p> </section> </body> </html>

<body> <a href="kontakt.html">Kontakt</a> <h1>Super strona</h1> <section> <h2>Słodki kotek</h2> <p> <img src="obrazek.jpg" alt="Słodki kotek"> Paragraf. Tutaj znajduje się treść strony. </p> </section> </body> </html>

<body> <a href="kontakt.html">Kontakt</a> <h1>Super strona</h1> <section> <h2>Słodki kotek</h2> <p> <img src="obrazek.jpg" alt="Słodki kotek"> <br> Paragraf. Tutaj znajduje się treść strony. </p> </section> </body> </html>

WYGLĄD - CSS

INTERAKCJA - JAVASCRIPT

SERWER

ASP.NET

GDZIE ZACZĄĆ? ▸ https://www.w3schools.com - wszystko o HTML, CSS i
JS ▸ https://www.codecademy.com - ćwiczenia online ▸ https://codecourse.com - PHP i JS dla początkujących i zaawansowanych ▸ https://css-tricks.com - dosłownie wszystko o CSS

CO NAS CZEKA W PRZYSZŁOŚCI?

PODSUMOWANIE

DZIĘKI ZA UWAGĘ

Dariusz Czajkowski https://dczajkowski.com @DCzajkowski @CzajkowskiDarek

Requesty i cookies, czyli jak działa Internet?

Requesty i cookies, czyli jak działa Internet?

More Decks by DCzajkowski

Other Decks in Technology

Featured

Transcript