Показаны сообщения с ярлыком js. Показать все сообщения
Показаны сообщения с ярлыком js. Показать все сообщения

среда, 25 июня 2014 г.

AngularJS - Основные понятия

Основные компоненты AngularJS:
  • Template (Шаблон) - HTML с дополнительной разметки
  • Directives (Директивы) - расширения HTML, пользовательские атрибуты и элементы
  • Model (Модель) - данные, отображаемые пользователю в представлении (View), и с которым взаимодействует пользователь
  • Scope (Область) - контекст, в котором хранится модель (Model) так, что бы контроллеры (Controller), директив (Directives) и выражения (Expressions) могли получить к нему доступ
  • Expressions (Выражения) - получить доступ к переменным и функциям из контекста (Scope)
  • Compiler (Компилятор) - анализирует шаблон и создает экземпляр директив и выражений
  • Filter (Фильтр) - форматирует значение выражения для отображения пользователю [пример]
  • View (Вид) - то, что видит пользователь (DOM)
  • Data Binding (Привязка Данных) - синхронизация данных между моделью (Model) и представлением (View)
  • Controller (Контроллер) - бизнес-логика представления
  • Dependency Injection (Внедрение зависимостей) - Создает и связывает объекты и функции
  • Injector (Инжектор) - контейнер внедрения зависимостей
  • Module (Модуль) - контейнер для различных частей приложения, включая контроллеры, сервисы, фильтры, директивы, которые настраивает инжектор
  • Service (Сервис) - многоразовые бизнес-логики (Controller) независимых от представления (View)

суббота, 22 июня 2013 г.

Front end

На фронте:
  1. Underscore
  2. Backbone
  3. Knockout
  4. Knockback
  5. AngularJS

минусы использования knockout и backbone в одном приложении
Новая архитектура основана на идеях, предложенных Николасом Закасом (1, 2), и воплощенных в проекте aurajs. Важно, что приложение теперь использует AMD (requirejs).

Также мы полностью отказались от Knockout+Knockback в пользу системы представлений, частично заимствованной из Backbone.Marionette.

Sentry notifies you when your users experience errors - https://getsentry.com/

пятница, 14 июня 2013 г.

JavaScript Frameworks (Популярные JS-фреймворки)

Для начала прочитать сравнение разных JavaScript Frameworks особенно блок "Какой фреймворк когда следует использовать?"

Меня интересовала связка  Backbone.js - Aura от Адди.

Backbone самый популярный и на нем сделано больше всего реально используемых приложений (Disqus, LinkedIn, Wordpress), так что с учетом простоты, по-моему, это лучший вариант для новичка.

Правда из коробки его не просто использовать, лучше добавить небольшой JS-фреймворк поверх (Aura, ChaplinMarionette, Thorax).

Чаплин сейчас второй по популярности фреймворк на базе бэкбона, сразу после Aura

Дальше связка с интерфейсом:
Backbone.js представляет собой легкий фреймворк, который предоставляет базовую инфраструктуру (Model, Collection, View, and Router classes), чтобы структура веб-приложений.

Twitter Bootstrap начальной загрузки представляет собой набор инструментов пользовательского интерфейса, который обеспечивает простой и гибкий HTML, CSS, Javascript и позволяет реализовать популярные компоненты пользовательского интерфейса и взаимодействия.

Другими словами, Backbone.js и Twitter Bootstrap делают акцент на различные области применения: архитектура ядра и пользовательского интерфейса соответственно. Из-за их четко определенными и непересекающиеся сферы, Backbone.js и Twitter Bootstrap хорошо работают вместе. Подробнее...

Как это собрать вместе?
Читаем решение1 и решение2 с использованием requre.js

backbone-tutorial