ANGULAR AND
CHEESECAKE
SONNTAG, 16. FEBRUAR 2014
ANGULAR AND RAILS
Wie AngularJS in Rails integriert wurde bei Wer liefert Was?
ZIELSETZUNG
Neu-Implementierung der Registrierung für Kunden.
Sehr viele Angaben durch den Benutzer
Komplexe Zuordnung der...
STRUKTUR DER ANGULAR-APP
Von Angular kaum Vorgaben bzgl. der Strukturierung
Von Rails hingegen sehr strenge Vorgaben
Daher...
INTEGRATION VON ANGULAR UND RAILS
WIE SIND DIE RAILS CONTROLLER, MODELS AND VIEWS MIT
ANGULAR VERZAHNT?
Verwendung eines show-Views
(app/views/lyc/registrat...
ANGULAR TEMPLATES UND SLIM
INITIALIZER
Risapiainast.eitregn(.lm,Si:Tmlt)
al.plcto.sesrgse_nie'si' lm:epae

app/assets/ng-t...
API-CALLS
Rails-Controller
antworten auf Anfragen der Angular-App
geben JSON zurück
dfcet
e rae
rsodt d |omt
epn_o o fra|
...
TESTING
MOMENTAN BDD MIT FOLGENDEN TESTS/SPECS
Cucumber
Jasmine Tests (WIP)
JS Models
JS Controller
JS Directives
Rails Co...
FRAGEN?
VIELEN DANK!
Angular and cheesecake
Nächste SlideShare
Wird geladen in …5
×

Angular and cheesecake

336 Aufrufe

Veröffentlicht am

How we use angular.js in our Ruby on Rails Application.

Veröffentlicht in: Technologie
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
336
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
1
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Angular and cheesecake

  1. 1. ANGULAR AND CHEESECAKE SONNTAG, 16. FEBRUAR 2014
  2. 2. ANGULAR AND RAILS Wie AngularJS in Rails integriert wurde bei Wer liefert Was?
  3. 3. ZIELSETZUNG Neu-Implementierung der Registrierung für Kunden. Sehr viele Angaben durch den Benutzer Komplexe Zuordnung der Kategorien Frühzeitige Fehlererkennung Verbesserung der Nutzerführung Höhere Registrierungsquote Siehe: List your Company
  4. 4. STRUKTUR DER ANGULAR-APP Von Angular kaum Vorgaben bzgl. der Strukturierung Von Rails hingegen sehr strenge Vorgaben Daher: Anlehnung an Rails
  5. 5. INTEGRATION VON ANGULAR UND RAILS
  6. 6. WIE SIND DIE RAILS CONTROLLER, MODELS AND VIEWS MIT ANGULAR VERZAHNT? Verwendung eines show-Views (app/views/lyc/registrations/show.html.slim) Sehr einfacher Aufbau um Angular zu starten -cnetfr:aette t'y.aettergsrto') otn_o(pg_il, (lcpg_il.eitain) dvn-p=rgsrtoWzr" i(gap"eitainiad) n-iw gve Der Rest wird über Angular Templates geregelt
  7. 7. ANGULAR TEMPLATES UND SLIM INITIALIZER Risapiainast.eitregn(.lm,Si:Tmlt) al.plcto.sesrgse_nie'si' lm:epae app/assets/ng-templates: steps.html => steps.html.slim
  8. 8. API-CALLS Rails-Controller antworten auf Anfragen der Angular-App geben JSON zurück dfcet e rae rsodt d |omt epn_o o fra| fra.snd omtjo o rgsrto =Rgsrto.e( eitain eitainnw prm[csoe] aas:utmr, prm[cmay, aas:opn] prm[haig aas:edns ) rgsrto.ae eitainsv! rne sau:21 ntig tu edr tts 0, ohn: re ed n ed n ed n
  9. 9. TESTING MOMENTAN BDD MIT FOLGENDEN TESTS/SPECS Cucumber Jasmine Tests (WIP) JS Models JS Controller JS Directives Rails Controller Specs Rails Model Specs Wichtig: Lauffähig auf dem CI
  10. 10. FRAGEN?
  11. 11. VIELEN DANK!

×