Sproutcore Workshop 2011: Unterschied zwischen den Versionen
Pk (Diskussion | Beiträge) |
|||
(6 dazwischenliegende Versionen von 6 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
Coming soon from [https://twitter.com/anlumo1 @anlumo1] and [https://twitter.com/msch @msch] | Coming soon from [https://twitter.com/anlumo1 @anlumo1] and [https://twitter.com/msch @msch] | ||
− | = Was ist [http://www.sproutcore.com Sproutcore] = | + | == Was ist [http://www.sproutcore.com Sproutcore]? == |
SproutCore is an HTML5 application framework for building responsive, desktop-caliber apps in any modern web browser, without plugins. | SproutCore is an HTML5 application framework for building responsive, desktop-caliber apps in any modern web browser, without plugins. | ||
Mehr auf der offiziellen Seite [http://www.sproutcore.com/what-is-sproutcore/ What is Sproutcore]. | Mehr auf der offiziellen Seite [http://www.sproutcore.com/what-is-sproutcore/ What is Sproutcore]. | ||
+ | __TOC__ | ||
+ | == Termine == | ||
− | + | * 1. Teil – Sonntag, '''17.4.2011 15-19 Uhr''' | |
+ | * 2. Teil – Sonntag, '''24.4.2011 15-19 Uhr''' (baut auf dem ersten Teil auf!) | ||
− | |||
− | |||
− | + | Ort ist natürlich das Metalab ([[Lage|Rathausstraße 6]]), Raum wird ad hoc bestimmt. | |
− | + | == Kosten == | |
− | |||
− | = Kosten = | ||
Der Workshop selbst ist gratis, Getränke gibts wie üblich vom Metalab (um die üblichen Preise). | Der Workshop selbst ist gratis, Getränke gibts wie üblich vom Metalab (um die üblichen Preise). | ||
− | = Inhalt = | + | == Inhalt == |
* Installation von Sproutcore | * Installation von Sproutcore | ||
Zeile 30: | Zeile 29: | ||
Der Workshop wird auf Deutsch/Denglish gehalten! | Der Workshop wird auf Deutsch/Denglish gehalten! | ||
− | = Vorraussetzungen zum Teilnehmen = | + | == Vorraussetzungen zum Teilnehmen == |
* Notebook mit Linux oder Mac OS X (Windows geht theoretisch auch, aber auf eigene Gefahr & Recherche) | * Notebook mit Linux oder Mac OS X (Windows geht theoretisch auch, aber auf eigene Gefahr & Recherche) | ||
Zeile 39: | Zeile 38: | ||
* Javascriptfähiger Texteditor (TextMate, vim, emacs, eclipse, ed, …) | * Javascriptfähiger Texteditor (TextMate, vim, emacs, eclipse, ed, …) | ||
− | = Beispielprojekt = | + | == Beispielprojekt == |
Das Projekt wird ein XMPP-basierter Chatclient sein. Dies deckt sehr viele Bereiche von Sproutcore ab, und eignet sich daher gut als Beispiel. Das Ziel ist auch, dass Teilnehmende ihren Client von der Usability her so gestalten können wie es selbst gewünscht wird, und man die Produkte dann trotzdem zusammen ausprobieren kann. | Das Projekt wird ein XMPP-basierter Chatclient sein. Dies deckt sehr viele Bereiche von Sproutcore ab, und eignet sich daher gut als Beispiel. Das Ziel ist auch, dass Teilnehmende ihren Client von der Usability her so gestalten können wie es selbst gewünscht wird, und man die Produkte dann trotzdem zusammen ausprobieren kann. | ||
Zeile 49: | Zeile 48: | ||
Die Vorlage des Codes des Beispielprojekts ist [https://github.com/anlumo/sproutcore-workshop hier auf github] zu finden. | Die Vorlage des Codes des Beispielprojekts ist [https://github.com/anlumo/sproutcore-workshop hier auf github] zu finden. | ||
− | = Liste der Teilnehmenden = | + | == Liste der Teilnehmenden == |
* [https://twitter.com/msch @msch] | * [https://twitter.com/msch @msch] | ||
Zeile 57: | Zeile 56: | ||
* [https://twitter.com/bmaeser @bmaeser] | * [https://twitter.com/bmaeser @bmaeser] | ||
* [https://twitter.com/MacLemon @MacLemon] ([[Benutzer:Pepi|Pepi]]) | * [https://twitter.com/MacLemon @MacLemon] ([[Benutzer:Pepi|Pepi]]) | ||
+ | * [https://twitter.com/nikgraf @nikgraf] | ||
+ | * [https://twitter.com/HelmuthB @HelmuthB] | ||
+ | * [https://twitter.com/_schiru @_schiru] | ||
+ | * [https://twitter.com/ogott @ogott] | ||
* Hier könnte Dein Name stehen! | * Hier könnte Dein Name stehen! | ||
+ | |||
+ | |||
+ | [[Kategorie:Veranstaltungen]] | ||
+ | [[Kategorie:Workshops]] |
Aktuelle Version vom 17. April 2011, 13:16 Uhr
Coming soon from @anlumo1 and @msch
Was ist Sproutcore?
SproutCore is an HTML5 application framework for building responsive, desktop-caliber apps in any modern web browser, without plugins.
Mehr auf der offiziellen Seite What is Sproutcore.
Termine
- 1. Teil – Sonntag, 17.4.2011 15-19 Uhr
- 2. Teil – Sonntag, 24.4.2011 15-19 Uhr (baut auf dem ersten Teil auf!)
Ort ist natürlich das Metalab (Rathausstraße 6), Raum wird ad hoc bestimmt.
Kosten
Der Workshop selbst ist gratis, Getränke gibts wie üblich vom Metalab (um die üblichen Preise).
Inhalt
- Installation von Sproutcore
- Erste Schritte: Wie mache ich ein neues Projekt, wie probiere ich es aus?
- Projektlayout
- Konzepte hinter Sproutcore
- Schrittweiser Aufbau eines Beispielprojekts (siehe unten), mit der Theorie dazwischen immer wenn es aufkommt
Der Workshop wird auf Deutsch/Denglish gehalten!
Vorraussetzungen zum Teilnehmen
- Notebook mit Linux oder Mac OS X (Windows geht theoretisch auch, aber auf eigene Gefahr & Recherche)
- Ruby 1.8 oder 1.9 bereits installiert (für die build tools) — 1.9 wird bevorzugt, ist noch nicht ganz klar ob 1.8 auch problemlos geht!
- Erwähnenswerte JavaScript/ECMAScript-Kenntnisse sind notwendig, jQuery-Kenntnisse von Vorteil, aber nicht unbedingt
- Grundlegende Kenntnis der Kommandozeile am jeweilig verwendeten System
- Webbrowser: Firefox, Safari, Chrome, Chromium (andere auf eigene Gefahr), jeweils mit dem Developer-Tool (zB Firebug oder dem Inspector in Webkit) installiert
- Javascriptfähiger Texteditor (TextMate, vim, emacs, eclipse, ed, …)
Beispielprojekt
Das Projekt wird ein XMPP-basierter Chatclient sein. Dies deckt sehr viele Bereiche von Sproutcore ab, und eignet sich daher gut als Beispiel. Das Ziel ist auch, dass Teilnehmende ihren Client von der Usability her so gestalten können wie es selbst gewünscht wird, und man die Produkte dann trotzdem zusammen ausprobieren kann.
Weiters ist die Serverseite bereits vollständig implementiert (über die BOSH-Erweiterung, die bei so gut wie allen Servern dabei ist), d.h. wir müssen uns nur um den Client kümmern.
Daher sind XMPP-Protokollkenntnisse von Vorteil, aber die werden auch im Workshop so weit erwähnt wie sie notwendig sind. Als Library wird strophe.js verwendet, d.h. man muss nicht alles zu Fuß implementieren.
Die Vorlage des Codes des Beispielprojekts ist hier auf github zu finden.