Dus hoe werken websites nu?
Ik heb een hele cursus webontwikkeling, dus omdat dit een Python-cursus is, gaan we niet super,
super diep in op dit onderwerp.
In plaats daarvan gaan we ons concentreren op de python-kant van de dingen.
Maar ik wil je wel helpen begrijpen wat we aan het bouwen zijn en hoe alles werkt, want hopelijk ben je aan
het einde van deze cursus in staat om je portfolio daadwerkelijk aan te passen aan je portfolio, naar eigen wens en
de projecten te laten zien die die we tijdens de cursus hebben opgebouwd.
Dus ik heb hier een website voor je, we hebben X CD, wat gewoon een grappige komische website is.
Als ik hier op vernieuwen klik of deze URL invoer, word ik naar deze website geleid, maar.
Hoe werkt dit eigenlijk?
Hoe kan mijn browser, in dit geval Google Chrome, deze webpagina voor mij weergeven?
Ik moet verbonden zijn met internet.
Rechts.
Er worden dus een soort gegevens overgedragen zodat ik dit kan zien.
Dus laten we eens kijken hoe dit werkt.
En kijk eens aan, ik heb een leuk diagram voor je gemaakt.
En in dit diagram ga ik proberen je precies te vertellen hoe het werkt.
Het is vrij eenvoudig.
We hebben hier onze browser, wat Google Chrome kan zijn.
Het zou SFAR kunnen zijn, het zou Firefox kunnen zijn.
Het maakt niet uit.
In deze browser kunnen we een website of misschien Google voor een website typen en vervolgens op een
website klikken wanneer we op een website klikken.
Wat er gebeurt, is dat de browser via internet een verzoek naar een andere machine doet.
En deze machine, die we een server noemen, staat overal ter wereld.
Het maakt niet echt uit, want via ons internetnetwerk zal de browser zeggen: hey, deze website,
wie is de eigenaar van die website of welke machine kan mij de bestanden voor die website bezorgen?
En met behulp van wat complexe logica, gaat het deze server vinden, die uiteindelijk gewoon een computer is, en we gaan
het je echt laten zien en onze eigen server inzetten.
Nou, het zegt gewoon, hé, geef me wat gegevens, want zonder gegevens kan ik niets op een webpagina
weergeven.
En de server, ten eerste, ze communiceren via iets dat P en S wordt genoemd, omdat de browser en
de server twee verschillende machines zijn, toch?
De browser staat nu op mijn laptop.
En de machine, die een server is, kan overal ter wereld zijn.
Ze moeten op de een of andere manier communiceren en we hebben een regel nodig om te zeggen, weet je, we willen niet dat
al deze machines met elkaar praten zonder regels.
We kunnen bijvoorbeeld afspreken dat wanneer we tussen jou en mij communiceren, ik in
het Engels ga spreken op dezelfde manier HDP en HTTPS, wat een beveiligde gecodeerde versie van communicatie is, zodat ik kan zeggen,
hey, kun je mij de gegevens en de server te begrijpen?
Oh, deze website of deze browser heeft de gegevens nodig die ik heb.
Als ik terug ga naar deze website hier.
Je ziet dat ik een GPS gebruik en er staat dat ik het GPS-protocol wil gebruiken, dat is de taal om te communiceren
dat ik naar deze website wil gaan.
Dus zodra ik op enter druk, zal het dat verzoek helemaal naar een server ergens sturen.
En dan gaat de server reageren met deze gegevens.
Laten we doorgaan met ons diagram.
Dus het verzoek is zojuist gedaan, deze server heeft toevallig drie bestanden die we nodig hebben.
Een daarvan is een HTML-bestand en dit bestand is de tekst of inhoud van de website.
De andere is het dossier.
En hierin zit alle styling van de website.
Dus dat zijn kleuren, misschien wat lettertypen, misschien de positie van de elementen, alles wat met stijl te maken heeft.
Het ziet er dus niet uit als een saai stukje tekst.
En dan hebben we JavaScript.
JavaScript is wat websites gedrag geeft.
Als ik inlog op Facebook of misschien iets op Twitter tweet, kan ik met JavaScript
die acties uitvoeren, want met alleen HTML en CSF's hebben we alleen tekst en een mooie styling.
Met JavaScript kunnen we acties ondernemen, maar we hoeven ons daar niet te veel op te concentreren.
Het enige wat we moeten weten is dat de server, omdat het een computer is in zijn bestanden, deze drie bestanden voor
ons en deze drie bestanden heeft.
Wat er gebeurt, wordt naar de browser gestuurd omdat de browser heel, heel aardig was en vroeg, hey, kun je me
gegevens geven?
En de server zegt, zeker, hier is het en stuurt ons deze drie bestanden en deze drie bestanden, wanneer
ze worden teruggestuurd, begrijpt de browser ze.
En omdat het ze begrijpt, ook al lijkt het voor ons op gebrabbel, is het in staat om die website
voor ons weer te geven.
Maar laat me je een vraag stellen.
Tot nu toe heb ik het nog niet echt gehad over Python.
Ik dacht dat dit een python was, Cassandre.
Vertelde je me al deze dingen waar ik niet om geef?
Nou, omdat hier een stuk is dat echt in Python kan worden geschreven.
Kun je raden wat dat is?
Als je de server hebt geraden, gefeliciteerd, krijg je vijfduizend punten.
Zie je, de browser is zo goed, het is een applicatie die we downloaden op onze computer, toch?
Maar tot nu toe was de server een soort mystery box, een machine, ergens een computer.
Maar Python-programmeurs kunnen de logica en de regels schrijven waar servers naar kunnen handelen.
Dus al deze communicatie van, hé, kun je me gegevens geven, kan worden geïnterpreteerd in Python en deze gegevens vervolgens
naar de browser sturen met behulp van Python.
En we gaan onze eigen server bouwen in de komende paar video's, maar we gaan ook in op
deze e-mails, CSF's en JavaScript-bestanden, zodat we iets als een website kunnen weergeven.
Nu wil ik deze video afsluiten met een vraag.
Denk je dat deze server in Python geschreven moet zijn?
Wat denk je?
Nee, dat doet het niet.
Rechts.
Het maakt de browser niet uit hoe deze machine eruitziet.
Het enige waar het om gaat zijn deze drie bestanden.
En omdat we het hebben over dit HDP https-protocol.
De browser zegt, hé, het kan me niet schelen welke taal je spreekt, het kan me niets schelen, ik ga
je dit gewoon vertellen.
Geef me gewoon de gegevens die ik wil en we kunnen hier doen wat we willen.
Ik kan vanaf hier e-mails verzenden als ik dat wil.
Ik kan sms'jes sturen.
Ik kan wiskundige bewerkingen uitvoeren.
Ik kan een spel op deze computer spelen als ik dat wil.
Het maakt niet echt uit, zolang ik deze bestanden maar terug kan sturen naar de browser.
Dus we kunnen dat doen met Python, maar we kunnen dat doen met andere talen zoals Noad, zoals PHP, zoals
Java, dus we kunnen een server schrijven in elk type taal.
Het enige dat we echt kunnen doen, is aan de browserzijde.
Aan de browserkant moeten we deze drie bestanden gebruiken omdat het, althans in algemene
termen, alleen JavaScript kan begrijpen, wat een andere programmeertaal is.
Oke.
Laten we in de volgende video wat meer op dit onderwerp ingaan.