express фреймворк для node.js

Если вы давно пишете на JavaScript, вы понимаете комфорт использования jQuery. Так же и для серверной стороны: когда вы создаете приложение под node.js, удобно будет использовать express фреймворк модуль (npm install express). Хотел написать пост с разбором базовых задач на нем, но похоже офсайт таки разродился нормальными примерами.

Настраиваем JSHint для WebStrorm

JSHint – бесплатный инструмент для проверки JavaScript кода на соответствие стандартам оформления кода и внутри командным соглашениям. Возник как ответвление от JSLint, который разработал автор JSON формата Дуглас Крокфорд. Инструмент не имеет фиксированных правил и легко конфигурируется под конкретные требования к коду.

Continue reading

Правильно используем jQuery ON

Делаю репост части статьи с харбра, к которой не раз обращался.

bind, live и delegate могли вести себя непредсказуемо при использовании вместе. Например, $(document).unbind(‘click’) убирал все live(‘click’)-события со всего документа.
Новое API событий .on() and .off() призвано как-то унифицировать систему создания обработчиков событий:

Старое API Новое API
$(elems).bind(events, fn) $(elems).on(events, fn)
$(elems).bind(events, { mydata: 42 }, fn) $(elems).on(events, { mydata: 42 }, fn)
$(elems).unbind(events, fn) $(elems).off(events, fn)
$(elems).delegate(events, selector, fn) $(elems).on(events, selector, fn)
$(elems).undelegate(events, selector, fn) $(elems).off(events, selector, fn)
$(selector).live(events, fn) $(document).on(events, selector, fn)
$(selector).die(events, fn) $(document).off(events, selector, fn)

Наследование в CanJS

Для начала скажу что CanJs, это форк от JavaScriptMVC, который был разобрал вот тут.

Так вот, разбирая наследование контроллеров во фреймворке, не сразу поняли как оно работает. Пример в официальной документации был не очевиден, а гугление не дало быстрого ответа.

Continue reading

Выкидываем jQuery и начинаем использовать Zepto.js

Недавно открыл для себя библиотеку Zepto.js, которая оказалась оптимизированной версией jQuery. Ключевой момент оптимизации – отказ от мега-кроссбраузерности, т.е. разработчики сосредоточились только на движке WebKit. И правда, если у вас нет необходимости поддерживать ИЕ, то зачем использовать jQuery?

Continue reading

Twitter Bootstrap быстрый старт

Перед нами стала задача определить библиотеку для создания UI на проекте. Кроме JQueryUI и Dojo появился вариант Twitter Bootstrap, который мы решили рассмотреть более подробно.

Continue reading

Разбор JavaScriptMVC

*Для тех, кто подумал что я пропустил пробел перед MVC, скажу: нет – JavaScriptMVC – это название фреймворка.

Информации в интернете о нем не так много, поэтому попробуем разобрать вместе как его устанавливать и использовать.

Continue reading

Простые геометрические фигуры на canvas

Этот пост будет представлять собой постоянно расширяющийся список геометрических фигур и функций для их отрисовки на canvas.

Для всех случаев будем по умолчанию считать что мы уже определили canvas и получили ссылку на его контекст:

var canvas = document.getElementById('canvas‘);
var ctx    = canvas.getContext(‘2d’);

Continue reading

Canvas – это просто!

Наконец-то появилось время разобрать принципы анимации с использованием HTML canvas элемента.

Вот что получилось:


Подробности под катом.

Continue reading