Ember.js за old-school web програмисти (VarnaConf 2015)

Повечето презентации за Single-page Applications сравняват няколко фреймуърка за правене на такива. Предпочетох да сравня ember.js не с други подобни библиотеки, а с old-school начина за правене на web приложения. Това е презентацията, която аз бих искал да бях видял преди да се захвана с ember.js :).

Transcript

1. View Slide

2. AndrewRadev
   

   View Slide

3. Ember.js за old-school*
   web програмисти
   

   View Slide

4. “Old-school”
   

   View Slide

5. “Old-school” (2011г)
   

   View Slide

6. The ratio between all javascript packages
   and javascript frameworks is reaching 1:1
   – someone on The Internet
   

   View Slide

7. Добрия стар
   request-response
   

   View Slide

8. View Slide

9. $ ember new demo_app
   $ ember serve
   

   View Slide

10. (demo)
    

    View Slide

11. Request
    ●
    Запис в routes.js
    ●
    Route
    ●
    Controller
    ●
    Template
    

    View Slide

12. Request
    ●
    app/routes.js: this.route('about');
    ●
    app/routes/about.js
    ●
    app/controllers/about.js
    ●
    app/templates/about.hbs
    

    View Slide

13. (demo)
    

    View Slide

14. Model layer
    ●
    app/models/user.js
    ●
    app/serializers/user.js
    ●
    app/adapters/user.js
    

    View Slide

15. “Old-school” Routing
    ●
    /users/11/comments/47/edit
    ●
    user.find(11)
    ●
    user.comments.find(47)
    ●
    /users/new/ ?
    

    View Slide

16. Routing
    ●
    /users/new/login-info
    ●
    users.new
    ●
    users.new.details
    ●
    users.new.login-info
    ●
    users.new.name
    

    View Slide

17. Component layer
    ●
    app/components/user-card.js
    ●
    app/templates/components/user-card.hbs
    

    View Slide

18. Ember.js: the bad
    ●
    Бързо се променя
    ●
    Документация
    ●
    Някои неща се правят трудно
    

    View Slide

19. Ember.js: the good
    ●
    Two-way bindings
    ●
    Гъвкавост
    ●
    Структура
    ●
    Flow
    

    View Slide

20. Въпроси?
    

    View Slide