Web-Anwendungen - Einfuehrung in das YUI JavaScript/AJAX Framework von Yahoo http://www.michael-reiher.de/podcast Ajax, YUI, jQuery, Frameworks, Web2.0, Aptana, Softwareentwicklung und Web-Anwendungen Feeder 1.5.10(880) http://reinventedsoftware.com/feeder/ http://blogs.law.harvard.edu/tech/rss de Michael Reiher podcast@michael-reiher.de podcast@michael-reiher.de Tue, 10 Nov 2009 01:59:10 +0100 Tue, 10 Nov 2009 01:59:10 +0100 Technology/Software How-To 1440 http://www.michael-reiher.de/fileadmin/podcasts/podcastlogo-reiher.jpg Webentwicklung Podcast http://www.michael-reiher.de/podcast Webentwicklung 2.0 Michael Reiher Webentwicklung 2.0 - Einfuehrung in das YUI AJAX bzw. JavaScript Framework von Yahoo In meinem Podcast werde ich einige Funktionen des YUI Framework anhand von kurzen Beispielen vorstellen. Sicher ist niemandem der Hype ums Thema Web 2.0 entgangen. Mit Hilfe des von Yahoo kostenlos angebotenen Framework fällt es Softwareentwicklern leicht sich in die neue Welt einzufinden. Viel Spaß beim anschauen! Ajax,JavaScript,JSON,DHTML,PHP,SQL,YUI,jQuery,Frameworks,Web2,0,Aptana,Yahoo,Softwareentwicklung,Web,Anwendungen,Softwareentwicklung,Videopodcast no Michael Reiher podcast@michael-reiher.de http://feeds.feedburner.com/Webentwicklung2_0 no Folge 17 - Wireframes http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-17-Wireframes.m4v Beschreibung

Diesmal geht es nicht direkt ums Programmieren sondern um die Vorbereitung - Wireframes bzw. Mockups! Im Podcast wird eine Software namens Wireframe Sketcher (http://wireframesketcher.com) vorgestellt. Bei dem Tool handelt es sich um ein Eclipse-Plugin, welches bei der Konzeption von Website-Prototypen hilft.

© by podcast@michael-reiher.de

Wireframes

]]> Tue, 10 Nov 2009 01:33:39 +0100 folge-16-ankündigung Michael Reiher Beschreibung: Diesmal geht es nicht direkt ums Programmieren sondern um die Vorbereitung - Wireframes bzw. Mockups! Im Podcast wird eine Software namens Wireframe Sketcher (http://wireframesketcher.com) vorgestellt. (c) by podcast@michael-reiher.de Beschreibung Diesmal geht es nicht direkt ums Programmieren sondern um die Vorbereitung - Wireframes bzw. Mockups! Im Podcast wird eine Software namens Wireframe Sketcher (http://wireframesketcher.com) vorgestellt. Bei dem Tool handelt es sich um ein Eclipse-Plugin, welches bei der Konzeption von Website-Prototypen hilft. (c) by podcast@michael-reiher.de no 7:50 Folge 16 - Ankündigung http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-16-Ankuendigung.m4v Beschreibung

Heute mal etwas in eigener Sache: Ich habe das Glück bei der Podcast.de Umfrage 2009 teilnehmen zu dürfen. Bitte unterstützt mich durch eure Teilnahme an der Umfrage noch gleich heute!

Vielen Dank!

© by podcast@michael-reiher.de

]]> Fri, 18 Sep 2009 09:04:14 +0200 folge-15-browser-history Michael Reiher Beschreibung: Heute mal etwas in eigener Sache: Ich habe das Glück bei der Podcast.de Umfrage 2009 teilnehmen zu dürfen. Bitte unterstützt mich durch eure Teilnahme an der Umfrage noch gleich heute! Vielen Dank! (c) by podcast@michael-reiher.de Beschreibung Heute mal etwas in eigener Sache: Ich habe das Glück bei der Podcast.de Umfrage 2009 teilnehmen zu dürfen. Bitte unterstützt mich durch eure Teilnahme an der Umfrage noch gleich heute! Vielen Dank! (c) by podcast@michael-reiher.de no 8:53 Folge 15 - Browser History http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-15-Browser-History.m4v Beschreibung

Die Buttons "Weiter" und "Zurück" im Webbrowser sind für Besucher von Webseiten zur schnellen Navigation sehr hilfreich. Leider verlieren die Buttons bei clientseitigen Veränderungen der Webseite ihre Funktionalität. Auch das Anlegen von Lesezeichen wird häufig zum Problem.

Mit Hilfe des YUI History Manager ist es möglich, sowohl die Navigations-Buttons als auch die Bookmark-Funktionalität in Webanwendungen zu nutzen.

© by podcast@michael-reiher.de

]]> Sun, 24 May 2009 12:45:10 +0200 folge-14-css-layout-techniken-css-grids Michael Reiher Mit Hilfe des YUI History Manager ist es möglich, sowohl die Navigations-Buttons als auch die Bookmark-Funktionalität in Webanwendungen zu nutzen. (c) by podcast@michael-reiher.de Beschreibung Die Buttons "Weiter" und "Zurück" im Webbrowser sind für Besucher von Webseiten zur schnellen Navigation sehr hilfreich. Leider verlieren die Buttons bei clientseitigen Veränderungen der Webseite ihre Funktionalität. Auch das Anlegen von Lesezeichen wird häufig zum Problem. Mit Hilfe des YUI History Manager ist es möglich, sowohl die Navigations-Buttons als auch die Bookmark-Funktionalität in Webanwendungen zu nutzen. (c) by podcast@michael-reiher.de no 14:11 Folge 14 - CSS Layout Techniken / CSS Grids http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-14-CSS-Layout-Techniken.m4v Beschreibung

Der Podcast zeigt unterschiedliche Möglichkeiten für ein 3-Spaltiges CSS-Layout. Aufgrund der Gestaltung mittels floating-Divs ist die gleiche Höhe der Spalten im Gegensatz zu tabellenbasierten Layouts jedoch nicht trivial.

An konkreten Beispielen wird zunächst das Problem aufgezeigt und unterschiedliche Lösungen beschrieben (Faux Columns, YUI Grids, pure CSS).

Folge 014 - CSS Techniken

© by podcast@michael-reiher.de

]]> Tue, 21 Apr 2009 01:49:30 +0200 folge-13-css-sprites-1 Michael Reiher Der Podcast zeigt unterschiedliche Möglichkeiten für ein 3-Spaltiges CSS-Layout. (c) by podcast@michael-reiher.de Beschreibung Der Podcast zeigt unterschiedliche Möglichkeiten für ein 3-Spaltiges CSS-Layout. Aufgrund der Gestaltung mittels floating-Divs ist die gleiche Höhe der Spalten im Gegensatz zu tabellenbasierten Layouts jedoch nicht trivial. An konkreten Beispielen wird zunächst das Problem aufgezeigt und unterschiedliche Lösungen beschrieben (Faux Columns, YUI Grids, pure CSS). (c) by podcast@michael-reiher.de no 14:34 Folge 13 - CSS Sprites http://www.michael-reiher.de/fileadmin/podcasts/m4v/Podcast-Folge-13-CSS-Sprites.m4v Beschreibung

CSS-Sprites sind eine gute Alternative zu HTML- und JS-Preloadern. Es entstehen keine Wartezeiten mehr durch das Nachladen von Bildern, wenn man mit der Maus über einem Bild stehen bleibt.

by podcast@michael-reiher.de

]]> Tue, 07 Apr 2009 00:16:37 +0200 folge-13-css-sprites Michael Reiher no 14:34 Folge 12 - Jaxer http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-12-Jaxer.m4v Beschreibung

Mittels des Jaxer-Servers lassen sich JavaScript-Libs auch serverseitig nutzen. Ajax, HTML, JavaScript und Dom Kenntnisse lassen sich 1-zu-1 auf die serverseitige Programmierung übertragen. Auch Datei-, Datenbank- und Netzwerkzugriffe sind mit Jaxer kein Problem.

Jaxer

Ob JavaScript langfristig eine Konkurrenz zu PHP, C# und RoR wird, bleibt abzuwarten.

Links

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast
Jaxer-Server: http://www.aptana.com/jaxer

by podcast@michael-reiher.de

]]> Sat, 17 Jan 2009 22:02:29 +0100 folge-12-jaxer Michael Reiher no Folge 11 - Container http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-11-Container.m4v Beschreibung

Im Podcast werden die YUI-Container-Elemente (Overlay und Panel) vorgestellt. Overlays lassen sich absolut auf einer HTML-Seite positionieren ohne die eigentliche HTML-Seite zu beeinflussen. Im Gegensatz zum Panel-Element sind bei Overlays allerdings keine CSS-Angaben hinterlegt.

YUI Container Panel Overlay

Panel lassen sich mit einfachen Fenstern im Betriebssystem vergleichen - diese Panel lassen sich vor der eigentlichen Webseite wie gewohnt verschieben, vergrößern/verkleinern und schließen.

Links

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

by podcast@michael-reiher.de

]]> Sun, 26 Oct 2008 11:30:12 +0100 folge-10-cssframeworks-1 Michael Reiher no 25:58 Folge 10 - CSS-Frameworks http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-10-CSS-Frameworks.m4v Beschreibung

Aufgrund mangelnder Unterstützung der W3C-Standards durch die verschiedenen Browser-Hersteller ist die Auszeichnung mittels CSS zeitaufwendig und mit hohen Kosten verbunden. CSS-Frameworks helfen Webseiten einheitlich und unabhängig vom verwendeten Webbrowser zu gestalten.

Im Podcast findet ihr eine eine kurze Einführung in CSS-Frameworks und ein Beispiel für folgenden Seitenaufbau mittels CSS:
CSS-Frameworks

Links

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

by podcast@michael-reiher.de

]]> Fri, 03 Oct 2008 14:10:45 +0200 folge-10-cssframeworks Michael Reiher no 25:58 Folge 9 - Dynamic-Script-Tag http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-9-DynamicScriptTag.m4v XSS (X-Site-Scripting) - Nachdem eine HTML-Seite von einem Server gelden wurde werden weitere Inhalte von einem anderen Server dynamisch nachgeladen.

HttpRequest vs. Dynamic-Script-Tag

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

by podcast@michael-reiher.de

]]> Thu, 17 Jan 2008 01:27:32 +0100 folge-9-dynamicscripttag Michael Reiher no Folge 8 - HttpRequest http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-8-HttpRequest.m4v Beschreibung: Dynamisches nachladen von Inhalten von einem Server in eine HTML-Seite.

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

]]> podcast@michael-reiher.de no Folge 7 - ToDo-Liste fuers iPhone und iPod Touch und iPhone Teil 2 http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-7-iPhone.m4v Beschreibung: Programmierung einer clientseitigen ToDo-Liste fuer das iPhone und den iPod-Touch (Teil 2 von 2). Die ToDos werden dabei in einem Cookie im jeweiligen Browser gespeichert.

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

]]> podcast@michael-reiher.de no Folge 6 - ToDo-Liste fuers iPhone und iPod Touch http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-6-iPhone.m4v Beschreibung: Programmierung einer clientseitigen ToDo-Liste fuer das iPhone und den iPod-Touch (Teil 1 von 2).

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

]]> podcast@michael-reiher.de no Folge 5 - Kalender und ColorPicker http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-5-Kalender-und-ColorPicker.m4v Beschreibung: Umgang mit den YUI widgets Calendar und Color Picker.

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

]]> podcast@michael-reiher.de no Folge 4 - Buttons http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-4-Buttons.m4v Beschreibung: Erzeugen von unterschiedlichen Buttons mittels YUI Framework. Programmierung keiner Hilfsfunktionen in JavaScript zur Generierung zusaetzlicher Elemente wie Form- und Input-Tags.

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

]]> podcast@michael-reiher.de no Folge 3 - AutoComplete http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-3-AutoComplete.m4v Beschreibung: Bei Feldeingaben werden schon waerend der Eingabe Vorschlaege gemacht. Die Vorschlaege kommen zunaechst aus einem auf den Client-PC uebertragenen Feld und spaeter aus einer Serverseitigen JSON-Anfrage.

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

]]> podcast@michael-reiher.de no Folge 2 - Animation http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-2-Animation.m4v Beschreibung: Animation eines Rechtecks durch Aenderung der Koordinaten mittels JavaScript.

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

]]> podcast@michael-reiher.de no Folge 1 - Einfuehrung in YUI und Aptana http://www.michael-reiher.de/fileadmin/podcasts/m4v/Folge-1-Einfuerung-YUI-Aptana.m4v Beschreibung: Einfuehrung in das YUI und die Entwicklungsumgebung Aptana

JavaScript- und PHP-Scripte: www.michael-reiher.de/podcast

Links: aptanta.com, aptanta.tv, developer.yahoo.com/yui/

]]> podcast@michael-reiher.de no