307 – Interaktive Webseite erstellen

Zu den Aufträgen (passwortgeschützt) Zum Projektauftrag (passwortgeschützt)

PDFs

Videos

Khan Academy: Interaktive Webseiten mit jQuery
Der Online-Kurs aus dem üK

Learn Javascript & jQuery
Die offizielle Seite zum Modulbuch, inkl. Codebeispielen.

w3schools.com: jQuery Tutorial
Ein sehr guter Crash-Kurs, um in jQuery einzusteigen.

jquery.com
Offizielle Webseite von jQuery mit der kompletten Dokumentation und zusätzlichen Bibliotheken wie beispielsweise das jQuery UI für weitere Komponenten.

learn.jquery.com
Das offizielle Lernportal von jQuery

codecademy – jQuery
Das interaktive Codecademy Tutorial zu jQuery

Guru99 PHP Tutorial for Beginners
Ein übersichtliches Tutorial.

w3schools – PHP 5 Tutorial
Step by Step Online-Kurs von w3schools

w3schools – PHP mail() Function
Funktion zum Senden von E-Mails aus einem PHP Skript

Difference between echo and return
Diese Diskussion auf stackoverflow löst auf, wo der Unterschied zwischen diesen zwei Funktionen liegt.

w3schools: How TO – Responsive Form
Gutes Beispiel für ein responsive Formular

w3schools – htmlspecialchars()
Wichtige PHP Funktion, damit keine Coding-Fragmente in einem PHP-Formular mitgesendet werden können.

webmaster-tipps.de: Sichere Formulare mit PHP
Sehr nützliche Anleitung, welche die gängigen Sicherheitslücken von PHP-Formularen thematisiert und aufzeigt, wie man sich dagegen schützt.

DZone – Top 10 Vulnerabilities In Web Apps You Can Prevent With Testing
Dieser Artikel zeigt die wichtigsten Sicherheitslücken bei Web Apps auf.

Trello
Populäres Tool zur Organisation von Projekten und Aufgaben im Team

HERMES
Offizielle Webseite zur Projekt Management Methode «Hermes»

HERMES: Handbuch für Manager (PDF)
Ein überschaubares Handbuch mit 16 Seiten als guter Einstieg in das Thema

ergo-online.de – Grundsätze der Dialoggestaltung nach DIN EN ISO 9241-110
Die Grundsätze der ISO Norm inkl. Erklärung und Beispielen

Wikipedia – DIN EN ISO 9241
Standard-Normen nach ISO für die Ergonomie der Mensch-System-Interaktion in der originalen Ausführung.

Bootstrap – getbootstrap.com
Ein praktisches Framework, welches heute häufig eingesetzt wird. Vor allem bekannt für sein Grid System, welches das erstellen von responsive Design vereinfacht.

Bulma – bulma.io
Ein weiteres Open-Source Framework. Dieses ist auf möglichst einfache Anwendung getrimmt und wurde ohne Javascript, also lediglich mit CSS realisiert.

Foundation
Ein weiteres, fortgeschrittenes Framework

Materialize
Mit diesem Framework vereinfacht sich das realisieren einer Website mit dem Material Design von Google um ein vielfaches.

Validetta
Framework als Grundstock für die clientseitige Validierung von Formularen

HTML URL Encoding
Sonderzeichen korrekt umwandeln, damit diese in einer URL integriert werden können

Wikipedia.org: HTTP Headerfelder
Liste der Headerfelder mit einer Erklärung zu deren Funktion

Google Chrome Developer Tools Crash Course
Online Tutorial, um die Funktionen rund um DevTools kennen zu lernen.
Udacity – Intro to AJAX
Sehr verständliches Online-Tutorial mit schnellen Erfolgserlebnissen.
FAQs
stackoverflow.com: How do you use the conditional operator in JavaScript?
Mit den konditionellen Operatoren ist ein if Statement mit viel weniger Code geschrieben.

XOROX: jQuery und AJAX Tutorial – Anhand der Postleitzahl automatisch den Ort bestimmen
Die saubere Variante: Anhand einer eigenen Datenbank die Daten abfüllen. Pro: Unabhängig, Kontra: Umständlicher und Wartung der Datenbank (Aktualität).

da-software.de: Stadt und Ort in Formular mit PLZ autovervollständigen
In dieser Variante werden die Daten von geonames.org bezogen. Pro: Stets aktuell gehalten und einfacher zu implementieren, Kontra: Abhängigkeit von geonames.org.

stackoverflow: Creating a select dropdown from a txt
Mittels PHP wird das TXT File importiert und anschliessend mittels foreach-Loop in das Form Select als Optionen eingespeist.

Das folgende Video erklärt, wie Sie mithilfe von „htmlspecialchars“ und „session_regenerate_id“ ihre Seite vor Attacken schützen können.

Das folgende Video ist der erste Teil einer ganzen Playlist zum Thema PHP & MySQL. Einfach ab hier und die nachfolgenden Videos anschauen:

The Net Ninja – PHP & MySQL Tutorial #24