Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

разработка Mvc приложений на java script

0 views

Published on

  • Be the first to comment

разработка Mvc приложений на java script

  1. 1. Разработка MVC-приложения на JavaScriptОлег ВоробьевРазработчик
  2. 2. Обычный сайт на PHP GET /index.phpСервер Браузер HTML
  3. 3. Типичный код JavaScript
  4. 4. Клиент на JavaScript GET /productsСервер JSON Пользователь HTML
  5. 5. Backbone.js
  6. 6. Пример #header#left #main
  7. 7. index.html
  8. 8. Model REST GET /categories[/id] POST / categories PUT /categories/id DELETE /categories/id
  9. 9. View
  10. 10. View
  11. 11. View
  12. 12. View
  13. 13. View
  14. 14. Routerhttp://appstore/http://appstore/#storehttp://appstore/#store/12
  15. 15. Router
  16. 16. index.js
  17. 17. index.html
  18. 18. index.html
  19. 19. index.html
  20. 20. index.html
  21. 21. index.html
  22. 22. Что получилосьGET /categories[{id: 1, name: Популярные},{id: 2, name: Игры},{id: 3, name: Музыка и видео},{id: 4, name: Развлечения},{id: 11, name: Образ жизни},{id: 5, name: Дети и семья},{id: 6, name: Путешествия и навигация},{id: 7, name: Здоровье и фитнес},{id: 8, name: Фотографии},{id: 9, name: Социальные сети},{id: 10, name: Спорт}]
  23. 23. Product
  24. 24. Product view
  25. 25. Product view
  26. 26. View events
  27. 27. Router
  28. 28. Что получилосьGET /categories[{id: 1, name: Популярные}, GET /products{id: 2, name: Игры},{id: 3, name: Музыка и видео}, [{id: 2, name: YouTube, icon: youtube.jpg},{id: 4, name: Развлечения}, {id: 3, name: Gmail, icon: gmail.jpg},{id: 11, name: Образ жизни}, {id: 1, name: Angry Birds, icon: angrybirds.jpg},{id: 5, name: Дети и семья}, {id: 4, name: Plants vs Zombies, icon: plants.jpg},{id: 6, name: Путешествия и навигация}, {id: 5, name: Google Maps, icon: googlemaps.jpg},{id: 7, name: Здоровье и фитнес}, {id: 6, name: Evernote, icon: evernote.jpg}]{id: 8, name: Фотографии},{id: 9, name: Социальные сети},{id: 10, name: Спорт}]
  29. 29. Вопросы?

×