Einzelcoaching – PHP-XML Schulung

Einzelcoachings die über 3 Tage gehen sind selten, aber nur so haben die vermittelten Themen eine Chance langfristig im Gedächtnis der Teilnehmer hängen zu bleiben.

Das besondere bei diesem Training war, das ich diesen Teilnehmer ungefähr ein Jahr zu vor schon in einer AJAX-Schulung hatte. Es ist schön wiederkehrende Teilnehmer in den Schulungen zu sehen, denn nur so kann ich ein Feedback der gelaufenen Seminare einfordern und sehen ob und was ich verbessern kann. Die sonst üblichen Feedbackbögen am Ende einer Schulung vermitteln ja leider nicht die Langzeitwirkung.

Da der Teilnehmer bei der Messe Düsseldorf für die Pflege der Websites zuständig ist, erzählte er mir dass im Laufe der Zeit viel wenn nicht sogar alle Website eine AJAX-Unterstützung, also Web 2.0, bekommen sollen. Das begrüße ich natürlich hiermit.

Tag 21 – Erweiterung durch AJAX

Um den Bedienungskomfort der Seite zu verbessern, habe ich mir gedacht das die Administration am besten immer innerhalb eines Popups.

Also wenn man z.B. eine neue Seite hinzufügen möchte, sollte nicht eine neue Browser-Seite geladen werden, wie es zur Zeit der Fall ist, sondern besser wäre es wenn über die Thickbox-Erweiterung das Formular innerhalb einer darübergelegten Ebene angezeigt wird. Eigentlich könnte jede Modifikation am System damit erweitert werden. So auch eine Zwischenabfrage vor dem Löschen eines Menüpunktes, einer Box oder gar einer gesamten Seite – auch könnten verlinkte Bilder in dieser neuen Ebene angezeigt werden.

So schön dies klinkt, einen kleinen Nachteil hätte diese Erweiterung allerdings doch. Wenn JavaScript deaktiviert ist, könnte es zu Problemen kommen, da ja AJAX bekanntlich auf JavaScript aufbaut. Aus diesem Grund empfehle ich bewusst zur Zeit solche Erweiterungen nur im kontrollierten Rahmen anzuwenden. In meinem Fall wäre das der Administrationsbereich. Hier sollte JavaScript schon aus dem Grund aktiviert sein, um den Online-Editor zu benutzen. Im Frontend-Bereich wo jeder Besucher die Links benutzen möchte, ist es vielleicht zu viel verlangt.

Auch habe ich zur Zeit die Thickbox-Erweiterung nicht mit integriert, um die Übersichtlichkeit und damit die Verständlichkeit nicht zu gefärhden.

AJAX – PHP Schulung in Stuttgart

Vom Montag bis Dienstag habe ich ein Einzelcoaching zum Thema AJAX-PHP-Programmierung gegeben. Der Teilnehmer war im öffentlichen Dienst (Gerichte) tätig und hatte schon viele Vorkenntnisse in PHP.

So haben wir uns dann auf die Schulung von JavaScript konzentriert. Thema war dann speziell das DOM-Scripting, sowie die Verarbeitung von XML-Daten und JSON.

Um die einzelnen Themen in einem kleinen Projekt besser verständlich zu machen, haben wir ein kleines Adressbuch programmiert.

AJAX Adressbuch

In meinem Adventskalender habe ich ein kleines Tutorial über die Erstellung eines Adressbuch per AJAX geschrieben. Leider waren aber die Demodateien nicht direkt benutzbar. Ich habe sie nun korrigiert und stelle sie euch hiermit zur Verfügung.

Bugfix:

  1. Ich habe eine SQL-Datei hinzugefügt, um die Datenbank schneller zu installieren. Jetzt muss nur noch in der include-Datei der Zugriff auf die Datenbank geregelt werden.
  2. Der init()-Methode des Adressbuches wird jetzt der Form-Container übergeben, so dass das Adressbuch flexibler auf das DOM reagieren kann.
  3. Die Literal-Namen wurden in eine einheitliche Schreibweise (RED_AdrBook, RED_AJAX) umbenannt.
  4. Eine update-Funktion für bestehende Datensätze wurde hinzugefügt.
  5. Eine Lösch-Funktion wurde hinzugefügt. Deswegen wurde ein delete.php-Script, welches einen Datensatz löscht, angelget.
  6. Die Anzahl der Datensätze und der aktuelle Datensatz wird nun im Interface angezeigt.

AJAX Adressbuch – Tutorial Teil 4

Nun ist es soweit, heute ist Weihnachten und das letzte Türchen hat sich geöffnet. Der letzte Teil meine Adressbuches steht noch aus und das möchte ich euch jetzt geben. Es ist der serverseitige Teil meine kleinen Weanwendung. Ich habe dazu eine mySQL-Datenbank angelegt und greife mit PHP auf den Datenbestand zu.

Weiterlesen

AJAX Abressbuch – Tutorial Teil 3

Im dritten Teil meines Tutorials möchte ich euch zeigen wie ich per JavaScript eine Verbindung zum Server aufbaue und Daten zum Server schicke bzw. vom Server hole. Durch die Beschreibung in Teil 1 und Teil 2 meines Tutorials habe ich hoffentlich eine gute Basis geschaffen einen Schritt weiter zu gehen.

Weiterlesen

AJAX Adressbuch – Tutorial Teil 2

Nachdem ich gestern erklärt habe wie die HTML-Datei, das dazugehörige CSS-Design und die XML-Datenstruktur aufgebaut sind, werde ich mich nun der clientseitigen Programmierung widmen.

Die Programmierung besteht hier nun aus 2 JavaScript-Dateien. Die eine ist für die Verarbeitung der Daten und die andere regelt die Übertragung zum und vom Server.

Weiterlesen

AJAX Adressbuch – Tutorial Teil 1

Nun möchte ich euch wieder einmal ein Tutorial schenken in dem ich zeigt wie man eine kleine Mini-Webanwendung erstellt. Da ich euch letztens schon mal eine kleine Slideshow mit HTML, CSS (Teil 1) und JavaScript (Teil 2) gezeigt habe, glaube ich dass dieses hier auch sehr interessant sein dürfte.

In diesem Tutorial möcht ich euch die Entwicklung, bzw. die wichtigsten Schritt zum Erstellen eines Web-Adressbuches zeigen. Dabei habe ich alles in 3 Teile aufgeteilt. Dass heißt heute zeige ich euch das Interface der Webanwendung, also die HTML-Datei und das dazugehörige Design. Morgen gibt es dann die clientseitige und übermorgen die serverseitige Programmierung.

Weiterlesen

AJAX-Klasse, einfach gebaut

Bei der Erstellung von moderen Websites spielt AJAX eine immer wichtigere Rolle. In diesem Tutorial möchte ich euch eine kleine JavaScript-Klasse vorstellen. Diese Klasse kann dann Grundlage für weiter tolle Webanwendungen sein kann.

Die einfache und trotzdem flexible Verwendung der erstellten Klasse lag mir dabei besonders am Herzen.
Weiterlesen