Авторизація за допомогою Facebook і Vkontakte в односторінковому додатку на Backbonejs + Express

Привіт Хабр! У даній статті я хочу розповісти про те, як реалізувати авторизацію за допомогою соціальних мереж в односторінковому додатку на прикладі Backbonejs + Express.

Backbone.js


Читати далі →

Що нового в Marionette.js 3.0?


Минуло більше 2-х років з того часу як 3-я версія почала розроблятися і ось нарешті сьогодні вона була зарелизена! Отже, кому цікаво, хто чекав і працює з Marionette.js — ласкаво просимо в підкат.

Читати далі →

Фреймворки JavaScript. Як вивчити їх по-швидкому

Доброго дня, колеги.

Сьогодні ми хотіли торкнутися таку багатогранну і суперечливу тему, як фреймворки JavaScript. За останні кілька місяців у видавництві неодноразово обговорювалися перспективи видання книг і Angular.js і за Knockout.js книга по Backbone.js у нас виходила у минулому році. Наступний матеріал покликаний допомогти розібратися в сильних і слабких сторонах різних фреймворків JavaScript. Можливо, після вивчення статті читачеві буде простіше відповісти на питання про те, чи схожі ці фреймворки, і бажає він додатково вивчити якусь технологій, згаданих в цьому огляді. Ми просимо вас поділитися вашими міркуваннями про те, чи потрібні нові книги з цим фреймворкам, якщо так — то за яким (висловлюємося в коментарях, не соромимося давати посилання на книги).

Читати далі →

Дуже суб'єктивний огляд JS-фреймворків. AmpersandJS, частина 0

Від перекладача: коли я почав розбиратися з MVC-фреймворками для фронт-енду, якимось дивом потрапила на очі ця стаття Henrik Joreteg. Зараз дійшли руки перевести її для Хабра, тим більше, що про AmpersandJS на Хабре взагалі не чути. Спробую організувати цикл статей з цього інструменту хлопців з &yet, мені здається, він вартий уваги.

котики і велосипеди

У рамках наших освітніх семінарів я даю короткий огляд JS-фреймворків. Я не дуже хотів публікувати більшу частину моїх думок про цих інструментах в Мережі, тому що такі речі, як правило, викликають бурління мас, ображають людей, і в відміну від розмови з віч-на —  очей, в інтернет-дискусіях немає дійсно хорошою двобічної зв'язку з аудиторією.
Але мені не раз говорили, що мій огляд вкрай корисний і допомагає отримати стислий і  же час, хороше розуміння в питанні «хто є хто в JS фреймворках для створення односторінкових додатків». &Nbsp;цього приводу я вирішив матеріалізувати його і опублікувати Щось, але, будь ласка, пам'ятайте, що я просто висловлюю свою думку, я не кажу вам, що робити, і  повинні використовувати ті інструменти, які краще підходять вам і вашій команді. Ви можете запросто не погодитися з мною, написати про в Твіттері, або, ще краще, опублікувати окремий пост, що пояснює вашу позицію.

Angular.js

за
  1. дуже легко почати використовувати. можна просто вставити тег script, додати трохи ng — атрибутів в ваш додаток, і  чарівним чином отримуєте потрібну вам поведінку
  2. Angular добре підтримується його основною командою розробників, багато з яких працюють в Гуглі на постійній основі
  3. велика аудиторія/спільнота

Читати далі →

Як ми готуємо React, Require і Backbone

Як випливає з офіційної документації, React.js — V з MVC, і, як правило, разом з ним застосовуються інші рішення, в даному випадку — Backbone.js і Require.js. А ще Jasmine, Karma і Grunt. Сьогодні я поділюся начерком проекту з застосуванням цих інструментів.

Посилання для нетерплячих.

Хотілки
  • Прозора структура проекту;
  • Автоматизація всієї рутинної роботи;
  • Автоматизація тестування;
  • Модульність;
  • Повторне використання коду;
  • Продуктивність.

Читати далі →

Використання Backbone.js при роботі з html5 canvas

1. Опис завдання

Розробляючи велике mind map додаток, ми вибрали Backbone в якості основної бібліотеки побудови програми. При цьому карта розуму малюється через canvas елемент з допомогою різних примітивів. Ми вибрали бібліотеку KineticJS для роботи з canvas, так як вона відмінно підтримує роботу з подіями для об'єктів на полотні.

Щоб відповідати архітектурі Backbone все робота з canvas (точніше з екземплярами об'єктів KineticJS) відбувалася в примірниках Backbone.View:

var Node = Backbone.View.extend({
initialize : function(params) {
this.layer = params.layer;
this.node = this.el();
this.bindEvents();
},
el : function(){
var rect = new Kinetic.Rect({
x : 100,
y : 100,
width : 50,
height : 50,
fill : 'green',
id : 'rect'
});
return rect;
},
bindEvents: function() {
this.node.on('click', function(){
console.log("on rectangle clicked");
}
// etc ...
}
});


2. Проблема

Але Backbone View спроектований для роботи з DOM елементами, і при такому підході генерував не потрібні нам div об'єкти і оголошувати події в декларативному стилі (http://backbonejs.org/#View-delegateEvents) теж не виходило.

Читати далі →

Схема ліфта на JavaScript

У цій статті розмова піде про те, як вивчити релейну схему ліфта якісно і швидко. Знайомі з даним питанням знають, що старі радянські ліфти, які багато хто щодня спостерігають у себе вдома, працюють за програмою, яка зроблена далеко не на C++, не на асемблері і навіть не вшита в інтегральну мікросхему.

Програма реалізована електро-механічно за допомогою реле і перемикачів, які змінюють свій стан в залежності від стану і стану кабіни, дверей кабіни, дверей шахти ліфта.

Розмова піде про те, як вивчити цю схему, щоб мати можливість шукати і усувати поломки в ліфті.

Читати далі →

Розбираємося з bind і bindAll в Backbone.js

      Користувачі Backbone.js часто використовують bind і bindAll методи надані їм бібліотекою Underscore.js. У цьому блозі я збираюся обговорити навіщо потрібні ці методи і як вони працюють.
 
Читати далі →