AngularJs – великолепный фреймворк для разработки web-приложений. Разработка бизнес-логики приложения полностью отделена от сопутствующей суеты вокруг DOM. Angular модульный – это замечательно, но так же является источником проблемы. Количество модулей быстро растёт. И если директивы ещё можно упаковывать в отдельные пакеты типа angular-ui, то с контроллёрами бизнес-логики всё сложнее. Всё становится ещё хуже, когда требования безопасности в принципе запрещают загрузку на клиента контроллёров с бизнес-логикой, которые недоступны текущему пользователю. При развитой ролевой системе доступа к приложению масштаб проблемы становится очевиден.
Читать полностью »
Рубрика «javascript» - 518
AngularJs. Отложенная загрузка модулей
2013-05-05 в 14:24, admin, рубрики: AngularJS, javascript, метки: AngularJSВремя подключать исходники. Введение в Source Maps
2013-05-05 в 8:40, admin, рубрики: Closure Compiler, coffeescript, grunt, gruntjs, javascript, JSMin, TypeScript, UglifyJS, Проектирование и рефакторинг, метки: Closure Compiler, coffeescript, grunt, gruntjs, JSMin, TypeScript, UglifyJS В современной разработке ваш код сильно отличается от кода на «боевом» сервере (production) после компиляции, минификации, объединения и разных оптимизаций. Тут-то и вступают в игру карты кода (source maps), показывая точное соответствие элементов готового рабочего кода проекта и вашего кода разработки. В этом вводном уроке мы возьмём простой проект и запустим его с помощью различных компиляторов JavaScript с целью посмотреть работу карт кода в браузере.
Читать полностью »
Dvelum или как я искал серебряную пулю
2013-05-04 в 13:43, admin, рубрики: dvelum, extjs, javascript, Библиотека ExtJS/Sencha, Веб-разработка, метки: dvelum, extjs, javascriptВсе привет.
Была у меня недавно такая задачка. Мне надо было сделать небольшое веб-приложение, которое должно было помочь работе врача. Use-Casе‘ов там не много, посмотреть кто сегодня записан на прием, возможность посмотреть историю болезни, занести новые данные и создать нового пациента. Делов то…
Времени у меня было много, спешить некуда. Сначала подумал спрограмить по быстрому на GWT + SmartGWT, но подумалось мне, что пора бы что нибудь новое посмотреть. К тому же были явные намеки, что появятся мелкие заказы подобного рода, для библиотек там всяких и мелких фирмочек. Хотелось нечто простое с одной стороны, но в тоже время достаточно мощное.
Читать полностью »
Удлинитель субтитров формата SubRip (.srt)
2013-05-02 в 14:13, admin, рубрики: javascript, perl, srt, subrip, subtitles, видео, Работа с видео, субтитры, метки: javascript, perl, srt, subrip, subtitles, видео, субтитрыЕсли у человека есть практика общения на иностранном языке и понимания на слух, субтитры для него — всего лишь подспорье, значение которого зависит от разборчивости, нормативности, сложности и скорости речи на экране. Но если человек всего лишь сносно читает на иностранном, субтитры для него — основной источник информации.
К сожалению, во втором случае обычного времени показа титров бывает недостаточно. Удлинить его можно во многих программах (например, в SubtitleEdit) — но иногда это удлинение ограничено разумными пределами, да и запускать для такого простого действия полноценный редактор не всегда удобно.
Поэтому я попробовал написать простые скрипты только под эту нужду и выбрал два принципа удлинения времени.Читать полностью »
Мобильная веб-разработка: жесты, фреймворки, цифры
2013-05-02 в 12:28, admin, рубрики: html, javascript, jquery, mobile, mobile development, phonegap, Веб-разработка, мобильная разработка, метки: html, jquery, mobile, phonegap, мобильная разработкаВведение.
Продолжая тему веб-разработки мобильных сайтов и приложений под мобильные устройства нельзя не затронуть такую тему как Фреймворки для манипуляции DOM и отправкой асинхронных запросов.
Стандартом на десктопе уже давно стал jQuery, но он никуда не годится для разработки под мобильную платформу. Давайте посмотрим, как jQuery дружит с мобильными устройствами.
Глобальный рефакторинг
2013-04-30 в 9:51, admin, рубрики: javascript, Альфа-Банк, Блог компании «Альфа-Банк», Веб-разработка, рефакторинг, статистика, метки: javascript, Альфа-Банк, рефакторинг, статистикаНаш отдел владеет десятком внешних и внутренних сайтов, возраст некоторых почти 10 лет. Будем описывать задачи, которые возникают в процессе поддержки и развития таких ресурсов, пути решения, и рассказывать про новые фишки. Например, как не поделиться ссылкой на новогоднюю гирлянду в начале мая ;)
Конечно, одна из основных задач — это помогать пользователям заполнять наши волшебные кредитные анкеты c Железным человеком, но бывают и вполне земные задачи.
Читать полностью »
uptodate.js — библиотека для автообновления элементов времени
2013-04-30 в 5:50, admin, рубрики: javascript, javascript library, веб-дизайн, Веб-разработка, метки: javascript, javascript library Как часто Вы используете конструкции вида «5 минут назад», «Полчаса назад» на вашем сайте? А что если пользователь открыл вкладку и забыл про нее на пару часов? «5 минут назад» явно теряет свою актуальность.
Именно для того чтобы исправить это досадное недоразумение служит uptodate.js
Пишем плагин для IntelliJ IDEA, добавляем функциональности редактору кода
2013-04-29 в 20:16, admin, рубрики: eclipse, editor, hotkeys, intellij idea, java, javascript, plugin, метки: Eclipse, editor, hotkeys, intellij idea, plugin Начиная работать в IntelliJ IDEA, обнаружил отсутствие удобной комбинации клавиш, которой пользуюсь в Eclipse — Ctrl+Alt+Up. По этой комбинации выделенный блок текста или строка, копируется вверх с перемещением курсора в начало скопированного блока.
В Idea есть действие по умолчанию на Ctrl+D, которое копирует блок вниз (Ctrl+Alt+Down в Eclipse), но невозможно добавить аналогичное действие вверх. После гугления, был задан вопрос в Q&A, оставшийся без ответа. Заведён issue на jetbrains. Все эти действия не дали ответа, поэтому решено было написать небольшой плагин для Idea.
Читать полностью »
Кастомизация скроллбаров в браузере: компромисс между технологиями html, css, js и удобством использования
2013-04-29 в 8:39, admin, рубрики: css, html, javascript, usability, Веб-разработка, скроллинг, юзабилити, метки: css, html, javascript, скроллинг, юзабилитиПриветствую всех!
Статья посвещена решению проблемы кастомизации скроллбаров браузера ради воплощения в жизнь амбициозных идей дизайнера. Статья расчитана на тех, кто свободно ориентируется в технологиях html, css, js, т.к. предлагаемое решение основано на их компромиссном использовании.
В статье будут описаны и решены следующие задачи и цели:
- минимум JavaScript вычислений при прокрутке и изменении размеров элемента
- кроссбраузерность и работа на мобильных браузерах
- простота использования, кастомизации и внедрения
- учитывание поведения элементов при прокрутке с помощью выделения контента
- обновление параметров скроллбаров при обновлении, изменении или догрузке контента
- обход стандартного поведения содержимого браузера при изменении ширины его окна
Основной цикл в Javascript
2013-04-28 в 19:07, admin, рубрики: browsers, javascript, webdev, метки: browsers, javascript, webdev 
Все мы слышали про ajax и node.js. Они прочно обосновались уже не просто в словарном запасе, но и в наборе инструментов веб-разработчика. Ajax — асинхронное подтягивание данных с сервера на страницу, node — фреймворк с асинхронным IO. Но как в таком однопоточном языке, как Javascript, реализуется та самая асинхронность?
Вы, наверное, уже догадались из заголовка, речь пойдет об основном цикле («main loop»).
Читать полностью »