Category Archives: javascript
Пользовательские переменные в Google Analytics
Смотреть в Аудитория → Персонализованный → Мои переменные
Best practices клиентской оптимизации от Yahoo!
http://developer.yahoo.com/performance/rules.html
Сниппеты для Google Chrome DevTools
https://github.com/bgrins/devtools-snippets#to-enable-devtools-snippets-in-chrome
Введение в node.js
Что-то вроде «Dive into python», только для node.js. https://github.com/maxogden/art-of-node
Вопросы на собеседование front-end разработчику
https://github.com/darcyclarke/Front-end-Developer-Interview-Questions
npmsearch — поиск пакетов npm
http://npmsearch.com/
Счётчик от Google Analytics в приложении AngularJS
index.html <script type=»text/javascript»> // TODO for mamba.ru only var _gaq = _gaq || []; _gaq.push([‘_setAccount’, ‘UA-…’]); _gaq.push([‘_setDomainName’, ‘…’]); (function () { var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true; ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s); })(); </script> app.js var app = angular.module(‘my’, …
Список обработчиков событий для элемента в Google Chrome DevTools
Правой кнопкой на элементе → Проверить элемент → Event Listeners в правом меню. Правой кнопкой на функции → Show Function Definition. https://plus.google.com/+AddyOsmani/posts/9WvgE2K2QTF Один большой минус — бесполезен для фреймвоков типа jQuery или AngularJS: показывает функцию, которая непосредственно навешивает событие, т.е. пользы — ноль.
Google Chrome Dev Tools: изменение и сохранение js и css на лету
Для этого нужен Chrome Canary. Консоль → настройки → Workspace → Add folder После этого в консоли, во вкладке Sources, можно редактировать и сохранять js-файлы (страница будет работать с уже обновлённым js, он подменяется на лету, без перезагрузки страницы). Вот инструкция с картинками — https://plus.google.com/+AddyOsmani/posts/CYXzDfg3jhC, вот видео — https://www.youtube.com/watch?v=kVSo4buDAEE. Работает также с css-файлами. Есть даже …
Разработка простого приложения под Firefox OS
http://thenittygritty.co/ffos-apps «Building Apps For Firefox OS, Chrome OS And The Web – TNG — The Nitty Gritty» от Addy Osmani.