Webprogrammierung

In diesem Kurs werden die Teilnehmer ihre eigene Webseite programmieren. Er eignet sich gut für Anfänger mit keinen oder geringen Vorkenntnissen.

Bei der Wahl des Themas der Webseite haben sie große Freiheiten. Idealerweise handelt es sich um etwas, worüber sie sich bereits gut auskennen, etwa ein Hobby oder ein Lieblingsbuch.

Wir werden dann Schritt für Schritt die beiden grundlegendsten Sprachen des World Wide Webs kennenlernen: HTML für das Erstellen und Formatieren der eigentlichen Inhalte der Webseite sowie CSS für deren optische Darstellung. Die Schüler lernen unter anderem, wie sie Text, Bilder, Videos, Links und Buttons in ihre Seite einfügen, wie sie diese sinnvoll in Startseite und mehrere Unterseiten strukturieren und wie die Seite mithilfe des Bootstrap-Frameworks sowohl auf Desktopbildschirmen als auch auf Smartphones und Tablets richtig angezeigt wird.

Besonders an diesem Kurs ist die vergleichsweise einfache Syntax der verwendeten Sprachen sowie das hohe Maß an gestalterischen Möglichkeiten.

Nachdem die Schüler in WP100 gelernt haben, wie sie eine statische Webseite programmieren, erarbeiten sie sich nun das Wissen und die Fähigkeiten, um auch dynamische Webseiten zu erstellen.

Wann immer eine Webseite mehr tun soll als nur statische, d.h. sich nicht oder sich nur selten verändernde, Informationen anzuzeigen, verwenden wir zusätzlich zu HTML und CSS noch die Sprache JavaScript. Damit können wir dynamische Webseiten erstellen, bei denen wir fast unbegrenzt Möglichkeiten haben, auch bewegte Inhalte wie Ladebalken, Popup-Fenster oder Animationen darzustellen. Darüber hinaus können wir Besucher mit der Seite auf komplexe Weise interagieren lassen. Ein Beispiel: Wer in Google beginnt, einen neuen Suchbegriff einzugeben, der sieht, wie bereits während des Tippens eine Reihe passender Vorschläge angezeigt werden, wobei Google versucht, den endgültigen Suchbegriff vorherzusagen. Hierfür ist JavaScript wesentlich.

Der Kurs kann als Einstieg in das Programmieren allgemein dienen, da viele der grundlegenden Konzepte von JavaScript denen von Sprachen wie Python oder Java sehr ähnlich sind.

In diesem Kurs lernen die Schüler, wieso die meisten Webseiten aus Funktionalitäts-, Sicherheits- und Performancegründen ein Back-End benötigen und wie sie dieses einrichten.

Im Zuge dessen beschäftigen wir uns vor allem mit der Programmiersprache PHP. Wir werden lernen, wie man hiermit

• dynamisch Seiteninhalte generiert und so zum Beispiel Codeduplizierung vermeidet,
• Daten auf Webservern speichert,
• Nutzereingaben verarbeitet,
• Cookies setzt und löscht,
• sicherheitskritische Daten verschlüsselt,
• ein Benutzerkontensystem mit Login-Funktion und persönlichem Bereich erstellt.

Der erste Teil dieses Kurses vermittelt den Schülern ein grundlegendes Verständnis sowohl zu relationalen als auch NoSQL-Datenbanken. Hierzu befassen wir uns einerseits eingehend mit dem Entity-Relationship Modell und der Standardsprache für relationale Datenbanken SQL. Auf Seiten von NoSQL schauen wir uns dann insbesondere das Datenformat JSON sowie dokumentenorientierte, Graph- und Key-Value-Datenbanken genauer an.

Im zweiten Teil werden wir den grundlegenden praktischen Umgang mit der in vielerlei Hinsicht weltweit leistungsfähigsten Cloud von Amazon Web Services (AWS) erlernen.

Webframeworks sind ein beliebtes und erfolgreiches Mittel, der zunehmenden Komplexität von Webseiten gerecht zu werden. Hauptsächlich indem oft vorkommende, aber teils schwer zu implementierende, Tätigkeiten an das Framework abgegeben werden.

In diesem Kurs lernen wir eines der am weitesten verbreiteten JavaScript-Frameworks kennen: ReactJS.