Привет!
Сегодня у нас очень много новостей. Это и Tizen Developer Summit Russia в Москве, и Tizen Hackathon сразу после этого, и Tizen TV SDK.
Но… обо всём по порядку.
Читать полностью »
Рубрика «javascript» - 441
Накануне Tizen Developer Summit Russia 2014
2014-07-07 в 14:50, admin, рубрики: challenge, html5, javascript, mobile development, Samsung, tizen, tizen sdk, Tizen TV, Блог компании Samsung, конкурс, мобильная разработка, С++Форматирование цены, или как я input переписывал
2014-07-07 в 14:13, admin, рубрики: javascript, jquery По работе недавно столкнулся с, вроде бы, тривиальной задачей — форматирование цены и деление ее по разрядам.
Ничего сложного решил я. Тем более на просторах интернета лежит уже куча готовых решений от простых и скучных (разворачиваем строку, добавляем через каждые 3 символа пробелы и разворачиваем назад) до вполне интересных (уверен что эту регулярку многие видели, но речь не о ней)
price.replace(/(d)(?=(ddd)+([^d]|$))/g, '$1 ')
Забегая вперед — это не рассказ о том как я пытался одним из стандартных методов выполнить задачу, или как плодил костыли.
Прежде чем начать работу я изучил много материалов и пол сотни библиотек. Подобного функционала нигде не нашел.
Надеюсь это кому-нибудь пригодится.
На глаза попадались даже библиотеки, для разбивания чисел по разрядам, но я решил остановится на вышеупомянутой регулярке.
Повесил форматирование на keyup, что может быть сложнее?
Читать полностью »
Autopolyfiller — Precise polyfills
2014-07-07 в 13:12, admin, рубрики: autopolyfiller, es5, ES6, javascript, lodash, polyfills, underscore, Веб-разработка 
В этой статье я хочу рассказать об инструменте Autopolyfiller, который помогает вам использовать последние функции EcmaScript и при этом не думать об подключаемых полифиллах.
К сожалению, не все пользователи используют самые современные браузеры, и зачастую нам приходится жертвовать читаемостью кода или использовать полифиллы, чтобы более-менее уравнять все браузеры и писать кроссбраузерный код.
Есть целый ряд способов исправить эту ситуацию:
lodash и underscore
Это достаточно популярный способ «починить» браузеры на сегодняшний день, плюс ко всему lodash приносит ряд полезных функций для работы с данными. К тому же он позволяет беречь нервы разработчиков, которые до сих пор боятся менять прототип базовых классов «во благо».
_.chain([1, 2, 3, 4])
.map(function (item) {
return item * item;
})
.filter(function (item) {
return item < 9;
})
.value();
Как я проект с JavaScript на Scala переписывал
2014-07-07 в 6:02, admin, рубрики: javascript, mongodb, nodejs, play framework, scala, боль, хипстеры 
Я никогда не смогу ходить! Потому что я ползаю.
—Цитаты великих
Меня всегда учили прежде всего здороваться, так что — здравствуйте. Сегодня я расскажу про творческие (и не очень) муки, страдания и боль, которые я испытывал на протяжении определенного периода своей жизни, который я обозначу как ПРОЕКТ. Сначала он был на JavaScript (node.js), а теперь он на Scala (Play). Сразу скажу, что я — один из самых субъективных негодяев в обозримой Вселенной, поэтому некоторые обороты, высказывания и иже с ними могут быть восприняты уважаемыми читателями весьма неоднозначно. Короче, я предупредил. И у меня еще одна небольшая просьба — если уж взялись прочитать статью, то не кидайтесь сразу строчить разоблачающие комментарии. Дочитайте. Я не Пастернак, правду говорю. И вообще, почти все спорные моменты так или иначе освещаю, объясняю.
Читать полностью »
Генерация CSS-спрайтов с Gulp
2014-07-07 в 5:13, admin, рубрики: css, gulp, javascript, stylus, автоматизация рутины, Веб-разработка, спрайт 
Работая над одним большим проектом, мы с напарником задумались над тем, чтобы автоматизировать процесс сбора спрайтов на проекте.
До этого спрайты собирались ручками или с помощью онлайн сервисов, что отнимало достаточно времени.
Проект уже собирался Gulp'ом и было принято решение найти адаптированный под него сборщик спрайтов.
Читать полностью »
Не стоит бояться функционального программирования
2014-07-07 в 3:22, admin, рубрики: javascript, underscore, визуализация, визуализация данных, переводы, функциональное программированиеПредставляю вашему вниманию перевод проскользнувшей недавно в ссылках дайджеста статьи Джонатана Моргана о функциональном программировании на примере JavaScript. Материал рассчитан на начинающих, но тем не менее она достаточно интересна.
Буду признателен за конструктивные замечания и предложения по опечаткам, переводу и/или оформлению. Приятного чтения!
Читать полностью »
Deb.js: самый крохотный отладчик в мире
2014-07-06 в 16:00, admin, рубрики: debugger, debugging, javascript, Веб-разработка, отладка javascriptПеревод статьи «Deb.js: the Tiniest Debugger in the World», Krasimir Tsonev
Мы, как разработчики, пишем код. Но мы не просто пишем код, мы также проверяем, работает ли написанный нами код. Мы тратим много времени и усилий, чтобы удостовериться, что наши программы делают то что долны делать. процесс отладки зачастую бывает болезненным. Особенно, если мы не используем подходящие инструменты. Чтобы справиться с данной проблемой, сегодняшняя заметка представляет Deb.js, маленькую JavaScript библиотеку, которая помогает при отладке в браузере.
Читать полностью »
Тонкости AngularJS: select внутри шаблона директивы
2014-07-06 в 14:14, admin, рубрики: angular, AngularJS, javascript, JS, select, директивыЭта статья будет описывать решение одной конкретной задачи, а также на примере показывать как работает $transclude.
Задача такая: сделать директиву, обертку для select-а. Предположим, что мы хотим одним тегом добавлять сразу и селект и label к нему (потом можно будет туда добавить ошибки заполнения, но мы для простоты не будем этого делать). В общем то, на первый взгляд выглядит все просто.
Сделаем директиву и назовем ее field. Использовать будем так:
<field title="Цвет" type="select" ng-model="selectedColor" options="color.id as color.name for color in colors"></field>
Несколько интересностей и полезностей для веб-разработчика #21
2014-07-05 в 16:23, admin, рубрики: css, html, javascript, веб-дизайн, Веб-разработкаДоброго времени суток уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
Awesome Python
Автор этого огромного списка полезностей для питонистов также как и автор похожего репозитория для сисадминов из прошлой моей подборки был вдохновлен проектом Awesome PHP. Это просто отличная тенденция, которая не может не радовать.
Chart.js
Потрясающие интерактивные графики и диаграммы на HTML5 Canvas. Chart.js не зависит от сторонник библиотек, работает во всех современных браузерах и даже в IE7/8 с полифилом, адаптивный к мобильный устройствам, очень гибкий и модульный. Выглядит все на самом деле очень красиво, но признаюсь я не настолько детально изучил проект, чтобы сказать чем он лучше DC.js из моего 19 выпуска. Дело в том, что Chart за несколько дней собрал почти 10 000 звезд на GitHub. Ну и для того, чтобы добить тему визуализации данных, оставлю ссылку на недавно найденный мноюAmcharts. Проект не open-source, но вы можете пользоваться им бесплатно, если будете размещать логотип. Хочу обратить ваше внимание на то, что с этой библиотекой работают Microsoft, Amazon, IBM, Bank of America, NASA, P&G, PayPal и многие другие мировые корпорации.
Читать полностью »
Я сражался с Node.js достаточно долго, что бы перестать получать от этого удовольствие, так что, по крайней мере пока, это мое официальное прощание! И, что еще важнее, я ищу людей, которые смогут поддерживать мои проекты!
Node отлично справляется с некоторыми вещами, но, к сожалению, это не самый подходящий инструмент для того, что мне сейчас интересно. Я все еще планирую использовать его для сайтов, но если вы хотели бы заняться поддержкой одного из моих проектов, дайте мне знать. Просто оставьте комментарий с вашим именем на гитхабе, ссылкой на npm и название проекта. Как обычно я прошу не привносить больших изменений в сущеcтвующие API: создать новый проект будет проще.
Я также продолжу поддержить Koa.