Wat is B3 Programmeren - De Basis Casper Bezemer Jan van Egmond Lyceum ( Jan van Egmond Lyceum ) 1 / 28
1 Wat is 2 Wat is 3 ( Jan van Egmond Lyceum ) 2 / 28
Wat gaan we tegenkomen Wat is Even wat geschiedenis doorpluizen Van website naar webapplicatie Syntax doornemen ( Jan van Egmond Lyceum ) 3 / 28
Wat is De 5 lagen van het internet: a Webapplicatie (?) informatie creëren 5 Applicatie () informatie uitwisselen 4 Transport (TCP) pakketten verzenden en ontvangen 3 Netwerk (IP) adressen 2 Datalink computer naar computer 1 Fysiek kabels, wifi ( Jan van Egmond Lyceum ) 4 / 28
Wat is Tim Berners-Lee is de grootvader van het Wereldwijde Web Bedacht en omschreef HTML en bij CERN in 1989-1991 Het doel: The original idea of the web was that it should be a collaborative space where you can communicate through sharing information Maar hoe? ( Jan van Egmond Lyceum ) 5 / 28
Wereldwijde Web Wat is Je hebt twee dingen nodig: een computer een internetverbinding Software luistert naar binnenkomende verbindingen op poort 80 Deze communiceert in het HyperText Transfer Protocol : simpel protocol ontworpen voor korte verbindingen ideaal voor het versturen van HTML bestanden heel universeel stateless ( Jan van Egmond Lyceum ) 6 / 28
Hypertext Transfer Protocol Wat is Een typisch -verzoek: GET indexhtml /11 Host: nl Connection: close User-agent: Google Chrome Accept: text/html, text/plain Accept-Charset: utf-8 ( Jan van Egmond Lyceum ) 7 / 28
Hypertext Transfer Protocol Wat is Een typisch -antwoord: /11 200 OK Date: Thu, 14 Nov 2016 12:00 GMT Server: Apache/24 (Windows) /51 Content-Language: nl Content-Type: text/html; charset=utf-8 Connection: close Content-Length: 14 DATA DATA DATA ( Jan van Egmond Lyceum ) 8 / 28
Hypertext Transfer Protocol Wat is is een stateless protocol, en heeft zo zijn voor en nadelen Voordelen: Korte instructies: GET HEAD POST PUT DELETE Verbindingen zijn kort één verzoek één antwoord Ongevoelig voor verbroken verbindingen De verbinding/het verzoek kan gewoon herhaald worden ( Jan van Egmond Lyceum ) 9 / 28
Hypertext Transfer Protocol Wat is Nadelen: Elk bestand heeft een eigen verbinding nodig Header worden altijd meeverzonden Meer data per verbinding betekent minder performance Alleen statische pagina s Webserver onthoudt niks van vorige verbindingen met dezelfde gebruiker ( Jan van Egmond Lyceum ) 10 / 28
Wat is Hypertext Transfer Protocol WEBSITE Het dmv laat jou informatie delen met de wereld, maar niet andersom! WEBAPPLICATIE Dynamisch informatie verwerken via het geeft ons GEEN WEBAPPLICATIES We hebben een verwerker nodig! ( Jan van Egmond Lyceum ) 11 / 28
Wat is ( Jan van Egmond Lyceum ) 12 / 28
Wat is Wat is : Hypertext Preprocessor Origineel: Personal Home Page / Form Interpreter (/FI) Scripttaal oa voor het verwerken van webformulieren: informatie delen met jou! Maar je kan er alles mee ( Jan van Egmond Lyceum ) 13 / 28
Wat is Wat is is an HTML-embedded scripting language Much of its syntax is borrowed from C, Java and Perl with a couple of unique -specific features thrown in The goal of the language is to allow web developers to write dynamically generated pages quickly phpnet ( Jan van Egmond Lyceum ) 14 / 28
Wat is PLP Wat is en HTML wonen samen: <html> tags staan naast of om de <?php CODE;?> </html> heen De -tag <?php MAG_OVERAL();?> in het bestand Normale HTML wordt direct doorgegeven -tags worden verwerkt als de interpreter ze tegenkomt en produceert (hopelijk) wat output ( Jan van Egmond Lyceum ) 15 / 28
Wat is HLP Wat is mag dus overal: boven de HTML onder de HTML tussen de HTML in een tag tussen een tag om een tag WANT: uiteindelijk worden alle <?php?>-tags vervangen ( Jan van Egmond Lyceum ) 16 / 28
Wat is PLS Wat is GEVAARLIJK: je kan structuur snel kwijtraken Functies en voorbereidingen het best bovenaan het bestand tussen HTML het liefst alleen voor echo s ( Jan van Egmond Lyceum ) 17 / 28
Wat is Hallo microtime() Laten we eens wat gaan maken: hoelaatphp <?php $time = microtime(); //aantal ms sinds 1 jan 1970?> <html> <head> </head> <body> <p> <?php echo "Deze klok begon $time ms geleden met tikken!";?> </p> </body> </html> ( Jan van Egmond Lyceum ) 18 / 28
Maar wat ook kan: Hallo microtime() Wat is <?php $time = microtime(); //aantal ms sinds 1 jan 1970?> <html> <head> </head> <body> <p> Deze klok begon <?php echo $time;?>ms geleden met tikken! </p> </body> </html> ( Jan van Egmond Lyceum ) 19 / 28
Hallo microtime() Wat is En wat ook kan: <html> <head> </head> <body> <p> Deze klok begon <?php echo microtime();?>ms geleden met tikken! </p> </body> </html> ( Jan van Egmond Lyceum ) 20 / 28
Hallo microtime() Wat is En als je iedereen vijf minuten te laat wilt laten komen: <html> <head> </head> <body> <p> Deze klok begon <?php echo microtime() - 300000;?>ms geleden met tikken! </p> </body> </html> ( Jan van Egmond Lyceum ) 21 / 28
echo Wat is echo expressie; De echo-instructie geeft de tekstuele waarde van de expressie in de htmlpagina weer Een expressie wordt eerst geëvalueerd Berekeningen worden berekend, functies aangeroepen, informatie opgehaald Dit geldt voor alle expressies! ( Jan van Egmond Lyceum ) 22 / 28
Wat is $a = expressie; Variabele begint met een $ toewijzen dmv = Variabele a wordt expressie $a = "Hallo "$jumbo; Variabele a wordt "Hallo "$jumbo "Hallo "$jumbo moet worden geëvalueerd: Hallo Jumbo Supermarkten voor al uw supermarktdingen ( Jan van Egmond Lyceum ) 23 / 28
Expressie Wat is Hoop dat het duidelijk is dat expressies best belangrijke bouwstenen zijn expressies zijn onderdelen van je programma die als resultaat een waarde hebben getallen, woorden, zinnen, kleuren, afbeeldingen, objecten, Gebruik de bekende operatoren: + - * / % > < >= <=!= == Een expressie kan direct een waarde hebben: "pannenkoek" of 1 of moet nog geëvalueerd worden: $kudos + 1 of $vorigjaar + berekenditjaar() ( Jan van Egmond Lyceum ) 24 / 28
Wat is Tegenhanger van de expressie: de instructie vertelt de computer wat hij met al die expressies aan moet switch if while for function return class echo + nog meer + functies haakjes () en accollades {} voor structuur gescheiden door puntkomma s if( $olieprijs > 199 ) if( expressie ) verkoopauto(); { instructie; } while( $gewicht > 150 ) while( expressie ) { { rennen(); meerdere; bewegen(); instructies; } } ( Jan van Egmond Lyceum ) 25 / 28
Wat is HTML: <form action="paginaphp" method="post"> <input type="text" name="voornaam"> <input type="submit" name="formulier"> </form> -verzoek: POST paginaphp /11 Post: voornaam=sinterklaas&formulier=verzenden ( Jan van Egmond Lyceum ) 26 / 28
Wat is Bij komt het formulier dmv variabele $_POST binnen Deze array ziet er als volgt uit: { "voornaam" => "Sinterklaas", "formulier" => "Verzenden" } Formulierdata opvragen met $_POST["voornaam"] ( Jan van Egmond Lyceum ) 27 / 28
Tot slot Wat is paragraaf 5 & 6: logica en herhaling ( Jan van Egmond Lyceum ) 28 / 28