Библиотека знаний - develop:fronted
Заметки IT программиста
http://178.140.10.58:8080/
2026-04-17T08:10:50+00:00
Библиотека знаний
http://178.140.10.58:8080/
http://178.140.10.58:8080/lib/exe/fetch.php?media=wiki:dokuwiki.svg
-
text/html
2018-06-17T20:28:22+00:00
Anonymous (anonymous@undisclosed.example.com)
Backbone.js - MVC JS Framework
http://178.140.10.58:8080/doku.php?id=develop:fronted:backbonejs
<div class="tags"><span>
<a href="http://178.140.10.58:8080/doku.php?id=tag:front-end&do=showtag&tag=front-end" class="wikilink1" title="tag:front-end" rel="tag">front-end</a>,
<a href="http://178.140.10.58:8080/doku.php?id=tag:js&do=showtag&tag=js" class="wikilink1" title="tag:js" rel="tag">js</a>,
<a href="http://178.140.10.58:8080/doku.php?id=tag:java-script&do=showtag&tag=java-script" class="wikilink1" title="tag:java-script" rel="tag">java-script</a>,
<a href="http://178.140.10.58:8080/doku.php?id=tag:framework&do=showtag&tag=framework" class="wikilink1" title="tag:framework" rel="tag">framework</a>,
<a href="http://178.140.10.58:8080/doku.php?id=tag:mvc&do=showtag&tag=mvc" class="wikilink1" title="tag:mvc" rel="tag">mvc</a>,
<a href="http://178.140.10.58:8080/doku.php?id=tag:backbone&do=showtag&tag=backbone" class="wikilink1" title="tag:backbone" rel="tag">backbone</a>
</span></div>
<h1 class="sectionedit1" id="backbonejs_-_mvc_js_framework">Backbone.js - MVC JS Framework</h1>
<div class="level1">
<p>
Backbone.js придает структуру веб-приложениям с помощью моделей с биндингами по ключу и пользовательскими событиями, коллекций с богатым набором методов с перечислимыми сущностями, представлений с декларативной обработкой событий; и соединяет это все с вашим существующим REST-овым JSON <abbr title="Application Programming Interface">API</abbr>.
</p>
</div>
<!-- EDIT{"target":"section","name":"Backbone.js - MVC JS Framework","hid":"backbonejs_-_mvc_js_framework","codeblockOffset":0,"secid":1,"range":"58-625"} -->
<h2 class="sectionedit2" id="plugins">Plugins</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="http://marionettejs.com/" class="urlextern" title="http://marionettejs.com/" rel="ugc nofollow">http://marionettejs.com/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.rivetsjs.com/" class="urlextern" title="http://www.rivetsjs.com/" rel="ugc nofollow">http://www.rivetsjs.com/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/mvasilkov/Backbone.localStorage" class="urlextern" title="https://github.com/mvasilkov/Backbone.localStorage" rel="ugc nofollow">https://github.com/mvasilkov/Backbone.localStorage</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Plugins","hid":"plugins","codeblockOffset":0,"secid":2,"range":"626-760"} -->
<h2 class="sectionedit3" id="frameworks_на_базе_backbone">Frameworks на базе backbone</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="http://178.140.10.58:8080/doku.php?id=develop:java-script:marionette.js" class="wikilink1" title="develop:java-script:marionette.js" data-wiki-id="develop:java-script:marionette.js">Marionettejs</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://chaplinjs.org/" class="urlextern" title="http://chaplinjs.org/" rel="ugc nofollow">chaplin</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://thoraxjs.org/" class="urlextern" title="http://thoraxjs.org/" rel="ugc nofollow">http://thoraxjs.org/</a> - (Backbone + Handlebars)
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Frameworks \u043d\u0430 \u0431\u0430\u0437\u0435 backbone","hid":"frameworks_\u043d\u0430_\u0431\u0430\u0437\u0435_backbone","codeblockOffset":0,"secid":3,"range":"761-939"} -->
<h2 class="sectionedit4" id="документация_статьи_ссылки">Документация / Статьи / Ссылки</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="http://underscorejs.ru/" class="urlextern" title="http://underscorejs.ru/" rel="ugc nofollow">http://underscorejs.ru/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://backbonejs.ru/" class="urlextern" title="http://backbonejs.ru/" rel="ugc nofollow">http://backbonejs.ru/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://javascript.ru/forum/backbone" class="urlextern" title="http://javascript.ru/forum/backbone" rel="ugc nofollow">http://javascript.ru/forum/backbone</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://kuroikaze85.wordpress.com/all-node-js-entries/" class="urlextern" title="https://kuroikaze85.wordpress.com/all-node-js-entries/" rel="ugc nofollow">https://kuroikaze85.wordpress.com/all-node-js-entries/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \/ \u0421\u0442\u0430\u0442\u044c\u0438 \/ \u0421\u0441\u044b\u043b\u043a\u0438","hid":"\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f_\u0441\u0442\u0430\u0442\u044c\u0438_\u0441\u0441\u044b\u043b\u043a\u0438","codeblockOffset":0,"secid":4,"range":"940-1170"} -->
<h2 class="sectionedit5" id="видео">Видео</h2>
<div class="level2">
<p>
Курс по самой распространенной MVC javascript библиотеки - Backbone.js. Просмотрев его вы освоите все базовые навыки для ее практического использования и даже разработаете свое собственное одностраничное приложение.
</p>
<ul>
<li class="level1"><div class="li">
<a href="https://www.youtube.com/playlist?list=PLY4rE9dstrJx-28CgOCgcipVOgaRkAuJ5" class="urlextern" title="https://www.youtube.com/playlist?list=PLY4rE9dstrJx-28CgOCgcipVOgaRkAuJ5" rel="ugc nofollow">Backbone.js</a>
</div></li>
</ul>
<ul>
<li class="level1"><div class="li">
<a href="http://www.youtube.com/watch?v=FZSjvWtUxYk" class="urlextern" title="http://www.youtube.com/watch?v=FZSjvWtUxYk" rel="ugc nofollow">http://www.youtube.com/watch?v=FZSjvWtUxYk</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.youtube.com/watch?v=eYdX37mVFgk" class="urlextern" title="http://www.youtube.com/watch?v=eYdX37mVFgk" rel="ugc nofollow">http://www.youtube.com/watch?v=eYdX37mVFgk</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.youtube.com/watch?v=dY4lb5I1Qns" class="urlextern" title="http://www.youtube.com/watch?v=dY4lb5I1Qns" rel="ugc nofollow">http://www.youtube.com/watch?v=dY4lb5I1Qns</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.youtube.com/watch?v=WM989lc57s4" class="urlextern" title="http://www.youtube.com/watch?v=WM989lc57s4" rel="ugc nofollow">http://www.youtube.com/watch?v=WM989lc57s4</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.youtube.com/watch?v=ETKVvBfZPbk" class="urlextern" title="http://www.youtube.com/watch?v=ETKVvBfZPbk" rel="ugc nofollow">http://www.youtube.com/watch?v=ETKVvBfZPbk</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0412\u0438\u0434\u0435\u043e","hid":"\u0432\u0438\u0434\u0435\u043e","codeblockOffset":0,"secid":5,"range":"1171-1904"} -->
<h2 class="sectionedit6" id="уроки">Уроки</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="http://www.youtube.com/channel/UC3Xbp3NcAtiq0XHOcU3QdOA/videos" class="urlextern" title="http://www.youtube.com/channel/UC3Xbp3NcAtiq0XHOcU3QdOA/videos" rel="ugc nofollow">http://www.youtube.com/channel/UC3Xbp3NcAtiq0XHOcU3QdOA/videos</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.youtube.com/channel/UCtsDl3hsddpyDzHSdrU2OOg/videos" class="urlextern" title="http://www.youtube.com/channel/UCtsDl3hsddpyDzHSdrU2OOg/videos" rel="ugc nofollow">http://www.youtube.com/channel/UCtsDl3hsddpyDzHSdrU2OOg/videos</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0423\u0440\u043e\u043a\u0438","hid":"\u0443\u0440\u043e\u043a\u0438","codeblockOffset":0,"secid":6,"range":"1905-"} -->