1
00:00:01,410 --> 00:00:02,270
Nous saluons le retour.

2
00:00:02,520 --> 00:00:07,520
Donc, cette vidéo va fonctionner comme une sorte de cours intensif sur la façon dont l'Internet fonctionne.

3
00:00:07,530 --> 00:00:23,180
Pour quelqu'un qui veut être un développeur de sorte qu'il est censé vous prendre de l'utilisateur d'Internet avide comme moi qui peut-être ne comprend pas beaucoup sur la façon dont l'Internet fonctionne parce que vous n'avez pas à quelqu'un qui utilise toujours l'Internet tout le temps Mais comprend un peu comment il fonctionne à un niveau élevé.

4
00:00:23,220 --> 00:00:35,030
Il pourrait être surprenant, mais les développeurs n'ont pas vraiment besoin de savoir que le niveau très faible nitty gritty sur les différents protocoles de données et comment ils fonctionnent dans cette pile TCAP IP dans les choses que vous pouvez entendre qui sont très intimidant.

5
00:00:35,190 --> 00:00:42,450
C'est une discipline entière, il ya des majors collège entier et des cours consacrés à la façon dont l'Internet fonctionne à un niveau bas.

6
00:00:42,690 --> 00:00:49,940
En tant que développeur, les choses sont abstraites de sorte que nous avons seulement besoin de comprendre les bases très plus que votre utilisateur typique de l'Internet.

7
00:00:50,070 --> 00:00:55,590
Mais nous n'avons pas à être des experts sur tout ce truc intimidant nitty gritty.

8
00:00:55,590 --> 00:00:57,250
Tellement peu de choses que nous voulons faire ici.

9
00:00:57,420 --> 00:01:00,150
Nous voulons comprendre à un haut niveau comment fonctionne l'Internet.

10
00:01:00,270 --> 00:01:05,340
Des choses comme HGP IP noms de domaine que vous êtes elsewhat sont tous ceux.

11
00:01:05,340 --> 00:01:06,550
Comment travaillent-ils ensemble?

12
00:01:06,780 --> 00:01:09,920
Nous voulons comprendre la différence entre l'extrémité avant et l'élément arrière.

13
00:01:10,170 --> 00:01:12,540
Aussi pile complète où cela convient.

14
00:01:12,570 --> 00:01:16,420
Et puis nous voulons aussi pouvoir voir le H Tim L sur n'importe quel site Web.

15
00:01:17,220 --> 00:01:20,340
Donc, la première chose que je veux faire ici est effectivement regarder une vidéo.

16
00:01:20,550 --> 00:01:22,080
Donc, le lien est dans la diapositive.

17
00:01:22,140 --> 00:01:25,900
C'est aussi dans la description de cette vidéo qui va aller de l'avant et l'ouvrir.

18
00:01:26,040 --> 00:01:28,430
N'hésitez pas à le regarder seul.

19
00:01:28,440 --> 00:01:43,470
Je vais le regarder dans cette vidéo et juste pause quelques instants et mettre en évidence quelques morceaux importants.

20
00:01:43,620 --> 00:01:53,210
Avez-vous déjà demandé ce qui se passe quand quelqu'un en Angleterre visite le World Science Festival page web d'abord.

21
00:01:53,220 --> 00:01:58,470
Leur ordinateur doit demander au serveur World Science Festival une copie de cette page Web.

22
00:01:58,710 --> 00:02:22,130
L'ordinateur saisit cette demande dans une enveloppe virtuelle appelée un paquet enveloppé avec des informations spécifiques sur cette demande, y compris les festivals scientifiques du monde l'adresse IP l'ordinateur envoie ce paquet hors de la maison et en dessous de la rue via un grand souterrain fils de cuivre, Réseaux avant de se retrouver ici à Telehouse nord à Londres.

23
00:02:22,440 --> 00:02:25,700
Telehouse North est le principal carrefour Internet d'Angleterre.

24
00:02:25,740 --> 00:02:36,120
L'adresse IP sur ce paquet indique au hub que le serveur de festival de science du monde est réellement à Lausanne et la première chose que je veux juste souligner là l'utilisateur dans ce cas est allé à un site Web.

25
00:02:36,180 --> 00:02:44,680
World Science Festival site Web ou le type qui dans et puis appuyez sur entrer et tout cela se passe avant que l'utilisateur voit quelque chose.

26
00:02:44,760 --> 00:02:49,210
L'idée est qu'un utilisateur demande un site Web ou le demande.

27
00:02:49,260 --> 00:02:52,140
Et c'est ce qu'on appelle une demande de TTP.

28
00:02:52,170 --> 00:03:07,040
Donc, quand j'ai ouvert cette vidéo YouTube dot com slash ce que vous savez quand je tape Enter je demande le contenu de cette page et qui doit aller tout le chemin à YouTube quelque part et ils doivent l'envoyer tout le chemin du retour moi.

29
00:03:07,050 --> 00:03:11,030
Jusqu'à présent, nous obtenons toujours la demande au bon endroit.

30
00:03:11,430 --> 00:03:18,620
Ainsi Telehouse North envoie le paquet dehors est comme à travers l'Atlantique au-dessus des câbles de fibre optique enterrés profondément sous l'océan.

31
00:03:18,780 --> 00:03:26,310
Le paquet finit ici 60 rue Hudson New York City le plus grand moyeu d'Internet sur la côte est.

32
00:03:26,760 --> 00:03:34,760
Ce hub envoie le paquet à travers une série de réseaux régionaux reliant New York à Los Angeles où réside le serveur World Science Festival.

33
00:03:35,220 --> 00:03:39,570
Le serveur lit la demande et se prépare à envoyer la page Web à l'anglais.

34
00:03:40,260 --> 00:03:46,170
Mais la page Web est composée d'images et le texte est trop volumineux pour être envoyé en tant que paquet unique de données.

35
00:03:46,170 --> 00:03:49,440
Alors, comment pouvons-nous revenir en Angleterre.

36
00:03:49,440 --> 00:03:50,380
Imagine ça.

37
00:03:50,450 --> 00:03:57,650
Donc, à ce stade, la demande a fait tout le chemin vers le bon serveur et il est dit que je suis à la recherche de cette page.

38
00:03:57,810 --> 00:04:10,850
Et donc maintenant tout est sur le voyage de retour allant du serveur tout le chemin du retour à l'ordinateur qui a demandé ce groupe de page spécifique de 5000 touristes visitant la ville de New York dans un bus touristique gigantesque unique.

39
00:04:10,950 --> 00:04:15,730
Ils sont à la hauteur de Harlem, mais ils veulent visiter la Statue de la Liberté avant de fermer.

40
00:04:15,840 --> 00:04:18,560
Mais c'est l'heure de pointe un vendredi.

41
00:04:18,580 --> 00:04:23,490
Il n'y a aucun moyen que le bus géant va s'adapter à travers ces rues congestionnées folles.

42
00:04:23,580 --> 00:04:28,260
Alors ils décident de descendre de l'autobus et s'étaler quelques prendre le métro.

43
00:04:28,260 --> 00:04:34,480
Certains prennent des taxis quelques vélos de location et certains prennent même des kayaks sur la rivière Hudson.

44
00:04:34,650 --> 00:04:39,890
La façon dont ils y arrivent n'a pas d'importance tant qu'ils arrivent à temps.

45
00:04:39,930 --> 00:04:42,740
De même pour Internet pour travailler efficacement.

46
00:04:42,780 --> 00:05:01,350
Ces pages Web pulvérisé en milliers de minuscules paquets de données chaque racké avec toutes les informations qui ont besoin de se reconstruire dans les les enfants sont envoyés à Los Angeles sera un moyeu sure qui vérifie le rapport de circulation avant de les envoyer sur des miles et des miles de terre.

47
00:05:01,350 --> 00:05:11,630
Ils voyagent vérifier à travers différents hubs comme sont les touristes de New York City ces paquets ne se soucient pas comment ils y arriver aussi longtemps qu'ils arrivent aussi vite que possible.

48
00:05:12,040 --> 00:05:20,640
La plupart d'entre eux vont passer par 60 Hudson à New York où ils sont redirigés vers l'Angleterre est comme monter une fibre de verres épaisse comme un dollar d'argent.

49
00:05:20,800 --> 00:05:27,000
Puis de retour sur le fil de cuivre à travers les réseaux régionaux britanniques dans tous les paquets atteint leur destination.

50
00:05:27,010 --> 00:05:47,850
Et et ce voyage épique tout se passe en une seconde avec trillions sur des milliards de voyages similaires qui se produisent chaque jour sur ce réseau remarquable facile à prendre pour acquis de réseaux que nous appelons l'Internet.

51
00:05:48,070 --> 00:05:50,180
J'espère que vous avez trouvé la vidéo fascinante.

52
00:05:50,200 --> 00:05:55,300
Il souffle certainement mon esprit même si vous connaissez quelqu'un qui fait cela beaucoup et qui utilise l'Internet beaucoup.

53
00:05:55,300 --> 00:05:57,360
Rend les sites Web des applications.

54
00:05:57,370 --> 00:06:05,320
Il est encore si étonnant le processus qui se passe derrière les scènes juste pour chaque page unique qui se charge simplement réitérer.

55
00:06:05,320 --> 00:06:11,950
Prenons cet exemple de quand je vais à ce vous ici et nous dot com slash cours et je frappe entrer.

56
00:06:12,010 --> 00:06:19,810
Rappelez-vous que je demande quelque chose et je reçois quelque chose en arrière et demander quelque chose et le serveur répond.

57
00:06:19,810 --> 00:06:21,660
Et il ya beaucoup de choses qui se passe entre les deux.

58
00:06:21,670 --> 00:06:24,900
Mais c'est le concept central.

59
00:06:24,940 --> 00:06:31,290
Donc la première étape qui se passe et en fait avant que je commence là je veux vous faire savoir ce n'est pas quelque chose que vous devez mémoriser.

60
00:06:31,300 --> 00:06:35,740
Il s'agit de choses purement conceptuelles qui est agréable à savoir, mais vous pouvez toujours revenir.

61
00:06:35,740 --> 00:06:36,680
Vous pouvez regarder ça.

62
00:06:36,700 --> 00:06:38,400
Vous pouvez regarder cette vidéo en haut.

63
00:06:38,410 --> 00:06:49,530
La seule chose que je veux vraiment vous mémoriser et d'être confiant en est cette idée de demandes et de réponses demandant des données et un serveur vous donnant ces données et puis votre navigateur l'afficher.

64
00:06:49,720 --> 00:07:00,520
Donc cette étape ici quand je vais à vous ou je frappe entrer la première chose qui se passe est mon ordinateur doit savoir l'adresse exacte à envoyer une demande à.

65
00:07:00,520 --> 00:07:04,750
Qui est juste comme quand vous envoyez une lettre que vous devez avoir une adresse unique.

66
00:07:04,750 --> 00:07:07,200
Aucune maison n'a la même adresse qu'une autre maison.

67
00:07:07,240 --> 00:07:11,600
Ils pourraient ressembler à la même, mais ils sont dans une ville différente ou différent code postal différent ou pays différent.

68
00:07:11,620 --> 00:07:12,460
Ils sont uniques.

69
00:07:12,550 --> 00:07:17,290
Nous avons donc besoin de cette adresse pour que notre demande se trouve au bon endroit.

70
00:07:17,290 --> 00:07:20,270
Donc, le Sinko DNS, il prend ce nom de domaine.

71
00:07:20,310 --> 00:07:26,410
Vous n'avez besoin de résultat et il traduit dans cette adresse IP qui est une chaîne de nombres et de points.

72
00:07:26,420 --> 00:07:28,560
Il s'agit d'un identifiant unique.

73
00:07:29,050 --> 00:07:34,270
Une fois que nous avons cela, nous envoyer effectivement une lettre à quand nous faisons réellement la demande.

74
00:07:34,270 --> 00:07:43,860
Donc, dans ce cas, quand je touche entrer je suis de trouver où mes ordinateurs calculent ce que cela signifie pour moi l'adresse IP de Dotcom.

75
00:07:44,230 --> 00:07:44,700
D'ACCORD.

76
00:07:44,740 --> 00:07:50,370
Nous avons l'adresse IP maintenant mais envoyons une demande demandant la page du cours.

77
00:07:50,530 --> 00:07:56,130
Donc nous faisons une demande avec une demande HTP nous allons en parler beaucoup plus sur ce que c'est et à quoi ils ressemblent.

78
00:07:56,230 --> 00:07:59,260
Et n'oubliez pas que ce n'est pas une simple prise directe là-bas.

79
00:07:59,290 --> 00:08:05,640
Fondamentalement, la demande rebondit autour de serveur à serveur jusqu'à ce que nous arrivons au serveur que nous recherchons.

80
00:08:06,370 --> 00:08:21,640
Donc quand nous arrivons au serveur la première partie est que le serveur va comprendre ce que je demande et ma demande pour la page d'accueil que je demande pour la page des cours Slash nous demandons la page d'inscription le devenir Une page d'instructeur.

81
00:08:21,670 --> 00:08:26,140
Il y a toutes sortes de pièces différentes que je pourrais demander et elles sont toutes différentes.

82
00:08:26,140 --> 00:08:30,500
Donc, le travail de service est de comprendre ce qu'il faut renvoyer.

83
00:08:30,610 --> 00:08:35,950
Lorsque nous faisons en arrière dans le développement qui sera votre travail de déterminer ce contenu à renvoyer.

84
00:08:35,950 --> 00:08:44,540
Ainsi, le serveur interagit souvent avec la base de données qui extrait des informations et il fait la combinaison de chaque équipe l javascript et C S S.

85
00:08:44,560 --> 00:08:51,800
Alors notre serveur répond en retour nous envoie cette combinaison de chaque équipe s et Javascript, c'est un tas de code.

86
00:08:51,820 --> 00:08:55,450
Ce n'est pas très lisible pour les humains dans les étapes de notre navigateur.

87
00:08:55,450 --> 00:09:02,910
Et il le transforme en ceci c'est le travail entier que notre navigateur prend cette information et il le rend facile à comprendre pour des humains.

88
00:09:03,340 --> 00:09:06,210
Donc, ce processus se produit sur chaque page de l'est-il.

89
00:09:06,310 --> 00:09:11,260
Et vous pouvez effectivement voir le sous-jacent H.M.S. Évaluer sur n'importe quelle page et Javascript.

90
00:09:11,290 --> 00:09:14,390
Il y a donc quelques façons de le faire dans Chrome.

91
00:09:14,500 --> 00:09:16,570
Et c'est pourquoi nous utilisons tous Chrome.

92
00:09:16,570 --> 00:09:17,530
Tu peux y aller.

93
00:09:17,680 --> 00:09:19,800
Allons à cette page ici.

94
00:09:20,470 --> 00:09:32,680
Je peux faire un clic droit et cliquer sur View page source et il ouvre une nouvelle fenêtre qui contient réellement tous les H.M.S. S s et javascript qui est la source sous-jacente de cette page.

95
00:09:32,710 --> 00:09:36,520
Même chose sur YouTube, cliquez avec le bouton droit sur Afficher la source de la page.

96
00:09:36,520 --> 00:09:38,570
Et c'est donc sur chaque site.

97
00:09:38,740 --> 00:09:40,430
Donc, il n'y a aucun moyen de cacher cela.

98
00:09:40,480 --> 00:09:42,490
Le Java entier le navigateur prend ceci.

99
00:09:42,490 --> 00:09:45,520
Et il l'a transformé en ceci.

100
00:09:45,520 --> 00:09:47,950
Les navigateurs sont donc des choses compliquées.

101
00:09:47,950 --> 00:09:50,800
La bonne chose est que vous n'avez pas à savoir comment cela fonctionne le navigateur.

102
00:09:50,800 --> 00:09:52,150
C'est tout le drop son navigateur.

103
00:09:52,150 --> 00:09:54,870
Il prend ce code et il le transforme en ceci.

104
00:09:54,880 --> 00:09:56,390
Donc, une autre façon vous pouvez le faire.

105
00:09:56,500 --> 00:10:03,030
Il ya un raccourci dans Chrome que vous pouvez faire une vue d'option de commande sur un PC.