Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Internet for Dummies

Internet for Dummies

Come funziona internet per i non addetti ai lavori.

Di. Giuseppe Mazzapica

More Decks by WordPress Meetup Catania

Other Decks in Education

Transcript

  1. for Dummies Come Funziona Internet

  2. @gmazzap github.com/gmazzap https://gmazzap.me Giuseppe Mazzapica Sviluppatore PHP dal 2005, primo

    incontro con WordPress nel 2006. Moderatore presso wordpress.stackexchange.com Dal 2016 WordPress Engineer per:
  3. 1 https://emergencykittens.tumblr.com/ 2 3 Una storia in 3 passaggi:

  4. 2 I server sono computers. 1 Internet non è fatta

    di nuvole, ma di server. I computers parlano tra di loro. In molti e diversi modi. 3 4 Il linguaggio usato dai computer connessi ad internet è il TCP/IP.
  5. Per poter comunicare i computer devono trovarsi. Voglio vedere un

    gattino all’indirizzo emergencykittens.tumblr.com Per trovare un server, un computer deve conoscere il suo indirizzo IP. Per ottenere l’indirizzo IP a partire da un nome di dominio viene usato il protocollo DNS.
  6. Dove’è emergencykittens.tumblr.com? Non lo conosco, mi informo e ti faccio

    sapere... Recursive DNS Server
  7. Recursive DNS Server emergencykittens.tumblr.com? .com? Chiedi a h.gtld-servers.net tumblr.com? Chiedi

    a ns1.yahoo.com Lo trovi al 66.6.2.21 Authoritative DNS Server Authoritative DNS Server Authoritative DNS Server emergencykittens.tumblr.com? emergencykittens.tumblr.com? I server DNS parlano tra loro usando un protocollo che si chiama UDP che io ho tradotto in italiano per voi
  8. Carissimo 66.6.2.21, mi mandi quel gattino che mi piace tanto?

    HTTP? GET /awesome-cat.png Host: emergencykittens.tumblr.com Finalmente so a chi chiedere il mio gattino!
  9. 200 OK Content-Length: 120321 Content-Type: image/png Kg£™ä€´øîÙƺo{›ùêxãøönÊ"w¤ ¢\9’wyŒ@ÉP úÔÀ|ðó¦–×1o:ÓËÉ#÷.‹@ô1ÀàÅtlD 2N`+0;HA®þOÇÝÊ@$#W&Y—À

    Oà@˜¦²‹É1¼^„«&óÀÌËÐKÅq˜CP—89€uÅ`„="oªĽ ºf¥ej; /üKº,H‘×öÒp-aF0dp> ´*³§I4·½ÇšâÚÆ_˜ ‹=%Æ° D4˜ÖòÊÝÚ2ÖüPZGïüð ¯4ªàX ÙXþ½B¯CÁ˜%¸ç<õÌo6àÄÜG°ÛW“r ëÙóï f { @NIÈØYæ « ˜‘ƒðeq{aô ~ >’8FûéID `69=U0Ö³ô}âT{‚›±Ø š]ï¹ ^#ÖhëÇ(l„˜ 9Å ¸¥X´ZÖ=mÂÿ1¡J~9\CÊ…˜Ñ¥ŸËWÐ ap›YúrV›ž¯§{pï"jdD¸‘ÑM‘£å ´DC5p ˜“èNÞbŠ f f ¢ … 1 X | „ O ’ : i S < ê g f Š Æ + } 1 Z æ “ ¾ ¾ 8 ó â c | ¤ ‘ ¢ ¾ ˜ a P = £ · D Ù œ ( n…˜Ã5Î`²/{yM½E4söIfRñ¾…{(Îÿƒõ–ÄéO‚™ æÚðÒû _š–1E fß>"0†>Ã>ÁŸÞ{;ØÞîú÷å§àùKóÞ å•êù|½}ð Á”ÿÌÏ?ð½øá?ûÖô/o¼&ÞBÿ¿Û³ë+qé»?ú;qJ ãzáç& įþú3˜X–ç¿|^nVت€½<K¥Ìtc×a¡kYb×3,¥»÷˜6?)ÂR%‘b²Ÿ» Iâêx {—9Œ8]D1›"Lর»Ah™sx¦\¢íòÔ4m}©×ûÕöf^X].Q‘4‡:Û榪w·;‹fŒNY–?¼=<ûäE_7÷¯@ñÛ|•mŸìêc…Þ<Ù ëòáû·à$};6u½Ú³XÇ<À}& 6B NŠ,P!Š°_1,%>˜Ø“ ž¤ '´ÈSðK 9¥m‚8K †@P ?È+Öƒ«Çõ ÚÊå0Â|ŒÌE,—“«Ë cJ^â+¥FI˜œày#"ÕëÛ Ę̂{`6°jæ±cÐ }b<0/’ I® QèK+˜uÚs€¶EÁñ “ÂZÎMNŸ‚û™Äé1ø¦YÀ5V ¿!L0o4ôËõ:Ï) L* X´Õ o0µwÕðB òÑ —öR;¦ÄœòRsÛŽÊJùŒÁͦI=1Ã;©]mò¢ /Ÿ±JûK»¹)n?z’¯r lBnêÃÁlÔ úq˜ÃyY ¿ ›¸ ÄGqÃ,O×û- p¹>Õ>Sóåþ„AiÃOÜf0nù(nËd®\ႉìH0ÁÅ1\ }?„´Ÿ yæ×Y|Î×,Á ¶¥—Ó› Ìcviž\gxcLCb0ò>ãÅŽv?Jòœ“ .µ-Æ Y^¸cØ() é[‰n€ [X ¥Cð:êg#â= yœ´ÌsZäTˆ£ ’‘TÏÐýòŽ î04B @ D™¨ü$>šÅ±[email protected]ñ,‡›/pÀq²Ø#<#: H"cšX“’ß³Há¸Äl0È—½’ýgØ£PœªH:Z°Q‹†¹Lü†YÍžÎÔȤ+3‡6¼7ÓôÍKêΤúVPVŒ“ÿe2’dVÁ-Ó uóõ…} ‹ , † * [email protected]ÛË ë)…«Ëo- Hih¬¯ì¤v7€ \Ôç;ô[¾Æ³{»fYçð&^ù"4T9+E T¾®rYÈóÃNˆåÓÚtRÈê+˜ßŸEMË;¼È[email protected]]‚FÎCºáO¿ ) | ÿ § ß D ñ ù ç ™ : z ¨ œ È ‘ ¿ õ ¼ E Œ i T Û × ? à o S k ò ö ( ó ¯ b Y e ‹ & ¿ ' ü ñ ® Î Â ò 8 Œ Ù 1 O Ó © á % = Ž ™ ö ‡ L r l Ø à£ÏžbHvw›Í³=¬óîv³¹ÙÀÁ¸0¼>ò>Ã8 ¸Ãã˜(n&]e /$™›ûºƒ]嚃‰ ¨Ï˜Ïò|±¾7{É)Áƒðr<•«æéÈ‚„(KsÜ3CMJ&aM- Ê¢ü~,÷Øõ¦#C=>\ÚºusŦè›Q />½>î^쀄Y™v 1ÁÊd¸Js¼`) Ä}YOFŽÀõj#)¦aH¶ Ò¸¥…¢á`eÒ,–8ЃÕÃ>hêªo ˜ˆ²[email protected],&»²,¸›¦1ìqAj)‚jˆôE±§Ñ€Q¦¥îš/I3LP %ƤWU>7LR ð#†½—Ša„EdqìxšÂá^i‡0äòqÌÍš2Dz5÷ 4 x6dà ØÀAK³„«5 |Ô£}nA~"fõ¨9Ǫƒ)T jŠXr ëFy¼¢8ÍçYûÉEܼx莢D8>õ± hj0Èõ®ØaŽè"QÁŠÙ'Ïóû3솓¯@±ÆñpÆæÏŠ ›¶£* · –±J JL¹Ò², ‰'¶Œãþn 5‰ ËÖ †ôæéÍþÉ>´È° Køxø÷ C¬±4)'ºg 3y«,I°aý,‰(æ8žqcÅ*[8éðäN¯ ðŸŠm Ï컯¾Å2ÍÊ’ì,ŠqŸ]Cg–6“®R–Â~ª4h>/ðáHæb0¶ºï:ÒÙ_å#= 2m:± ÎÁ¨;<–îs µ‡Y^4U¸ÉÊœ2cúL>î š– e T Ò ¶ 5 Þ Œ Ù O ` v ® º ¶ Á ‹ “ 2 • ½ § Æ ë F ! ý ˜ z æ € % ö ‰ é ú F T í â : ¤ l ‡ ¡ ° X å u u á > ¤ % e Æ N 4 M Æ ä ¾ ÿ ú 5 8 Ç ö v ‹ A ´¬6Û¾®ºS½Únß|÷öõ«‡çñ“Õv#b¦a]·ÍØe›æó|é_|ú¬kûÛgw°kÿðÿ)úîáÙ/_‚¾†wE»›U’2¨fAä¥ÃeA‚¬e6…+ffº †¼ÌÅDcÏËAæðhÀ5pzî>® ]é˜ J˜šÂ¡\¯â$PÕçKI€0 i–ÒÁØxŒzÌ–ÅØß ¹ÝÞ«†YÍžÎÔȤ+3‡6¼7¹Lü†YÍžÎÔȤ+3‡6¼ n…˜Ã5Î`²/{yM½E4söIfRñ¾…{(Îÿƒõ–ÄéO‚™ æÚðÒû _š–1E fß>"0†>Ã>ÁŸÞ{;ØÞîú÷å§àùKóÞ å•êù|½}ð¬e6…¬e
  10. :-)

  11. Il protocollo HTTP è molto semplice e permette la comunicazione

    tra un client (ad esempio il nostro PC) e un server (ad esempio il server che contiene l’immagine del gattino). Le informazioni possono essere testuali, ad esempio le pagine HTML o binarie, ad esempio l’immgine del gattino.
  12. I dati scambiati viaggiano nella «rete» che è fatta di

    chilometri e chilometri di cavi ethernet, wifi, router, switch, cavi in fibra ottica sottomarini... I dati viaggiano in «pacchetti» codificati secondo le specifiche TCP che permettono la trasmissione affidabile anche di grandi quantità di dati. Eventuali pacchetti «persi» vengono re-inviati ed ogni pacchetto contiene le informazioni per poter essere interpretato in maniera corretta dal ricevente.
  13. Il contenuto HTML di una pagina web richiede una richiesta

    HTTP che prima di ottenere un risultato deve seguire tutto il percorso che abbiamo visto per l’immagine del gattino. Ogni immagine, ogni file CSS, ogni file JavaScript, ognuna di queste cose richiede una richiesta HTTP con tutto quello che ne consegue.
  14. 2 Con HTTP/1, ancora nelle maggioranza dei server, ogni file

    è una richiesta separata: combinare i file reduce il tempo di caricamento. 1 Meno sono i dati da scaricare, più veloce sarà la visualizzazione della pagina. Meno «strada» fanno i pacchetti di dati, più veloce sarà lo scaricamento: usiamo server vicino ai nostri utenti oppure CDN. 3
  15. A me basta che diate i miei gattini!

  16. Inspirato a: http://jvns.ca Networking! ACK! di Julia Evans

  17. Domande?