Alors, comment fonctionnent les sites Web maintenant ?
J'ai un cours complet de développement Web, donc comme il s'agit d'un cours python, nous
n'allons pas approfondir ce sujet.
Au lieu de cela, nous allons nous concentrer sur le côté python des choses.
Mais je veux vous aider à comprendre ce que nous construisons et comment tout fonctionne, car j'espère qu'à la fin
de ce cours, vous serez en mesure de transformer votre portfolio en portfolio, à votre guise et de
présenter les projets qui nous avons construit tout au long du cours.
J'ai donc un site Web pour vous ici, nous avons X CD, qui est juste un petit site de bande dessinée amusant.
Si je clique sur Actualiser ici ou si je saisis cette URL, je suis redirigé vers ce site Web, mais.
Comment cela fonctionne-t-il concrètement ?
Comment mon navigateur, dans ce cas Google Chrome, peut-il afficher cette page Web pour moi ?
J'ai besoin d'être connecté à Internet.
À droite.
Il y a donc une sorte de données qui sont transférées pour que je puisse voir cela.
Voyons donc comment cela fonctionne.
Et regardez ça, j'ai créé un joli petit diagramme pour vous.
Et dans ce diagramme, je vais essayer de vous dire exactement comment cela fonctionne.
C'est assez simple.
Nous avons notre navigateur ici, qui peut être Google Chrome.
Cela pourrait être SFAR, cela pourrait être Firefox.
Ce n'est pas grave.
Ce navigateur, nous pouvons y saisir un site Web ou peut-être Google pour un site Web, puis cliquer sur un
site Web lorsque nous cliquons sur un site Web.
Ce qui se passe, c'est que via Internet, le navigateur envoie une requête à une autre machine.
Et cette machine, que nous appelons serveur, est située n'importe où dans le monde.
Cela n'a pas vraiment d'importance car à travers notre réseau Internet, le navigateur va dire, hé, ce site
Web, à qui appartient ce site Web ou quelle machine peut me servir les fichiers pour ce site Web ?
Et en utilisant une logique complexe, il va trouver ce serveur, qui en fin de compte n'est qu'un ordinateur, et nous
allons en fait vous montrer et déployer notre propre serveur.
Eh bien, il dit simplement, hé, donnez-moi des données, car sans données, je ne suis pas en mesure d'afficher quoi que ce soit sur une
page Web.
Et le serveur, eh bien, tout d'abord, ils communiquent via quelque chose appelé P et S parce que le navigateur et le
serveur sont deux machines différentes, n'est-ce pas ?
Le navigateur est sur mon ordinateur portable en ce moment.
Et la machine, qui est un serveur, elle peut être n'importe où dans le monde.
Ils ont besoin de communiquer d'une manière ou d'une autre et nous avons besoin d'une règle pour dire, vous savez, nous ne voulons pas que
toutes ces machines se parlent sans règles en place.
Par exemple, nous pouvons convenir que lorsque nous communiquons entre vous et moi, je vais
parler en anglais de la même manière HDP et HTTPS, qui est une version cryptée sécurisée de la communication, me permet de dire,
hé, pouvez-vous donner moi les données et le serveur à comprendre?
Oh, ce site Web ou ce navigateur a besoin des données que j'ai.
Si je reviens sur ce site par ici.
Vous voyez que j'utilise un GPS et qu'il dit que je veux utiliser le protocole GPS, c'est la langue pour communiquer
que je veux aller sur ce site.
Donc, dès que j'appuie sur Entrée, cette demande va être envoyée à un serveur quelque part.
Et puis le serveur va répondre avec ces données.
Continuons avec notre schéma.
La demande vient donc d'être faite, ce serveur se trouve justement avoir trois fichiers dont nous avons besoin.
L'un est un fichier HTML et ce fichier est le texte ou le contenu du site Web.
L'autre est le dossier.
Et cela contient tout le style du site Web.
Ce sont donc les couleurs, peut-être certaines polices, peut-être la position des éléments, tout ce qui a à voir avec le style.
Cela ne ressemble donc pas à un texte ennuyeux.
Et puis nous avons JavaScript.
JavaScript est ce qui donne le comportement des sites Web.
Lorsque je me connecte à Facebook ou que je tweete quelque chose sur Twitter, JavaScript me permet
d'effectuer ces actions car avec juste un HTML et des CSF, nous n'avons que du texte et un joli style.
Avec JavaScript, nous pouvons prendre des mesures, mais nous n'avons pas besoin de trop nous concentrer là-dessus.
Tout ce que nous devons savoir, c'est que le serveur, parce que c'est un ordinateur sur ses fichiers, a ces trois fichiers
pour nous et ces trois fichiers.
Que se passe-t-il est envoyé au navigateur parce que le navigateur était vraiment, vraiment gentil et a demandé, hé, pouvez-vous me donner des
données ?
Et le serveur dit, bien sûr, ça y est et nous envoie ces trois fichiers et ces trois fichiers, quand
ils sont renvoyés, le navigateur les comprend.
Et parce qu'il les comprend, même si pour nous cela peut ressembler à du charabia, il est capable d'afficher ce
site Web pour nous.
Mais laissez-moi vous poser une question.
Jusqu'à présent, je n'ai pas vraiment parlé de Python.
Je pensais que c'était un python, Cassandre.
Est-ce que tu me disais toutes ces choses dont je me moque ?
Eh bien, parce qu'ici il y a un morceau qui peut en fait être écrit en Python.
Pouvez-vous deviner ce que c'est?
Si vous avez deviné le serveur, félicitations, vous obtenez cinq mille points.
Vous voyez, le navigateur c'est quelque chose qui bien, c'est une application qu'on télécharge sur notre ordinateur, non ?
Mais jusqu'à présent, le serveur était une sorte de boîte mystère, une machine, un ordinateur quelque part.
Mais les programmeurs Python peuvent en fait écrire la logique et les règles sur lesquelles les serveurs peuvent agir.
Donc, toute cette communication de, hé, pouvez-vous me donner des données peut être interprétée en Python, puis envoyer
ces données au navigateur à l'aide de Python.
Et nous allons construire notre propre serveur au cours des deux prochaines vidéos, mais aussi aborder ces e-mails, ces fichiers CSF
et JavaScript, afin que nous puissions réellement afficher quelque chose comme un site Web.
Maintenant, je veux terminer cette vidéo avec une question.
Pensez-vous que ce serveur doit être écrit en Python ?
Qu'en penses-tu?
Non, ce n'est pas le cas.
À droite.
Le navigateur ne se soucie pas de ce à quoi ressemble cette machine.
Tous les soucis sont ces trois fichiers.
Et parce que nous parlons dans ce protocole https HDP.
Le navigateur dit, hé, je me fiche de la langue que vous parlez, je m'en fiche de tout, je vais juste vous le
dire à travers ça.
Donnez-moi simplement les données que je veux et nous pouvons faire la logique que nous voulons ici.
Je peux envoyer des e-mails d'ici si je veux.
Je peux envoyer des SMS.
Je peux faire des opérations mathématiques.
Je peux jouer à un jeu sur cet ordinateur si je veux.
Cela n'a pas vraiment d'importance tant que je suis capable de renvoyer ces fichiers au navigateur.
Nous pouvons donc le faire avec Python, mais nous pouvons le faire avec d'autres langages comme Noad, comme PHP, comme Java, donc
nous pouvons écrire un serveur dans n'importe quel type de langage.
La seule chose que nous pouvons vraiment faire est du côté du navigateur.
Côté navigateur, on est obligé d'utiliser ces trois fichiers car, bon, du moins en termes généraux, il
ne peut comprendre que JavaScript, qui est un autre langage de programmation.
Très bien.
Explorons un peu plus ce sujet dans la prochaine vidéo.