Benchpress: автоматическое тестирование производительности AngularJS-компонент

Использование для своего приложения https://youtu.be/e6J_JZaIOAQ Что это такое и как используется для разработки AngularJS core https://youtu.be/x1PJn5qMUT4

Логирование js-ошибок в piwik (аналог google analytics)

Piwik — аналог google analytics, который ставится на свой домен. Копирует апи google analytics, так что всё описанное можно с небольшими изменениями применить и при использовании google analytics.

Pure.css — ещё один css-фреймворк

https://github.com/yahoo/pure/ Достаточно удобный, простой, производительный, от yahoo. Одно смущает — написан на чистом css, без использования препроцессоров.

Кратко про создание мобильных приложений из single page application

http://bunsch.pl/2014/09/21/buiding-offline-mobile-html5-apps/

AngularJS: как следить за изменением значения произвольных функций

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

function getParams()
{
	if (! map) {
		return false;
	}
	var center = map.getCenter(),
		size = map.getSize(),
		markersList = exportMarkers();

	return {
		zoom: map.getZoom(),
		lat: roundCoord(center.lat),
		lng: roundCoord(center.lng),
		minZoom: 3,
		maxZoom: 18,
		mapWidth: size.x,
		mapHeight: size.y,
		markers: markersList
	};
}

function getParams()

{

if (! map) {

return false;

}

var center = map.getCenter(),

size = map.getSize(),

markersList = exportMarkers();

return {

zoom: map.getZoom(),

lat: roundCoord(center.lat),

lng: roundCoord(center.lng),

minZoom: 3,

maxZoom: 18,

mapWidth: size.x,

mapHeight: size.y,

markers: markersList

};

}

Для того, чтобы отслеживать её изменения, нужно сделать так:

var scope = $rootScope.$new(true);
scope.$watch(function (scope) { return getParams();}, function () {
	// do anything. for instance:
	// $rootScope.$broadcast('params_changed');
}, true);

var scope = $rootScope.$new(true);

scope.$watch(function (scope) { return getParams();}, function () {

// do anything. for instance:

// $rootScope.$broadcast('params_changed');

}, true);

Продолжить чтение: http://www.bennadel.com/blog/2658-using-scope-watch-to-watch-functions-in-angularjs.htm

Сервис для совместной работы над кодом (для собеседования)

http://interviewpad.io/

Подробное объяснение EXPLAIN в PostgreSQL

understanding_explain

Работа с консолью в разных браузерах

http://habrahabr.ru/post/253359/ https://github.com/spmbt/jsConsoleApiReference

Spy-js — плагин к PhpStorm для профилирования js

http://spy-js.com/ http://www.youtube.com/watch?v=vPIbwxzC5cU

Chrome Fullscreen API

Всё сводится к вызову:

function launchIntoFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

function launchIntoFullscreen(element) {

if(element.requestFullscreen) {

element.requestFullscreen();

} else if(element.mozRequestFullScreen) {

element.mozRequestFullScreen();

} else if(element.webkitRequestFullscreen) {

element.webkitRequestFullscreen();

} else if(element.msRequestFullscreen) {

element.msRequestFullscreen();

}

Но при этом есть нюанс использования: включить полноэкранный режим можно только в ответ на действие пользователя. http://davidwalsh.name/fullscreen http://stackoverflow.com/questions/7836204/chrome-fullscreen-api