Your SlideShare is downloading. ×
0
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Mvc frontend-trug-02-2011
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mvc frontend-trug-02-2011

996

Published on

Prezentacja z TRUG (Trójmiejskiej Grupy Użytkowników Ruby) z dnia 22 lutego 2011.

Prezentacja z TRUG (Trójmiejskiej Grupy Użytkowników Ruby) z dnia 22 lutego 2011.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
996
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Niech podniosą rękę Ci z was, którzy używają Prototype. A teraz jQuery. Zaglądał ktoś z was w kod tych bibliotek? [ Rozumieliście go? ;> ]
  • oczywiście Prototype.js je rozwiązał. :)
  • zaraz będzie kilka przykładów...
  • ok. opanowalismy podstawy obiektów z rubiego w Javascripcie… teraz spróbujemy przenieść koncept MVC na grunt javascriptu.
  • a teraz w prosty sposób przenosimy wzorzec na to co jest w RoR
  • natomiast w Backbone.js to wygląda trochę inaczej… Bo przecież jesteśmy po stronie przeglądarki :) ale to nie wszystko!
  • Transcript

    • 1. Sposób na MVC we frontendzie <ul><li>na przykładzie Backbone.js i Underscore.js </li></ul>© 2011 - Rafał &quot;RaVbaker&quot; Piekarski
    • 2. <ul><li>koordynator zespołu frontendu w Nokaut.pl </li></ul><ul><li>programista PHP, Ruby, JavaScript i MySQL </li></ul><ul><li>&quot;w branży&quot; od 7 lat </li></ul><ul><li>@ravbaker </li></ul><ul><li>github: ravbaker </li></ul>Kim jestem?
    • 3. A wy? <ul><li>dla początkujących: http://j.mp/podstawyJS </li></ul><ul><li>dla bardziej zaawansowanych: http://j.mp/learnAdvancedJS </li></ul>
    • 4. node.js
    • 5. Rails: mówisz JS myślisz: Prototype myślisz: Prototype ale...
    • 6. jQuery <ul><li>najpopularniejsza bibilioteka do javascriptu </li></ul>
    • 7. Ale napotykamy problemy... <ul><li>jak iterować po kolekcjach? </li></ul><ul><li>jak mapować tablice na inne obiekty? </li></ul><ul><li>jak sprawdzać czy kolekcja ma oczekiwaną wartość? </li></ul><ul><li>jak wyciągać tablicę unikalnych obiektów? </li></ul>for(var i in items){ if(items.hasOwnProperty(i)) { var item = items[i]; … } }
    • 8. Odpowiedzą jest Underscore.js <ul><li>Narzędzie nierozszerzające działania języka - wszystko dostępne, podobnie jak jQuery, przez jeden obiekt: _ (znak podkreślenia - stąd nazwa) </li></ul><ul><li>Pozwala w naprawdę łatwy sposób manipulować kolekcjami, obiektami i funkcjami w javascripcie </li></ul><ul><li>Bardzo mała biblioteka: </li></ul>ściągnij stąd! - http://j.mp/un derscorejs
    • 9. Odpowiedzi na problemy z wykorzystaniem underscore.js underscore.js _.each({one : 1, two : 2, three : 3}, function(num, key{ alert(num); }); => alerts each number in turn… _.map([1, 2, 3], function(num){ return num * 3; }); => [3, 6, 9] _.include([1, 2, 3], 3); => true _.uniq([1, 2, 1, 3, 1, 4]); => [1, 2, 3, 4]
    • 10. <ul><li>jest tego więcej... </li></ul>
    • 11. Model-View-Controller Model View Controller
    • 12. Model-View-Controller <ul><li>w Ruby on Rails </li></ul>Model View Controller Klasy i metody w Ruby pliki HTML ORM dla bazy danych
    • 13. Model-View-Controller <ul><li>w Backbone.js </li></ul>Model View Controller funkcje w JS fragmenty HTMLa reprezentujące modele obiekty z serwera Events zmiany w modelach odświeżają widoki Collection grupy modeli
    • 14. Czas na praktykę... spróbuj sam! - http://j.mp/ backbonejs
    • 15. Pytania?
    • 16. Dziękuję za uwagę. kod źródłowy z prezentacji: http://j.mp/backbone_notepad_example_rails

    ×