307 – Interaktive Webseite erstellen

 

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

Aktuell zu lesen

Selbständige Einführung DOM

Buch Seite 40 und 41 lesen

Was ist jQuery?

Buch Seite 296-297

Einbindung von jQuery

Buch Seite 354-357

Bereitschaft einer Seite zur Bearbeitung prüfen

Buch Seite 312-313

Formularmethoden und Ereignisse

Buch Seite 343-345

Basics

 
Die Chrome DevTools sind unser bester Freund in der Webentwicklung. Sie helfen uns, eine Situation zu verstehen und Fehler zu finden.
 
Online Tutorial, um die Funktionen rund um DevTools kennen zu lernen : Google Chrome Developer Tools Crash Course

 

Usability

Was passiert, wenn die Usability nicht stimmt? Das sehen Sie bei User Inyerface (in der Freizeit mal durchspielen – es ist witzig).

Formulare

JavaScript

Beispiel Counter

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

PHP

Guru99 PHP Tutorial for Beginners
Ein übersichtliches Tutorial.

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

Sicherheit

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

FAQs

jQuery vs. native JS
Diese Auflistung zeigt ein paar einfache Vergleiche.

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.