Sproutcore Workshop 2011: Unterschied zwischen den Versionen

aus Metalab, dem offenen Zentrum für meta-disziplinäre Magier und technisch-kreative Enthusiasten.
Wechseln zu: Navigation, Suche
K
(Liste der Teilnehmenden)
 
(7 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]? ==
  
Bitte auf [http://www.sproutcore.com/what-is-sproutcore/ What is Sproutcore] auf der offiziellen Seite nachlesen.
+
SproutCore is an HTML5 application framework for building responsive, desktop-caliber apps in any modern web browser, without plugins.
  
= Termine =
+
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
+
* 1. Teil Sonntag, '''17.4.2011 15-19 Uhr'''
* 2. Teil Sonntag, 24.4.2011 15-19 Uhr
+
* 2. Teil Sonntag, '''24.4.2011 15-19 Uhr''' (baut auf dem ersten Teil auf!)
  
Der 2. Teil baut auf dem 1. auf!
 
  
Ort ist natürlich das Metalab (Rathausstraße 6), Raum wird ad hoc bestimmt.
+
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 28: 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 37: 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 47: 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 55: 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, 15: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.

Liste der Teilnehmenden