Pull to refresh
  • by relevance
  • by date
  • by rating

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №198 (7 — 14 февраля 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 25: ↑22 and ↓3 +19
Views27.7K
Comments 1

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №199 (15 — 21 февраля 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 22: ↑17 and ↓5 +12
Views35.9K
Comments 3

10 привычек довольного node.js разработчика

Voximplant corporate blogWebsite developmentJavaScriptProgramming
Translation


К концу 2015 года в распоряжении JavaScript разработчиков образовалось огромное количество инструментов. В этой экосистеме легко потеряться, поэтому успешные команды следуют выработанным правилам, которые позволяют не терять время и сохранять здоровье проектов. Под катом перевод статьи 2016 года от команды Heroku, в которой они рассказывают о десяти привычках веб разработчиков, у которых все работает и ничего не болит. Скорее всего 80% написанного вы уже знаете – тем интереснее вам будет прочитать об оставшихся двух приемах!
Читать дальше →
Total votes 34: ↑32 and ↓2 +30
Views62.1K
Comments 50

Юбилейный дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №200 (22 — 28 февраля 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию юбилейную подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Наши дайджесты еженедельно выходят на habrahabr.ru с 13 апреля 2012-го года, и спасибо что до сих пор их читаете :)


Читать дальше →
Total votes 39: ↑34 and ↓5 +29
Views27.1K
Comments 7

Управление приватными данными классов ES6

Plarium corporate blogWebsite developmentJavaScriptProgrammingGame development
Translation
В этой статье рассматриваются 4 подхода к управлению приватными данными классов ES6:

1. Хранение данных в конструкторе класса.
2. Маркировка приватных свойств через соглашение об именовании (например, префиксное подчеркивание).
3. Хранение приватных данных в WeakMaps.
4. Использование символов в виде ключей для приватных свойств.

Первый и второй подходы широко использовались в ES5, а третий и четвертый – появились только в ES6. Давайте поочередно рассмотрим каждый на одном примере.


Читать дальше →
Total votes 13: ↑11 and ↓2 +9
Views19.5K
Comments 10

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №201 (1 — 6 марта 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 42: ↑36 and ↓6 +30
Views37.3K
Comments 4

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №202 (6 — 13 марта 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 33: ↑30 and ↓3 +27
Views31.8K
Comments 2

Angular — это паттерн проектирования

JavaScriptAngular
Translation
Со стремительным приближением Angular 2.0, параллельно существующим с большим количеством других frontend-фреймворков, в воздухе витает множество волнений по поводу предстоящих затрат (как временных, так и денежных), связанных с переводом своих проектов на новую версию. Как вы думаете, есть ли у разработчиков желание изучить еще один новый фреймворк?

Давайте разбираться. Прошу под кат.
Читать дальше →
Total votes 30: ↑15 and ↓15 0
Views19.1K
Comments 24

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №203 (14 — 20 марта 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 23: ↑19 and ↓4 +15
Views27.9K
Comments 4

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №204 (21 — 27 марта 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 27: ↑23 and ↓4 +19
Views25.9K
Comments 2

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №205 (28 марта — 3 апреля 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 28: ↑24 and ↓4 +20
Views25.1K
Comments 8

Удобная вставка многострочных шаблонных литералов в код на JavaScript

JavaScriptPerfect codeNode.JS

Описание проблемы


Появившиеся в ES6 шаблонные литералы (или шаблонные строки — template literals, template strings) помимо долгожданной интерполяции переменных и выражений принесли возможность вставки многострочного текста без дополнительных ухищрений, усложняющих вид кода.

Однако то, что красиво смотрится в разнообразных примерах на эту тему, в реальном коде порой облекается в новый вид безобразия.

Впрочем, проблемы видны, даже если присмотреться к примерам. Возьмём замечательную статью об этом нововведении из известной серии «ES6 In Depth».

Видите досадные «оспинки»? Лёгкие перекосы в симметрии и стройности?

Маленький пример
var text = (
`foo
bar
baz`)

Большой пример
var html = `<article>
  <header>
    <h1>${title}</h1>
  </header>
  <section>
    <div>${teaser}</div>
    <div>${body}</div>
  </section>
  <footer>
    <ul>
      ${tags.map(tag => `<li>${tag}</li>`).join('\n      ')}
    </ul>
  </footer>
</article>`

Возьмём какой-нибудь простой случай и посмотрим на проблемы внимательнее.
Читать дальше →
Total votes 13: ↑11 and ↓2 +9
Views15.7K
Comments 61

ES5 руководство по JavaScript

JavaScript

JavaScript quality guide


С помощью советов предложенных в данном руководстве вы будете писать код, понятный любой команде разработчиков.

От переводчика


Всем привет, с вами Максим Иванов, и сегодня мы поговорим о правилах оформления кода на языке JavaScript. Николя Бэвакуа (Nicolás Bevacqua), автор книги «Дизайн JavaScript-приложений» (JavaScript Application Design), разработчик из Аргентины, опубликовал данное руководство достаточно давно, первая запись появилась еще в 2014 году, многое написано по стандарту ES5, однако, в наши дни это все равно актуально, сейчас, когда ES6 еще нигде полноценно не работает без babel и прочих транспайлеров. Хотя мы видим прогресс в топовых десктопных браузерах (Google Crhome, Firefox), где уже реализовано 70-90% задуманного, мы видим, что они стремятся поддерживать новый стандарт, но, к сожалению, ещё нет браузеров, которые полностью могли бы поддерживать ES6. К слову, я буду очень рад вашим комментариям. В общем, удачи и давайте начнем.
Читать дальше →
Total votes 29: ↑23 and ↓6 +17
Views76.5K
Comments 35

Добавляем поддержку ECMAScript 2015 в ExtJS6

ExtJS/Sencha
Tutorial
Добрый день, мир не стоит на месте, в прошлом году состоялся релиз ECMAScript 2015 (он же ES6), который привнес множество нововведений, огорчает лишь одно ExtJS и Sencha cmd пока не научились поддерживать данную спецификацию. Причин для того, что бы уже сейчас разрабатывать приложение с учетом ES6 множество. Основные как мне видится — изучение нового стандарта (ваша рыночная конкурентно-способность возрастает) и создание более простого и лаконичного кода, который радует глаз. В данной статье показывается процесс добавления возможности писать ES6 код для ExtJS, с помощью кросс-компилятора Babel со сборкой на лету.
Читать дальше →
Total votes 4: ↑1 and ↓3 -2
Views6.8K
Comments 13

Снова об Electron или рисуем музыку ВК

Abnormal programmingJavaScriptNode.JS
image

Добра всем!
Electron — эта такая забавная штука, про которую мало статей на хабре(сходу нашел только habrahabr.ru/post/272075 и habrahabr.ru/post/278951). Давно хотел написать что-нибудь такое-эдакое, вот руки и дошли — заодно и одним велосипедом в мире станет больше.

Итак, если вкратце: electron — это такой гибрид node.js и chromium'а. Зачем? Очень разнообразный диапазон применений — мощное GUI(html/js/css), нехилая расширяемость(в том числе с возможностью использования других языков вроде C++ или C#), всякие приятности вроде jQuery и т.д. В-общем, удобная штука для разработки и дистрибуции standalone кроссплатформенных приложений.
Теперь о приложении. Оно реализует базовый пример расширения функционала стороннего сайта, базовые принципы работы с Raphael.js(графическая библиотека для отрисовки/анимации svg), Dancer.js(библиотека для визуализации звука, в данном случае — получения audio waveform).

Читать дальше →
Total votes 20: ↑16 and ↓4 +12
Views26.5K
Comments 149

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №206 (4 — 10 апреля 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 20: ↑17 and ↓3 +14
Views30.6K
Comments 3

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №207 (11 — 17 апреля 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 33: ↑28 and ↓5 +23
Views30.9K
Comments 12

Osliki.Net – социальная доставка

Self Promo
Osliki.Net

Исходный код доступен на GitHub. Используется full-stack JavaScript инструментарий Node.js + Angular2 + MongoDB, сборка Gulp.js, тестирование Mocha, хостинг DigitalOcean, платежи PayPal API.

Этапы процесса создания проекта запечатлены на LiveCoding.

Суть проекта в том, что люди, которые часто путешествуют, могут доставлять другим практически любые вещи в своем багаже. Например вы живете в США и вам срочно нужны какие-либо лекарства или документы из России. На Осликах можно найти человека, который как раз едет из Москвы в Нью-Йорк. Он может помочь за деньги или бесплатно.

Таким образом, пользователи могут выступать и в качестве клиентов, которым нужна доставка, и в качестве путешественников, которые могут доставлять что-либо. Путешественник имеет возможность выставлять счета на оплату клиенту, service fee, вместе с PayPal fee, составляет около 10%.

Проект будет интересен в первую очередь:
  • людям, которые находятся далеко от дома (тоска по родной еде типа халвы, шоколада, кефира и т.д., необходимость в специфичных лекарствах)
  • тем кто хочет сэкономить на покупке товаров. Один подписчик на livecoding, например, утверждал что во Франции электроника дешевле чем в Британии :)
  • студентам, которые учатся вдали от дома, и сезонно перемещаются от места учебы до дома и обратно
  • дальнобойщикам, стюардессам, коммивояжерам вообщем всем тем, кто по роду деятельности часто путешествует и не прочь на этом дополнительно подзаработать.

Читать дальше →
Total votes 5: ↑4 and ↓1 +3
Views2.1K
Comments 23

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №208 (18 — 24 апреля 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 20: ↑16 and ↓4 +12
Views25.5K
Comments 2

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №209 (25 апреля — 1 мая 2016)

Zfort Group corporate blogWebsite developmentCSSJavaScript
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 29: ↑23 and ↓6 +17
Views40.4K
Comments 4