В данной статье будет показано как можно реорганизовывать код написанный в «простом» JQuery стиле в код на Backbone, с использованием представлений, моделей, коллекций и событий. Реорганизация будет постепенной, так чтобы этот процесс дал четкое понимание основных абстракций в Backbone. Статья рассчитана на тех кто использует JQuery и хотел бы познакомится со схемой MVC для клиентского кода.
Читать полностью »
Метка «backbone» - 2
От JQuery до Backbone
2013-02-24 в 20:01, admin, рубрики: backbone, javascript, jquery, Веб-разработка, Песочница, метки: backbone, javascript, jqueryFlight — новый js-фреймворк от Twitter
2013-01-31 в 22:05, admin, рубрики: angular, backbone, Bootstrap, ember, framework, github, javascript, JS, twitter, web applications, Веб-разработка, метки: angular, backbone, bootstrap, ember, framework, github, twitter, web applications 
Сегодня команда Twitter представила общественности собственный фреймворк. Flight — это легкий компонентный javascript фреймворк. Каждый компонент описывает поведение элементов на странице. На самом деле, вы скорее всего уже видели Flight в действии, потому что Twitter использует его для своих приложений. Вы можете посмотреть демонстрацию возможностей фреймворка в виде простейшего почтового клиента (код на github).
Новый фреймворк использует ES5-Shim для поддержки ES5 в старых браузерах и jQuery для манипуляции DOM. Так же потребуется одна из реализаций AMD, например require.js или loadrunner.
Читать полностью »
Увидел свет новый WordPress 3.5 «Элвин»
2012-12-11 в 21:40, admin, рубрики: backbone, wordpress, Веб-разработка, метки: backbone В самое замечательное время года WordPress подготовил нам великолепный подарок – новый релиз «Элвин», о котором уже оставлено множество положительных откликов от блоггеров и разработчиков. Этот релиз назван в честь барабанщика Элвина Джонса, который играл с John Coltrane и многими другими.
Читать полностью »
Видеозапись доклада «Вся соль одностраничных приложений» с 404fest
2012-10-17 в 10:20, admin, рубрики: 404fest, backbone, jasmine, javascript, knockout, mocha, Ostrovok.ru, метки: 404fest, backbone, jasmine, knockout, mocha, Ostrovok.ru
Получение мета данных .NET на клиенте с использованием ajax
2012-10-01 в 13:45, admin, рубрики: .net, ASP, asp.net mvc, axaj, backbone, javascript, метки: .net, asp.net mvc, axaj, backbone, javascript Всем кто программирует ASP.NET MVC, хорошо известно насколько широко используются мета данные в .NET вообще, и в MVC в частности. В MVC, атрибуты применяются, как при генерации разметки, так и при валидации данных полученных с клиента.
При использовании классической модели программирования сайтов это прекрасно работает. Но что если Вы работаете с использование ajax, и формируете html разметку динамически на клиенте? Вы хотите иметь мето данные модели (далее МДМ) на клиенте? Я да!
Читать полностью »
Получение метаданных .NET на клиенте с использованием ajax
2012-10-01 в 13:45, admin, рубрики: .net, ASP, asp.net mvc, axaj, backbone, javascript, метки: .net, asp.net mvc, axaj, backbone, javascript Всем, кто программирует в среде ASP.NET MVC, хорошо известно, насколько широко используются метаданные в .NET вообще и в MVC в частности. В MVC, атрибуты применяются как при генерации разметки, так и при валидации данных, полученных с клиента.
При использовании классической модели программирования сайтов это прекрасно работает. Но что, если Вы работаете с использование ajax и формируете html разметку динамически на клиенте? Вы хотите иметь метаданные модели (далее МДМ) на клиенте? Я — да!
Читать полностью »
Backbone.js и routes без хэшей
2012-05-05 в 7:51, admin, рубрики: backbone, history, html5, javascript, Веб-разработка, Песочница, метки: backbone, history, html5Практически все, кому приходилось работать с backbone, представляют себе, что это за штука такая — Router. Конечно, в приложении можно обойтись и без него, но удобство работы с приложением сильно проиграет.
Итак, роутер определяет, какую функцию (контроллер) следует использовать, опираясь на URL в строке браузера. Или, если быть точным, на хэш. Т.е. вы могли понаставить в интерфейсе своего приложения ссылок вида:
<a href="http://myapp.com/catalog/#action1">Сделать что-то полезное</a>
или даже
<a href="http://myapp.com/catalog/#action1/42">Сделать что-то полезное с параметром</a>
и всё прекрасно работало. Пользователь, в свою очередь, мог сохранить каждую из этих ссылок, и, в последствии, перейти по ним, сразу же активировав нужную функциональность. Единственный негативный момент во всём этом великолепии — наличие символа "#" (решетка). Не то, чтобы она была плоха сама по себе, но читабельность и «красивость» (с задних рядов мне ещё кто-то про RESTful что-то подсказывает) URL она портила.
Читать полностью »
Перевод официальной документации по Backbone.JS
2012-04-09 в 10:05, admin, рубрики: backbone, backbone.js, javascript, open source, Веб-разработка, метки: backbone, backbone.js, javascript, open sourceДоброго времени суток!
В полку Open Source прибыло! Мы (kulakowka, k12th, dhomich и я) рады представить вашему вниманию перевод официальной документации по Backbone.JS — каркасу для создания RIA приложений на JavaScript, автором которого является Jeremy Askenas — создатель CoffeeScript.
Читать полностью »
Написание сервиса японских кросвордов на gae, backbone, underscope, require и еще с помощью черт знает чего
2012-03-13 в 12:37, admin, рубрики: backbone, Bootstrap, gae, require, underscope, я пиарюсь, метки: backbone, bootstrap, gae, require, underscope, я пиарюсь 
Вступление
Многие знают про инфраструктуру от google под названием gae, некоторые считают её слишком проприетарной, другие слишком дорогой. Да она не дешевая, и мы попробуем написать оптимальное приложение для gae, которое жрало бы очень мало ресурсов и в идеале не выходило из бесплатных квот даже при хабраэффекте. Опишу мои ошибки, удачные технологические решения при написания сервиса японских кроссвордов. Фишка сайта в том что он позволяет создавать свои кроссворды и из обычной картинки тоже и делиться ими с друзьями.
Для построения сайта используется след. технологии:
backbone.js — фреймворк для обработки запросов на javascript'е. C его помощью будем надеяться, что уложимся в бесплатные квоты, так как весь код выполняется на клиенте, с сервера запрашиваются только данные о кроссвордах в json формате.
require.js — библиотека для дозагрузки любых ресурсом(js, html), можно указать код, который выполнится после загрузки всех ресурсов. Идеальна если у вас есть на сайте javascript и он используется в 1% случаев, и вы не хотите включать js-файл в index.html, то она вам подойдет.
undescope.js — всякие плюшки для слежения за изменением всего объекта или за конкретным его свойством. Очень большая и крутая библиотека, но я использую её как шаблонизатор.
bootstrap — чтобы не заморачиться с дизайном.
less — не ну, а почему б не использовать? (Потому что мы можем)
Ну и конечно же gae — на чем все это будет крутиться.
Написание сервиса японских кросвордов на gae, backbone, underscore, require и еще с помощью черт знает чего
2012-03-13 в 12:37, admin, рубрики: backbone, Bootstrap, gae, require, underscore, я пиарюсь, метки: backbone, bootstrap, gae, require, underscope, я пиарюсь 
Вступление
Многие знают про инфраструктуру от google под названием gae, некоторые считают её слишком проприетарной, другие слишком дорогой. Да она не дешевая, и мы попробуем написать оптимальное приложение для gae, которое жрало бы очень мало ресурсов и в идеале не выходило из бесплатных квот даже при хабраэффекте. Опишу мои ошибки, удачные технологические решения при написания сервиса японских кроссвордов. Фишка сайта в том что он позволяет создавать свои кроссворды и из обычной картинки тоже и делиться ими с друзьями.
Для построения сайта используется след. технологии:
backbone.js — фреймворк для обработки запросов на javascript'е. C его помощью будем надеяться, что уложимся в бесплатные квоты, так как весь код выполняется на клиенте, с сервера запрашиваются только данные о кроссвордах в json формате.
require.js — библиотека для дозагрузки любых ресурсом(js, html), можно указать код, который выполнится после загрузки всех ресурсов. Идеальна если у вас есть на сайте javascript и он используется в 1% случаев, и вы не хотите включать js-файл в index.html, то она вам подойдет.
undescope.js — всякие плюшки для слежения за изменением всего объекта или за конкретным его свойством. Очень большая и крутая библиотека, но я использую её как шаблонизатор.
bootstrap — чтобы не заморачиться с дизайном.
less — не ну, а почему б не использовать? (Потому что мы можем)
Ну и конечно же gae — на чем все это будет крутиться.