[Playlisten] [Impressum und Datenschutzerklärung]

HTML, CSS, JavaScript, PHP, AJAX in Aktion


CC-BY-NC-SA 3.0

Tempo:

Anklickbares Transkript:

heute soll's also einmal quer durch die Webprogrammierung – gehen für die Leute dieser nicht gesehen haben wir sein Studium sicherheitshalber – brauchen irgendwie ein Webserver – Server Togo gibt's gratis das Chi – bisschen – vorkonfiguriert – und mitgestaltet das man den einfach – unter Windows einfach nur in siebt – und direkt starten kann es muss nicht installiert werden das nämlich Java Software wenn gar nichts installiert werden muss sie entpacken das den Golfstaaten des Landes ist am Beginn – nicht ganz so konfiguriert wie man sich das vorstellt als wenn sie ihr einfach nur Doppelklicken – startete das zwar nett – ist irgendwann sogar auch der Internet Explorer – aufgehen – unter Sachverstand unsere Zukunft ?? spielte mit dem Internet Explorer – nicht hundertprozentig zusammen – die erste – Maßnahme – ist – ein Texteditor aufzumachen – ?? – zwo – und sich die – Konjugationsdatei – anzugucken – die MS config – in I – und da steht etwas von wegen – Deep Learning auf der Browser Klaus – da geht was schief mit dem Internet Explorer – anders setzen sie auf eins – dann macht er den Server nicht automatisch wieder dicht sobald der Browser zuerst – wieder im wahren Leben wenn der Server – irgendwo im Keller stets auf in der Linux Maschine oder beim Provider steht auf irgend eine lebensverschiedene – Windowsmaschine – der Lauf Delphin zwei Stunden und geht nicht wieder zu wenn der Browser – geschlossen wird – was ist da auch krumm außerdem stellt sich auf eins – sich ändern müsse jetzt am Laufen bleiben – nochmals verwirrte Ökoechse – so sieht das Kaiserhaus – am – gesamte also lokal unseren eigenen Webserver – hundert sieben zwanzig null null eins – local Host der lokale Rechner der dritte Webserver – ist Komma anfangen Darm paar Webseiten rein zu stricken auf den eigenen Webserver – ?? ähm hatte Dogs – ist bei Abachi – das Verzeichnis – in dem die Internetseiten stattfinden – zum Basislager schon dabei – bin im Moment gerade eine neue – Reue – Textdokument – natürlich erst mal – unseren alten Videos gesehen – Komma dem gerade mal – das ist der Anfang einer HTML Datei – und das ist das Ende einer HTML Datei – ganz das gleiche nicht wir brauchen mit HTML fünf zumindest eine Geschichte noch Doktor Alb am Anfang – Dokumententyp – Doc treibt – HTML – das wäre schon okay aber schon ein bisschen mehr dastehen – Punkt – sinnvollerweise – sage ich im Header – was für eine Art einen – Zeichensatz – ich verwende also die Zahlen – und – prüfen – Buchstaben sie wollen zusammenhängen – Shahset – mit Doppler das müssen – diese Einrückung – damit hübscher aussieht – eine Metaangabe – nämlich – über den Schah selbst – der Zeichensatz Ausrufezeichen dass sich im Sinne von Schriftart Times New Roman – oder Helvetica oder was Leerzeichen das in dem Sinne wie sind die Buchstaben codiert – und heute natürlich am besten UTF-8 – das heißt ich muss hier – auch bei meinen Textdokuments – gefällig sagen – speichern unter – die nicht an sie codiert das ist das antike – Gänsefüßchen auf – nicht an sie codiert sondern UTF-8 – sie auch chinesische Zeichen und – sonst was veranstalten können – neues Textdokumente auch keine gute Idee sollte das – Indiens kurz Testvideos – Ausrufezeichen – nach ?? ist in HTML umbenennen – will ?? erstmals Test Punkt TXT – UTF-8 codiert – das auch fieses – Umlaute und Sonderzeichen gehen – weiter – hier erfährt der Server dann in dieser Zeit erfährt der Server dann wie das Ding codiert es was eigentlichen bisschen – krumm ist ein ich sie schon zu spät aber so hat sich das – eben eingebürgert und ist ein Standard gelandet – zum Header gehört auch noch im Titel des Seitentitel – ersetzt ?? Normalanmerkung – zu HTML oder – XML und so weiter hier sind sie ein Attribut – das – meta Element – mit dem Tag meta – über – hat ein Attribut namens Charlessetzzeichensatz – und ersetzen sie auf einen Wert – das Interesse an der Geschichte das Element teilte – hat ein Inhaltsseite – fängt – an – mit dem ersten hier – und hört auf mit dem zweiten unter drin steht Inhalt der Titel ist der Inhalt der drin – ein Beispiel von mir aus – so das wäre – der Header – Komma doch typischerweise ein Body – wirklich was passiert auf der Seite – einen Körper – der Header hat Inhalt – fängt an wird auf der Party hat inhaltlich ?? anhören auf das etwas mehr oder minder kluges rein zum Beispiel – einen einzelnen Absatz – die Paragraf – neun Absatz fängt an und wird auf – in dem Sinne – Blabla – noch zweiten Absatz – noch im dritten Absatz und weiteren Überschrift – hätte in eins H eins seitigen eins – Überschrift – ich muss jetzt wirklich mal die Umlaute aus Überschrift – und das Gelände von der Überschrift – speichern – hier vor – und speichern – das Ding benenne ich jetzt um in HTML und habe hoffentlich eine HTML Seite – ?? sowas des TXT wird jetzt umbenannt – in Test – HTML – ja ich weiß – und wenn ich jetzt in den Internet Explorer – gehe – so ?? ich will Test Punkt HTML – haben – heißt es unter dem er – ihr die IT normal die IP-Adresse ?? dieser sich null eins und die Portnummer – Beistrich was sie normalerweise schreiben Beistrich der normalerweise – www Punkt – bla Blabla Punkt DE – oder sowas – statt hundert sieben zwanzig null null eins – vier tausend und eins – Willi mit auf dem lokalen System – das es alles etwas ungemütlicher angestellt noch nobler ausschreiben – als wenn sie vorne – die hundert sieben Semikolon einzig mögen wenn sie immerhin locker großschreiben – besser gefällt – würde auch funktionieren – das wäre ?? – das Web in Reinkultur – sowas entweder ziemlich langweilig aber das wäre das Wetter im Reinkultur Mann zeigt – Dokumente – strukturierte Dokumente an zu Seite sagen ?? zeigt strukturierte Dokumente an aber das ist natürlich – nicht das was man heute hauptsächlich mit dem Web macht ✂ wenn sie Erzieher im Internet Explorer – sagen – Quellcode anzeigen – sieht das hübscher aus als im Texteditor – eben – schönen Farbe – die ✂ Geschichte mit dem umbenennen – und dadurch den Dateityp ändern – dass es unter Windows zeigen sich normalerweise – versucht Windows das erst mal zu verbieten – ?? müssen einmal gucken wie Sie Windows eingestellt haben die Standardeinstellung – von Windows ist etwas – vorsichtig – also hier Unteransicht in Windows acht – ihr unter Ansicht – ansonsten müssen Sie die Ordination hervor holen – bei den Optionen unter Ansicht – die Erweiterung bei bekannten Dateitypen ausblenden – das muss aus sein – Punkt sonst kann sie nicht einfach das Kürzel ändern Dax Menschen ändern und haben einen Dateityp – Erweiterung müssen angezeigt werden passiert Unsinn – des Mannes erst wenn ich ?? Life – wahrscheinlich das ausgesagt – mich so dran gewöhnt sie sich auch wenden sie an den Typ bin bei Ihnen nicht sowieso HTML Dokument steht sondern weiter Textdokumenten – ist irgendwas schief gegangen – ?? ja also wenn sich hier – noch ein Anchor rein setzen war – als Referenzplanung – mache ich urheberrechtlich unbedenklich ist ?? ich meine eigene Seite – die zu dieser Form – der Link – ist auch wieder ein Element mit Inhalt – A vorne Schrägstrich – hinten – zweiter – schreibe ich mal – weiter – speichern dann aber eben – beim nächsten Mal laden – ein Link drin – der jetzige Fonds ungefährlich kein Zugang habe okay aber würde theoretisch funktioniert – Stoppstopp – soll – sie nach unten angezeigt das ein richtiger Link zu sein – das sind die klassischen Sachen dass es HTML wies am Anfang war – klassisch war auch noch das man – zum Beispiel sagen konnte ?? ich mache ich immer wieder ein Wort in Fettschrift – geholt – wird – hier nicht mehr bloß – klar – verdeckte Ausdruck – zurück zu Hause – laden – ein fett geschriebenes Wort das war auch klassisch User das am Anfang aus – Text sogar blinken lassen ganz hässlich – bin geht das heute – stattdessen – ja also CSS – an – was man machen würde ist folgendes – ?? sagt nicht mehr direkt was Schriftgröße sein soll was soll fett sein was soll rot unterstrichen sein oder was auch immer – Sondermann – verwendet Thielemann – ruft Stiele auf – dieses Fett muss jetzt trotzdem abgegrenzt sein von dem Rest das macht man mit einem Spam – einer – Spanne – mitten Absatz kann man das so machen Beines gibt's für größere Teile einer Seite denn die – Devisenabteilung – so wollen aber hier auf einer – Zeile in einem Absatz – ?? sein – Spam – so Möglichkeit eins schreiben Sie direkt reinstes Teil gleich – und dann Komma damit von – Aids – dann massive Zahlen – oder Po – Punkt – ich – bräuchte Form haben Semikolon dahinter wenn noch mehr kommt – später – das Speichern – ist fett geworden so das wäre eine Art was machen kann aber das wird noch ungeschickte Adress immer noch in der Datei drin steht – die nächste Adidas machen kann ?? dies auch immer noch in der Datei drin – ist dass man – ein Stylesheet – in die Datei rein schreibt – an dieser Stelle Style – fängt an und da ganz auf – diese Sachen dann der oben weinenden kann man zumindest diese Definition in der gesamten Datei verwenden muss sich bei allem was fett ist – jeweils von Fred wohl dazu schreiben – sondern kann einmal in der Datei schreiben was denn fett sein soll – wie fest definiert sein soll – was – so ?? muss sie nur sagen was eine Art – Stylesheet das es – ist von der Sorte – ?? – Text CSS – in dieser Art von Stylesheet – gescannt Beistrich – jetzt will ich mir – eine bestimmte – Klasse definieren – also hier rede ich jetzt gleich von einer Klasse soll die heißen – am – Punkt – fett von mir aus soll die Klasse heißen und wie sollte funktionieren – soll ebenso funktionieren – von Fred ?? – Punkt – so soll sie funktionieren – und die berufliche Zier auf – Reader also der jetzige Fonds sei gleich sonst so sagen – oder – eine bestimmte Klasse nämlich die Klasse – fett – also ?? – speichern – und neu laden – die Möglichkeit unterschiedlich stimme oben mehr ein nicht nur von Welt sondern auch von ?? – sei es – dass wir auf vermehrt zwanzig – Pixel gehen – müsse man den Unterschied sehen – okay sowas größer geworden nicht wirklich viel größer geworden – vierzig Pixel das wirklich sieht – so – in dieser Form – jetzt habe ich also meine – Layout Definition – hier oben in den Header reingeknallt – und kann die X mal im Dokument verwenden aber das ist wie gesagt immer noch nicht ?? ich möchte die an zentraler Stelle haben man nennt sie auch da noch draußen schreibt sie in der Extradatei – rein – also baulich eine extra Datei – am einfachsten auch wieder den hatte Dogs wahrscheinlich würde man – Verzeichnis anlegen wo man sowas ?? sind meist – bleibt dabei kommen – viele – Marsziele – TXT – und da lege ich eben das rein – dann können – alle anderen HTML Dateien das ebenfalls verwenden – überhaupt auch HTML Dateien von fremden Leuten sie können ja von anderen Servern dann auf diese Datei verwenden und sie könnten ganz dreist – diese – CSS-Stile – von anderen Leuten verwenden in dem sie einfach deren CSS Dateien referenzieren – möchten bisschen eigenwillig – so das meine CSS Datei drin – hier fliegt das jetzt Rausoh – und ich muss natürlich die CSS Datei dann sinnvollerweise umbenennen von TXT – nach CSS – hatte – Dogs also nicht Meßziele TXT – Sonnensziele – CSS – ja – so hier kommt stattdessen also einen Link rein nichts teil – sondern – liegen – ?? – und – ich sage was – die URL ist – Haarbereich – die URL meiner Dateistiele – CSS – Stile – Punkt CSS – und Systemrelation – was soll es eigentlich sein – Einzelteil – schickt – so würde man es üblicherweise machen es gibt eine zentrale CSS Datei – und die ganzen – Webseiten verweisen auf diese zentral CSS Datei – wenn ich mich entscheide eben – die ganze Website – anders zu lauten – ändere ich nur an einer Stelle – das ?? Zimmer gerade noch mal – viele CSS – an einer einzigen Stelle spreche man hier – änder ich das dann – hier von mir sage okay es ist aber wichtig groß – muss Rot – Komma – warmes Rot – waren – obendrein – kann der – Reiz – wird also alles was ich als fett – deklariert habe – nicht nur Fett und groß ?? noch obendrein noch rot – Laden – so – das es rot – so würde man es üblicherweise machen – also man – trennt normalerweise – die – HTML Datei – von der Beschreibung – wie das Ganze denn auch dargestellt – werden soll – das war am Anfang von HTML fürchterlich durcheinander – wieder die – HTML Datei auf – so das das eine Zutat der Neuzeit gewesen – CSS – dass sich die Formatierungsanweisungen – sozusagen – raus halte – Außenanweisung – was die Sache denn eigentlich – sind – eine Überschrift – ein Absatz – war die – oder ein Link – das sind ja – Funktionen im Text sozusagen was ist die Rolle sollte sagen was ist die Rolle von dem jeweiligen Element – das ein Absatz – oder einen – Link oder was – man Trends – die Darstellung – von dieser Rolle – am – die eine Art ist das man es hier für einzelne Wörter macht ?? sogar für einzelne Buchstaben – macht die andere Art ist das sie hier – die andere Art ist das sie diese Elemente komplett – mit einem neuen Layout – ausstatten dass sie sagen meine H eins – soll jetzt aber insgesamt – so oder so aussehen – schreib ich noch meine CSS Datei rein – also jährlichen einzelne Klasse – dich irgendwo aufrufen kann wo ich will ich kann aber auch sagen insgesamt – meine Überschriften – H eins – sollen – von mir aus – Punkt seien uns – vierundzwanzig – Punkt und blau – Punkt das wir eine andere Art – das Einsetzen kann das was also das was man zuerst mal das man dafür sorgt dass alle – Textabsätze soll so aussehen dass alle Überschriften sollen zu Haus – und so weiter – wir sind jetzt also die Überschriften – erster Ordnung die obersten Überschriften die so geändert werden – mich jetzt neu lade – ist über Schriftstücke kleiner geworden und sie ist – blau geworden – sowas würde man in den CSS Dateien reinschreiben – das ist eigentlich – das was sie als Formatvorlagen – aus Word oder OpenOffice kennen sollten da stehen sie auch ein Überschrift eins Überschrift zwei – Text Körperaufzählung – und so weiter das ist genau dasselbe – stelle an zentraler – Stelle dann in OpenOffice – und in Word auch dann ein alle Überschriften – der ersten Ordnung sollen bitte Times New Roman – vierzehn Punkt und so weiter sein genau dasselbe hier – so zum aussehen dass es eine Geschichte die – noch dazu gekommen ist oder sein ?? die sauber gelöst es inzwischen eine Geschichte sauberer gelöstes in HTML – was kommen neben Aussehen – auch noch ✂ Jahr soll Leben reinkommen – Skripte – und das einzige was man heute an der Stelle noch machen kann ist Javascript – kommt demnächst wieder was dazu aber – im Endeffekt ist man auf Javascript festgenagelt – so ähnlich wie bei dem Stylesheet eben Astrid drin stand Beistrich also an mit einem Skript was sie direkt drin steht – was von der Sorte Skript soll das sein – ?? – in einem Text zwar Javascript – was – dann kommt das Skript dazwischen – Punkt – Ende vom – ?? könnte auch Javascript – hier unten reinschreiben aber dann wird es wirklich grausam – Beistrich gar nicht vor also normalerweise wird man hier oben im Header – Skripte haben – wenn man sie nicht sowieso in Excel Datei hat – das kommt gleich aber erst mal der oben rein – hier schreibe jetzt Javascript Funktion – wir haben schon beißen gesehen als Skriptsprache – Javascript – noch eine Skriptsprache – mit allen vor Nachteile das hat das schon ein Javascript ist das doch sehr nah an sie ist – mit einigen erstaunlichen – Abweichungen – aber erst mal denkt man ?? das ist doch praktisch WC – erst erstaunlich Abweichung ist die Funktion der Veranstalter vorschreiben müssen – irgend eine Funktion – als eine Funktion fuhr es natürlich – der Funktion übergeben Variable X also – es ist eine Skriptsprache – und das heißt – das – normalerweise – passt das mit leistungsschwachen – dass die Sache nicht typisiert sind ich schreibe nicht davor Index oder double x – schreibe eben auch nicht was sie zurückkommt – trinkt oder was – das passiert automatisch – und es auch gern automatisch falsch – Komma dass es – sowas gibt Sprachen – nicht typisiert – zur Laufzeit – wird sich der Interpreter – schon das Richtige zusammensuchen – Beistrich das was sie wollten – eine fahrendes aus der Laufzeit dass es nicht das Wichtiges was sie wollten – und schon weil ?? jetzt eben nicht sowas wie double als – sowas wie double steht als Rückgabetyp – muss irgendwas – offensichtlich davor stehen – sie haben gesehen ähm Preisen steht datev – Punkt zweitens die Lande und in Javascriptfang – schön als ich hätte gerne eine Fangstunde heißt Fu – und Sieg ficht – etwas übergeben von dem sich erste Laufzeit herausstellt was es ist – aber dieses etwas landeten der Variable namens X – kann man damit irgendwas veranstalten – ich überlege gerade – was sinnvoll wäre könnten etwas zurückgeben – in der normalen Zählfunktion – natürlich – sehr schön aussieht – Return – von mir aus vier MAGIX – eine ziemlich simple Funktion die kann ich jetzt irgendwie aufrufen – rufe – nach immer folgendes – Ereignisse – wie in – heißen – wenn ich offiziell Ereignisse aber im Prinzip Ereignisse – zum Beispiel wenn jemand hier auf dieses Blabar – klickt – sich das mit kriege – ich hier – einen one click Ereignis – tatsächlich als Attribut dazuschreiben – und klick – dann sollte irgendwas passieren – Komma – kannst du mir zum Beispiel in Word – machten Hinweis Fenster auf – und dieses Hinweis Fenster könnte uns mitteilen – was – Fu von – dreizehn ist – in dieser Form – Semikolon könnte man dahinter machen muss man nicht Javascript ist großzügig was sie Semikolon Sun geht einer der Unterschiede zu zehn – ganz viele Semikolon – kann man weglassen das aber gefährlich Semikolon wegzulassen ich würd sie machen trotzdem – hat sich hier fand ich ein und klicke eigens ab wenn jemand – auf den letzten Absatz sieht liegt – gibt's eine – Hinweisbox – und darin erscheint das Ergebnis von – diesem Punkt zu uns auf Fu von dreizehn wenn alles richtig gelaufen ist mal sehen – in den Internet Explorer – neuladen – klicke auf den letzten Absatz – ihrer – Unterstrich zweiundfünfzig – sieht das aus des so schönen Meinung mal – ähm – so fängt die Webseite plötzlich an zu leben als es ist immer dieselbe Technik – der von heute was so veranstalteten Events werden ausgelöst – und irgendwas passiert dann beim Auslösen der ?? Events an Funktion – definiert was passiert – wie sensibles hier passiert dass es ein evident und schick – es wurde auf den letzten Absatz geklickt dass das Event und hier schreibe ich eben dazu was soll denn passieren – in Javascript – sie können jetzt tatsächlich auch mehr Javascript – reinschreiben – als nur den Aufruf dass es ein einziger Funktionsaufruf – und Javascript sie könnten mehr machen diesen Aufruf – am – überlege gerade das wäre vielleicht sinnvoll wegen aber das könnte man tun ich könnte – erst – dann wird mit zwo von dreizehn aufrufen und dann ?? es aber einfach Anführungszeichen unten – wenn ich dir doppelte Anführungszeichen – mache dann etwas durcheinander gehen geht die erste Zeichenkette von da bis da – Punkt das wird sich sein darf ich jetzt einfach Anführungszeichen – machen – am – Hallo – es gleich zwei Sachen – auf das Event hin mache ich zwei Sachen erst – die Hinweis – DDD – das Hinweisfensterchen – ?? Hinweis Dialog – mit ?? von dreizehn und danach bis in das Fensterchen mit Hallo – sie können hier tatsächlich auf Javascript – reinschreiben – das wird aber sehr unübersichtlich – sehen – tut – auf den letzten Klick in ihr – das war der erste – und der zweite mit Hallo – das ist alles ?? sinnvoll Komma auf was sinnvolles – sehen wie das zusammenpasst – auf diese Weise kann man jetzt weiter machen – Text Eingabefelder – die auf irgendwas reagieren und so weiter dass die Analysetechnik – gesehen haben dass sich das dann auf das andere übertragen – musste jeweils gucken was sind denn die Ereignisse – zum Beispiel was das eigens dafür dass jemand einen weiteren Buchstaben in ein Eingabefeld – tippt – und wie der Knie kann ich mit Javascript irgendwie reagieren – die schreiben ein paar Problemchen in C und damit natürlich irgendwie hinkriegen – dass Javascript – etwas mit Ihrer Seite auch tut – hier immer nur – zu Hinweis – Fenster auszugeben – dass es offensichtlich nicht das was sie beim Einkaufen sehen – wenn sie Bücher oder – Musik kaufen oder was denn sind sie nicht ständig solche Hinweis Fenster Tennis ändert sich die Seite also das ganze nicht sein – muss tatsächlich was auf der Seite passieren – das ist dann der nächste Schritt mit Javascript – sich bei ?? um noch meine andere Funktion – mit weiteren zu überschreiten ?? Firma war – nämlich der – nach der gefälligst – am – Tier versuche ich tatsächlich mal die Seite zu verändern – in dieser Funktion – mache normal zum Beispiel – das – wenn ich hier und klicke die nehme ich mal wieder weg ich rate nur – warnen – wenn ich – auf den unteren Textabsatz – klicke das sich dann der Inhalt der Überschrift ändert – das hätte ich gerne – irgendwie möchte ich hier auf diese Überschrift zugreifen – und daraus an das reinschreiben – zum sagen – der Warenkorb enthält jetzt fünf Elemente und fünf – Einträge und nicht nur vier Einträge – müssen irgendwie auf die Seite zugreifen und daraus ändern – das wäre – eine über das Dokument – über das Dokument – dem kann man sagen ?? Ole ein bestimmtes Element – ?? Quelle – und ein bestimmtes Element – kann die alle durchnummerieren – das ist ein bisschen unübersichtlich die können diese Elemente – bei Id mithilfe einer Identifikation – Horn – nämlich – eine Überschrift sagen – geht deine – IT – deine Identifikation – ist – Auftrag sein ?? hier – diese Überschrift – kenne ich jetzt hierdurch – gibt mir das Element – mit dieser Id – die – verschiedenen Elemente auf der HTML Seite dürfen jeweils all dies haben – sie können nach einer bestimmten IT Fragen gibt mir das Element mit dieser Nummer – und dann könnte dieses Element verstellt zum Beispiel – was hier drin steht – hier steht derzeit Überschriftrindes – können Sie einen Anhänger hatte in äitsch tie em el sollte sagen – das können Sie ändern – sie was lustiges reinschreiben – im Normalfu – von – drei so – also was passieren wenn ich auf den letzten Textabsatz – klicke – bitte sagt es ausgelöst – diese Funktion – war aufgerufen – und die Funktionsbar – greift sich aus dem – Dokument – will sagen aus der Webseite – das HTML Element – was die IT hier hat ?? sagen diese Überschrift – und verstellt – in HTML – den HTML Inhalt – statt Überschrift steht dann gleich – das Ergebnis von Fu von drei drin – nebenbei sind sie wovon drei ist eine zarte Zahl wird automatisch zu einem Text – da ist Javascript extrem großzügig eine sogar zu großzügig beim Umwandeln von Sachen ineinander – zahlen werden Texte Texte bezahlen Zeichenketten Zeichenketten werden Zahlen das ist also bisschen zu großzügig sind dessen Aktion – diese Zahl wird automatisch der Text werden wenn hier kein – Unsinn gemacht habe mal sehen – den Browser neu laden – zu – Blick auf den letzten Absatz – pro nichts passiert ?? sehr gut – so das sie muss also HTML Großbuchstaben – heißen – nächste Versuch – untersteht dem wirklich zwölf so – das heißt – Javascript greift in den Text ein das ist das was die ganze Zeit – passiert wenn man irgendwo was bestellt oder – mit Elias arbeitet oder was auch immer normalerweise – ändert sich einfach nur irgendwas auf der Seite sie kriegen ein neues Ergebnis irgendwoher eine neue Liste aus der Datenbank – es ändert sich nur was auf der Seite es wird keine Seite neu geladen – so – kann Javascript eingreifen – das ist das was dann passiert – dann – wo jetzt sage Javascript kann eingreifen – und so Javascript aber noch keine Daten geholt alles was jetzt hier läuft es natürlich nur auf der Webseite selbst – etwas eingeben JavaScript Commerce aus ?? man könnte unterschiedlicher Programmieren – der Benutzer gibt was ein Javascript etwas aus der die Seite – entsprechend um – Damen aus ?? noch keine Kommunikation – zum Server – dass das dritte was dann dazu kommt also CSS – für die Darstellung – für das Layout sozusagen – Javascript – und Verhalten reinzubringen – das passiert irgendwas es wird irgendwas getan – und das nächste was man dann noch braucht ist die Kommunikation zum Server – die bis zu Beginn mal edx – Essenkonus – Javascript – und XML aber dass es irgendwie – solche Schlagzeilen – geraten das edx – man macht es einfach – was man machen muss ?? muss mit dem Server reden das WTC noch ?? bitte nicht mit dem Server – Javascript – muss in der Lage sein mit dem Server zu reden – das kommt noch dazu – diese Funktion hier oben drin – der Umwelt nicht aufgerufen die werden dann nur definiert sollte überhaupt noch ganz gemacht ?? zeigen wie man das in Excel Datei auslagern kann – noch – bevor ich das tue – vielleicht mal wie jetzt tatsächlich – zum Scripts – was vom Server holen kann zum Server geben kann und ?? Server was holen kann – ich definiere mal keine Funktion sondern rufe selber sofort eine auf – nämlich – der Zeuge an dem das nennt sich – XML – HTTP request XML – Davos gesammelten Großbuchstaben – Page – City Pi – request zu dieser Form – ein neues Objekt von der Sorte und das speichere ich mit – sowas – dieses Objekt ist ?? Lage mit einem Server zu reden – als ich kann es nicht nur mit einem Server reden in dem ich eine neue Webseite anfordere das ist das klassische – ?? – relativ – geradlinig ?? Webseite anfordern und eines Feierabend – Sündewitz ist es die Webseite selbst weiterhin mit dem Server reden kann – so kommen die neuen Google Suchergebnisse – während Sie tippen – zum Beispiel zu Stande – Punkt – das ist das Objekt was das kann – und darauf Beistrich meine Referenz in dieser Variablen – jetzt muss ich aber noch ein bisschen mehr sagen ich muss diesem Objekt sagen – wie es denn reagieren soll wenn was vom Server zurück Punkt – irgendwann werde ich gleich – ein request abschicken – eine Anfrage an den Server abschicken mittendrin – etwas kläglich schicken Abfrage an – und dann dauert das ja Scanner sein das es Silikon oder zwanzig und ?? ?? Minute dauert bis der Server reagiert – dann soll die Webseite nicht tot sein solange die Webseite es wieder lebendig ?? – ich muss vielmehr dann sagen okay was soll dann passieren wenn der Server reagiert nach einer halben Minute was sollen passieren musste Funktion angeben – die ausgeführt – wird wenn vom Server was zurückkommt – das ist ein weiteres Ereignis – was ich dann – verarbeiten – muss eben hatten wir hier und Klick – dieser Absatz kann und Klick verstehen – und dieses Objekt hier – versteht ein Ereignis und erzeugt ein eigenes Versagen – und wer die – Stage Challenge – und die – stet – Challenge – ist vom Service zurück Punkt mit immer noch das ganze also – das ist das Ereignis was gefeuert wird ?? von Service zurückkommt – und diesem Ding muss ich sagen – diesem Ereignis muss ich sagen welche Funktion aufgerufen wird wenn was vom Server zurückkommt – und diese Funktion wird aufgerufen – sobald – sich irgendwas tut soweit insbesondere – irgendwas zurückkommt vom Server – zwei ?? vier – ist frage ich ist denn der auch – wirklich alles in Ordnung des erste ist – das ich nach dem Release Date Frage – des ?? die – Stage – ist der wenigste – dann – ?? uns – ist der Status – ?? – zwei hundert ?? Nummer zwei hundert wenn das der Fall ist Beistrich was tun – wenn das der Fall ist – möchte ich – das was zurückgekommen – ist ganz einfach das was zurückgekommen sie in die Überschrift reinsetzen – das Manns Text – so – das wir derzeit die Funktion wird dann automatisch aufgerufen jetzt muss ich aber dafür sorgen dass über das man Abfrage rausgeht – hier unten statt Bar – im Funktionsaufruf – nämlich einen Funktionsaufruf – sende – eine Funktion dafür sorgt das auch wirklich jetzt Abfrage rausgeht wenn ich unten auf den unteren – Absatz klicke – eine weitere Funktion – schönen – sende – die Funktion – ähm – die bereitet so eine Abfrage vorstellten bisschen was ein – und zwar folgendes – zwei drei – vier – die greift hier auf dieser Fraktion – trägt oder sonst etwas Unabfrage machen kann – macht sich auf – ?? – und zwar – jetzt welche Datei – Datei soll Abfrage Punkt TXT – sei das bisher noch feste Datei ?? Festplatte auslösen bisher immer gleich noch – was anderes – draus das nicht immer feste Datei ausgelesen wäre das wäre langweilig – Punkt – um nicht weitermachen hierzu – damit Fang war an das nächste ist – das ich noch ?? bisschen einstellen – wie das geschickt werden soll – weg – set request – Header – Press – West – und zwar – das ist der Uppsala was ist der Typ des Inhaltscontents – Taipei ist der Typ des Inhalts – und das soll sein – reiner Texttext – klein – im Zeichensatzschatz – setzt – UTF-8 – ganz zu Beginn gut – acht – Semikolon – so und dann wird die Abfrage auch ?? abgeschickt – weg – sind – jetzt – könntest theoretisch funktionieren – ?? – ich klicke auf den dritten Absatz auf den letzten absatzsende – wird aufgerufen – Sendebau die Abfragen zusammen schickt sie los – irgendwann kommt das Ergebnis zurück – sich – praktisch sofort – in der Situation – was auf dem Server liegt irgendwann das Ergebnis zurück – und wir müssen es dann – in der Überschrift sehen – wir neuladen – Klicken – unfassbar das jetzt der Inhalt der Dateiabfrage – Punkt TXT – immer dasselbe Ergebnis der auszugeben des natürlichen bisschen langweilig – möchte das der Server reagiert auf das – was ich ihn gefragt habe ich möchte keine statische Datei haben sondern was möchte das Server mit der irgendwas – interessantes zurückliefert – die nächsten Suchergebnisse – die neun Zugverbindungen – oder andere Hotels was auch immer – also keine feste Datei – sondern die Ausgabe eines Scripts – das könnte man zum Beispiel – mit – PHP machen Page die – Marke zurück heißen machen – aber das typische wäre das man an der Stelle mit spielspie – anfängt oder mit Zedern – oder mit Java – haben aber das aller einfachste ist mit PHP als ich baue – eine – PHP Datei ein PHP Skriptspieß – ?? sagen – dass – das hier – liefert das das produziert es ist keine feste Datei jetzt mehr sondern es wird leicht irgendwas produziert ich stelle eine Anfrage – an den Server der Server reagiert Live daraus – die fertig immer dieselbe Datei – daraus heißt – diese Datei – Abfrage – die sollten mal Umbenennen – von Abfrage – TXT – nach Abfrage PHP – sagen das es jetzt – ein Skript Datei – und die mache ich dann mal mitten Texteditor wieder auf einem natürlich gefälligst nicht – den normalen Editor man im vernünftigen Editor – des Wassers ordentlich kann – Beziehungen – ganz normalen Editor – das Schreiben etwas klügeres rein – dann das lustige bei PHP ist das man HTML – und PHP mischen kann sie können – Komma Lademelsachen – schreiben und dazwischen schreiben sie dann irgendwas von wegen – spitze Klammer auf – Fragezeichen – PHP – dann kommt Programmcode – in PHP – und – am Ende ihres Programm Kurz schreiben Sie Fragezeichen – größer – das zu beenden als man keine ganz normale – Personal HTML Datei schreiben – und diese HTML Dateipflaster – mit solchen Geschichten – spitze Klammer auf Fragezeichen PHP – dann Programmcode – mbH wieder zwischen Dominik ?? Fragezeichen größer – und alles was dann dieser Programmcode generiert wird dann – zwischen reingesetzt – an den Stellen wo es steht – jetzt schreibe ich keinen HTML Code drumherum ich möchte einfach nur irgendwas haben was vom Server zurückkommt – darin will ich jetzt einfach irgendwas mir zumindest sinnvolles – machen das einfachste was sie machen können ist das sie das Drucken ein Echo zurückgeben sozusagen – Komma vielleicht erst mal an neuer irgendwas mehr oder minder – unsinniges zu veranstalten – sagen wir war – dreizehn mal zweiundvierzig – nur das man sich das irgendwas passiert – Punkt der Server rechnet jetzt bei jedem Aufruf – dreizehn mal zweiundvierzig – druckt das das was er druckt – mit aber nicht irgendwo auf der Konsole ausgegeben – oder so das ist scheinbar die Datei durch dieses drucken scheint er die Datei zu erzeugen – danach ?? – an den Browser geliefert wird – der Webserver attraktiver sicher Server Togo – der Webserver sieht – Abfrage Punkt PHP – macht diese Datei auf ?? führt sie aus diese Datei ist nicht einfach nur sondern führt sie aus und der daraus wird dieser eben ?? – Gewitters gedruckt dreizehn Uhr zwanzig wird gedruckt – das was gedrucktes das ist – was eigentlich jetzt dastehen sollte tue so als ob das die Datei wäre – und dass wir dann zurückgeliefert – macht keine Datei auf und ließ sie nur aus für diese Datei aus – und das was dann aus dem Ergebnis aus der Ausführung – heraus Komma das ist das was uns an den Browser zurück Punkt – Zimmer – und hier – okay das soll jetzt – als Mahlzeit wird sicher von mir aus drei Zimmer zweiundvierzig – ist der Server wirklich was das ist jetzt keine feste Datei sondern der Server hat wirklich was getan – was total langweiliges getan oder hat er tut immer dasselbe – aber zumindest irgendwas getan – könnte stattdessen auch ?? Datenbankabfragen – und wenn jetzt an dieser Stelle sind – ist der Schritt zur Datenbank ein so großer mehr – sie müssen jetzt in der Sprache PHP – Datenbankabfrage – formuliert und ein Ergebnis zurück liefern statt dreizehn mal zwoundvierzig in zwanzig Zeilen für die Datenbankabfrage – das Essen lassen graduelle Unterschiede Klammer zu müsse man die Kommunikation – zwischen Server – und Browser – kenne mich nicht mehr an den Zeit Befehle von PHP Progress Wald Date Klammer auf Klammer zu ✂ okay also wer im Internet spielt findet die Geldfunktion – von – PHP diverse Zeichenketten – ?? – Tag Monat Jahr – die Minuten – mit führender null und HS erreichten vierundvierzig Stunden statt zwölf Stunden System oder irgend sowas – all das sollte uns jetzt die aktuelle Uhrzeit und das aktuelle Datum liefern vom Server – so und hier in Chrome geht es auch – immer häufiger drückt das dann auch wirklich – sofort die neue Zeit gab es an sie wirklich etwas was auf dem Server gerechnet wird – die Webseite fragt beim Server nach und der Server liefert ein Ergebnis – die Website gebautes Ergebnis selber wieder ein – das wäre im Prinzip edx – die Webseite kann mit dem Server reden der Server liefert was zurück konnte – die Webseite – Javascript Code auf der Webseite Ganzen wieder einbauen in diese HTML Struktur – soweit das aus was haben Sie gesehen sie haben gesehen CSS – für die – fürs Layout sozusagen – für die Form – ähm Java Scripts auf Seite des Browsers – der Browser kann – lebendig werden – kann Funktionen ausführen – und auf Seiten des Servers zum Beispiel PHP – und Java Scripts und – PHP beziehungsweise der Browser und der Server können auch miteinander reden – nachdem die Webseite geladen ist – dann wohl ich hier aber sowieso noch eine Sache nachtragen – ?? man wird ja – das Javascript – hier nicht in diese Datei reinstecken – in die HTML Datei einstecken – wird das Javascript – auch in eine Excel Datei einstecken die Stylesheet – stehen eine extra – Datei – und das Java Skript wenn ich auch in eine Excel Datei rein packen – also hier – die Skript wird man rausnehmen – so – Steuer X – Skript spricht kein Link sondern der bleibt Scripts stehen – diese externe Skriptdatei – bleibt er so stehen – die Skriptdatei kriecht eines Stores – vorschreiben ?? Ressourcen keine Haare – als bisschen – inkonsistent – kommen will – ?? in dieses Sommers – kommt der Name der Skriptdatei – abermals – Skript Punkt – sinnvollerweise – wird es Javascript – und – den Typ der bleibt Text Javascript – und das Elementskript – zu ?? besteht jetzt kein Skript da drinnen – sondern ich sage einfach was die Quelle für das Skript des sorbischen externe Skriptdatei – angesprochen – ?? ich aber noch erzeugen muss Skript J es brauche ich noch – ?? Datei – kopieren das rein was vergeben hatten – um ganz vielen Einrückungen egal – speichern unter – UTF-8 kann auch nicht schaden – Hattie Dogs – Skript Punkt – es – ?? – zum Browser und Daumen drücken neuladen – okay einmal ausführen – Schatz überlebt zu haben kann am Gartenweg und rein gucken ob wirklich jetzt so ist – ja Businessclub steht es nicht mehr ?? – man es üblicherweise machen die – Stylesheet Datei ist ausgelagert – gilt dann für die gesamte Website – Skript Dateien fasst man alle zusammen – gelten für die gesamte Website so kann der Browser die einmal laden – einmal die CSS Datei laden einmal die Javascript Datei laden – insgesamt – muss ich für jede Seite einzeln laden ein Vorteil ist Dateien insbesondere die werden ziemlich monströs groß zum Schluss – hundert Kilo bei zwo hundert Kilobyte – wenn es wirklich publizierte Ursachen sind wie solle verwendet werden – die möchte man nicht für jede Webseite einzuladen für jede HTML Seite einzuladen deshalb – ein Vorteil ein weiterer Vorteil dieser zentral zu haben – und natürlich der grundsätzliche Vorteil wenn das zentral ist – scheint jedes Skript noch einmal – jede Formatierung schreiben sie nur einmal und verwenden Sie quer – über die gesamte Seite – so sehr das danach ?? also aus das ich nur – ein – Verzeichnis – wird verschalten verschiedene Verzeichnisse einsortieren steht als es im selben Verzeichnis – dann wahrscheinlich wird man ein Verzeichnis machen und viele CSS Dateien drin stehen Anführungszeichen zu – gesammelten Skripten müssen bisschen – sortiert Punkt dazu haben – diese – HTML Datei verwendet jetzt also diese Stile Punkt CSS diese – Skript Punkt – J es – so sähe es aus – abschließend dazu noch man hat natürlich dann bei ernsthaften – Anwendungen – sowieso gar keine HTML Dateien werde der HTML Code wird im Fluge erzeugt ich habe nur noch Skript Dateien – aus der Datenbank wird alles mögliche zusammenkopiert – umgestellt und daraus wird HTML erzeugt – man hat also zum Schluss der wirklich – nicht solche Dateien in den der Code drin steht ?? Content-Management-System – Content Management System zum Beispiel gewiss haben wir's das ?? Menschen System in PHP geschrieben – und in anderen Sprachen – das Managementsystem – kopiert einfach Sachen zusammen aus der – Datenbank – und baut daraus die Webseiten – es gibt dann zum Schluss noch PHP Seiten – ja keine festen HTML-Seiten – mehr bisher gemacht habe