Здесь буду писать про тонкости Symfony2, MongoDB, AngularJS, SockJs в разработки большого проекта с нуля.
Показаны сообщения с ярлыком js. Показать все сообщения
Показаны сообщения с ярлыком js. Показать все сообщения
понедельник, 4 августа 2014 г.
среда, 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
На фронте:
минусы использования knockout и backbone в одном приложении
Новая архитектура основана на идеях, предложенных Николасом Закасом (1, 2), и воплощенных в проекте aurajs. Важно, что приложение теперь использует AMD (requirejs).
Также мы полностью отказались от Knockout+Knockback в пользу системы представлений, частично заимствованной из Backbone.Marionette.
Sentry notifies you when your users experience errors - https://getsentry.com/
- Underscore
- Backbone
- Knockout
- Knockback
- 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 самый популярный и на нем сделано больше всего реально используемых приложений (Disqus, LinkedIn, Wordpress), так что с учетом простоты, по-моему, это лучший вариант для новичка.
Правда из коробки его не просто использовать, лучше добавить небольшой JS-фреймворк поверх (Aura, Chaplin, Marionette, 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
Правда из коробки его не просто использовать, лучше добавить небольшой JS-фреймворк поверх (Aura, Chaplin, Marionette, 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
Подписаться на:
Сообщения (Atom)