jQuery Fundamentals.. für lau

Kostenlose Bücher und Tutorials zum Thema Javascript gibt es im Internet wie Sand am Meer und ganz ehrlich, die Tutorials sind oft von mittelmässiger Qualität oder funktionieren nicht. Doch ab und zu stösst man in den Weiten des WWW auf wahre “Know-How-Perlen” welche man mit anderen teilen möchte.

jQuery Fundamentals von Rebecca Murphey ist so eine Perle welche ich gerne mit euch teilen möchte :)

Warum? Ganz einfach.. das Buch ist eine ausgezeichnet geschriebene Einleitung in Javascript und jQuery.. ja richtig.. Javascript UND jQuery. Warum ich das so toll finde? Weil die Verwendung von jQuery heute so einfach ist, dass viele Frischlinge gar keine Ahnung haben was Javascript eigentlich ist, wie es funktioniert und was überhaupt ein Javascript Framework ist.. weil man sich halt alles zusammenkopieren kann.

Für Frischlinge empfehle ich das ganze Buch zu lesen.. für Leute welche schon einwenig Ahnung haben empfehle ich folgende Themen:

.. und damit das Ganze nicht all zu trocken daherkommt, gibts zu jedem Thema Code-Beispiele zum kopieren und testen.

Ok.. her damit

Das ganze Buch gibt es hier zum lesen oder auf Git zum runterladen.

Ach ja.. weitersage erlaubt :)

HTML 5 Local Data Storage – Eine kurze Einführung

Apple und Adobe können sich zanken wie sie wollen aber HTML5 wird früher oder später einschlagen wie eine AtomTischbombe.

HTML5 bringt viele neue Features mit sich wie zB. das bessere strukturieren von HTML Seiten mittels neuer Tags, einbinden von Audio Dateien und Videos ohne Flashplayer oder neue Formular Elemente-Typen wie zB. „date“, „email“ oder „number“.
Natürlich sind das noch längst nicht alle Neuerungen die es geben wird.

Ich möchte in diesem Post etwas näher auf das Feature „Client-side Storage“ eingehen.. auf Deutsch „Datenspeicherung beim Benutzer“.. und damit sind nicht die guten alten Cookies gemeint :) weiterlesen →

Facebook’s Javascript Speed-Up

Interessante Slides von Facebook zum Thema Javascript und Performance.
Hier der orginale Beitrag auf Ajaxian.

View more presentations from makinde.

Instant Blueprint – Eigenes Frontend Framework per Mausklick

Bei meinem heutigen “Was-ist-heute-auf-Twitter-cool” Check habe ich diese nützliche Webseite mit dem entdeckt.

Instant Blueprint bietet einem die Möglichkeit mit wenigen Klicks sein eigenes Frontend Framework für neue Projekte zu erstellen.

Doch was meine ich mit Frontend Framework?
Mit Frontend Framework meine ich all die benötigten CSS Dateien (Reset, Print & Style), eine Ordnerstruktur (images, css & js) und ein XHTML oder HTML Template.

Das beste Feature bei der ganzen Sache ist meiner Meinung nach aber die Möglichkeit IDs der benötigten HTML Elemente einzugeben um diese dann als Markup im XHTML oder HTML Template vorzufinden.
Schade ist eigentlich nur das man diese Elemente nicht im Vorhinein schon verschachteln kann.. also das zB. alle IDs welche auf die ID “sidebar” folgen im “sidebar” Element sind.

Natürlich kann man auch noch andere wichtige & zeitsparende Optionen einstellen.
Hier die komplette Liste:

  • Projektname (für den Namen des Projektordners)
  • HTML Doctype
  • Javascript Library (Prototype, jQuery, MooTools & YUI)
  • Das oben erwähnte Markup anhand der IDs
  • Zentrierten Div erstellen mit dem Markup drin
  • Dateiendung (.html oder .php)

Fazit: Sehr nützlich und zeitsparendes Tool aber noch ausbaubar. Verschachtlung der Elemente wäre klasse und wenn das Javascript noch das letztes Element vom <body> wäre, wäre es noch besser :)

JSON – Eine kurze Einführung

JSONHier eine kurze und knappe Einführung in das Datenformat JSON welches zur Zeit in alle Munde ist und sich dank seiner Einfachheit grosser Beliebtheit erfreut.

Ich erkläre was JSON ist, wie es ausschaut und wie man es verweden kann anhand eines Javascript Beispiels. weiterlesen →