angular-ui-router $state.go from directive

Как выполнить $state.go из директивы или контроллера? Очень просто!

.controller('mainController', function($rootScope, $state, $stateParams) {
    $rootScope.state = $stateж
});

А потом вызвать:

$rootScope.state.go('ActionController', {you_filde: you_value}, {location: 'replace', notify: false})

Ссылки по теме: AngularJs UI-Router, Changing the default behavior of $state.go() in ui.router, AngularJS UI-Router Difference

AngularJS: $watch, $digest and $apply

Что такое $watch?

Давайте поговорим об этом первым. $watch - это, пожалуй, наиболее важные внутренние функции Angular. $watch могут использоваться, чтобы смотреть любое значение, и инициация вызова функции, когда это значение изменяется. $watch могут быть созданы из любого $scope, позвонив в $scope.$watch (), как показано ниже.

Настройка $watch

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/

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

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

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

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

Highcharts. Документация: 1. Установка

Highcharts использует либо JQuery, MooTools и Prototype. Вам необходимо включить JavaScript файлs в заголовке вашей веб-страницы. Если вы уже подключили JQuery, вы можете пропустить первый пункт. Используйте этот код, чтобы включить Highcharts с JQuery:

Кастомизированные инпуты input CSS JS

Подбирал плагины для замены стандартного выпадающего списка. Критерии: современный и без проблем в ИЕ7+

Multiple Select:

• http://www.xiper.net/collect/html-and-css-tricks/verstka-form/cusel-multiple.html
• http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/
• http://dojotoolkit.org/reference-guide/1.8/dijit/form/MultiSelect.html
• http://www.givainc.com/labs/linkselect_jquery_plugin.htm

Проблемы с работой в ИЕ:

• http://code.google.com/p/jquery-asmselect/
• http://harvesthq.github.com/chosen/
• https://github.com/meltingice/ajax-chosen + AJAX

Timepicker to jQuery UI Datepicker

Подсветка кода в блоге

Подсветка синтаксиса кода в блоге на Blogger (blogspot)

Практически каждая запись в it блогах содержит пример кода PHP, HTML, JavaScript
(JS), CSS, SQL (MySQL), shell.
Я нашел несколько способов, как подсветить исходный код. Но мне не устраивало, то, что в этих решениях нужно было вставлять inline css стили в пост и скачивать на компьютер файлы для генерации HTML кода. В других вариантах оформления программного кода нужно было подключать 2-6 JS файлов которые расцвечивали код автоматически по определенному тегу. Но здесь нет возможности контролировать какой язык будет выбран при автоматическом "раскрашивании" и страница начинает загружаться существенно дольше.

Создаем счетчик для размещения на других сайтах

Создаем счетчик для размещения на других сайтах

На странице пользователя:

<script src="//domain/gc.js" type="text/javascript"></script>
<script type="text/javascript">
    try { var gluCounter11111111111 = new Glu.Counter(11111111111); } catch(e){}
</script>
<noscript>
    <a href="http://domain/click/11111111111" target="_blank">
        <img src="//domain/counters/11111111111.png" alt="" />
    </a>
</noscript>

Тег <script type="text/javascript"> используется дважды для того что бы инициализация класса во втором теге произошла только после того как подгрузится файл с удаленного сервера.

Содержимое файла gc.js:

document.write("<a href='http://domain/click' target='_blank'><img src='http://domain/counters/11111111111.png?"+Math.random()+"' alt='' /><\/a>")