-~/-~/-~/-~/-~/-~/

Доброй ночи, дамы и господа! На этой неделе этот аккаунт буду вести я, Антон @subzey Хлыновский. Я JS-кодер в одном финансовом стартапе

Моя излюбленная тема — «сырой» JS, т.е., всё что ниже уровнем, чем фреймворки и библиотеки, в том числе code golf и демосцена

Кстати, вот эта штука в начале twitter.com/jsunderhood/st… — это не просто сепаратор, а вполне валидный js-код, попробуйте в консоли :)

Никто не расскажет про code golf на js лучше, чем @aemkei m.ustream.tv/recorded/62250… (начало где-то на 1:00:00)

Когда я начнал ковырять ES6, Google Traceur эмулировал `let x` через try-throw-catch(x). После такого адового трэша я надолго на него забил

… в новых версиях try-throw нет, но и код генерится неправильный goo.gl/VyOVbL Вот то же самое на Babel: goo.gl/a3wrou

А вы уже пользуетесь транспилерами из ES6? В продакшне, или для развлечения?

@jsunderhood в проде во внутренних проектах вроде CMS пишу на ES6 (babel).

@jsunderhood Пока только на pet-side проектах, планируем переводить прод на babel в ближайшие полгода.

@jsunderhood На каком стэке работаете? Как в целом среда в компании (фин. темы обычно клонятся в сторону костенелого энтерпрайза)?

.@morhetz JS+Python (Django)+Erlang. Подробнее есть видео от моего коллеги youtu.be/l1lr2ckSrTo При разработке используем Канбан

@jsunderhood Какого работать в Ростове? Есть ли мотивация уезжать за более интересными проектами или удаленная разработка решает?

.@morhetz В Ростове норм :) Проект мне по душе, почти чистый JS, и географию менять смысла нет. Единственное — местных конф мало проводится

@jsunderhood я очень хочу Typescript + ES6 :-( Но Typescript мало кто желает использовать в продакшне. А траспилеры ES6 и подавно.

@Vitalliumm @jsunderhood юзаем TS во всю на продакшене, но и место это называется MS :)

.@greybax А в вижл-студии есть какие-то особые плюшки для TS? Ну там, рефакторинг в один клик или что-то подобное?

@jsunderhood в VS синтаксис подсвечивается, а по рефакторингу юзаю Resharper, а там есть довольно много blog.jetbrains.com/dotnet/2014/12…

@jsunderhood ни для прода, и ни для развлечения. Все свои новые npm-модули пишу в es6

Похоже, early adopter'ов ES6 довольно много. Больше, чем я ожидал. Или менее авантюрные люди просто стесняются ответить?

@jsunderhood “или” ;-)

@jsunderhood ну блочный скоуп убирается, если перед блоком действительно обьявить переменную x, тогда все работает правильно.

.@an4ger Но это же «затмит» глобальную переменную. Да даже и не глобальную, а просто из внешнего скопа goo.gl/W13kdd

.@an4ger let же вроде специально сделан, чтобы упростить жизнь и не запоминать все глобалы (как в руби). А тут, как по мне, явный баг.

А может быть среди читателей есть такие, кто фигачит на кофескрипте, и им всё равно, во какой там ES это всё скомпилится? :)

@jsunderhood У меня есть некоторые проекты на кофескрипт. Мне не нравится. Кажется, они что-то не то пытаются оптимизировать.

@jsunderhood фигачим на coffee, мне нормально. Если будет следующий проект, то скорее всего на ES6

@toivonens выгода в возрастании «читабельности» и сокращении объема кода @jsunderhood

Быть фронтендером — это не только писать чистенький код на языках будущего. Иногда приходится уныло подпиливать IE9+ код под IE8

Уважаемые js-кодеры, а как вы используете "use strict"? По одному на файл? В каждой функции? Вообще никак?

(Я уже спрашивал об этом на основном аккаунте, но астрологи объявили мне неделю jsunderhood и прирост аудитории, думаю, не грех повторить)

@jsunderhood никак

.@veged А как контролируете пропущенные var и протечки в глобал? /*jshint undef:true*/?

@jsunderhood по одному на модуль (он же файл, но внутри define)

@jsunderhood никак, потому что babel. До этого юзал strict-loader, чтобы вручную не писать github.com/mistadikay/str…

@jsunderhood Я обожаю CoffeeScript и пишу только на нем, несмотря на наличие Babel в пайплайне проекта. Могу обосновать, но не в одном твите

@jsunderhood да, линтеры всё равно нужны и спасают от большего

У Python и JS больше общего, чем может показаться. Например, не поверите, модель наследования repl.it/oZV repl.it/ozU

js13kGames.com — интересное ежегодное компо. Цель создать за месяц игру на js и уложиться в 13кб (в .zip) со всей графикой и звуками

В прошлом году в js13k на конкурс было отправлено 129 игр. Но все они в zip-архиве уместились на одну дискетку 1.44

Начнём утро, если не возражаете, с музыкальной паузы: js1k.com/2313 Как по мне, эта интра была самой крутой на js1k 2015

…хотя бы потому что в ней используется Web Audio API и WebGL, что, в общем-то, не характерно для килобайтных интро.

Ух! Впервые применил по назначению фронтальную камеру. Оказывается, превью на экране как ты видишь себя в зеркале, а фото — как видят другие

…говорят, этот эффект применяют фотографы для выпускных виньеток, чтобы учительница не говорила, что выглядит как-то не так, как в зеркале

@jsunderhood не применяют

Почти все демки на js1k запакованы RegPack'ом (github.com/Siorki/RegPack/), он заменяет длинные повторяющиеся строки на один символ

RegPack не просто взялся с неба, он основан на iteral.com/jscrush/, если захотите разобраться в принципе работы, лучше начать с JsCrush

Код под RegPack пишется не так, как «обычный» гольферский код: цель не минимальный размер, а минимальная энтропия (goo.gl/RS3FNF)

…иными словами, как можно больше повторяющихся строк и как можно меньше набор символов. Вплоть по повторного использования переменных

Но задротские демосценерские подходы неожиданно близки к реальности. goo.gl/xY4Suu тут ryry.min.js явно больше, чем dry.min.js

Но после сжатия GZIP (все современные браузеры так делают) dry.min.js.gz 70 байт, а ryry.min.js.gz — 64. Тут всё дело в энтропии :)

UglifyJS может заменять имена переменных на однобуквенные. Он тоже не берёт их с потолка, а использует самые частые pic.twitter.com/xTMXN4Q5zl

Наконец, Closure Compiler может даже повторно использовать переменные: goo.gl/HG8vFn (Uglify, похоже, не умеет)

Яркий пример «переоптимизации»: github.com/cowboy/jquery-…. Если выкинуть трюк с Reused strings, вес js.min.gz уменьшится с 468 байт до 451

Не всегда стоит стараться перехитрить свой компилятор

Прошу прощения за битую ссылку, спасибо @ru_rodweb twitter.com/ru_rodweb/stat…

microjs.com — россыпь маленьких полезных билиотек. Пожалуй, то место, где мир гольфо-сценеров соприкасается с миром «продакшна»

Шах и мат, функциональщики! pic.twitter.com/Ej3X4teDKm

Кстати, часто ли вас на собеседованиях просили написать функцию для подсчёта чисел Фибонначи, факториалов или прочей математики?

@jsunderhood ни разу)

@jsunderhood дважды

@jsunderhood сам на собеседованиях спрашивал. Такое интересно? :)

.@dosyara Ещё бы! Интересно то, стоит ли вообще кандидата спрашивать какую-то математику из младших классов или FizzBuzz

@jsunderhood а что, в рнд на js-кодера могут задать такой вопрос?) а то у меня в тгн есть перспективный товарищ по js, я ему расскажу)

.@_sashashakun В нашей конторе он точно фибонначей на интервью не отделается :) Но где-нибудь в РнД наверняка спрашивают

.@_sashashakun Сам работал в такой конторе, где если занешь циклы, то уже кодер. Никто не приходит в вебдев сразу супер-стар-ниндзя.

@jsunderhood @_sashashakun А что еще интересного вы спрашиваете на интервью?

.@YevhenBoyarsky Фибы как раз не спрашиваем :) Интересуют тривиальные вещи — прототипы, замыкания и событийная петля. Про них и спрашиваем

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

@YevhenBoyarsky @jsunderhood а ещё не дорос до проведения интервью) но как отвечающему интересно когда дают кусок кода и просят что-то 1/2

@YevhenBoyarsky @jsunderhood 2/2 по не у рассказать. В мой небольшой практике были и достойные ответы и знатные фейлы)

@jsunderhood не всегда просто по таким задачам сделать вывод. Часто фронтендщики пугаются "математики".

@jsunderhood

@jsunderhood а потом двигаешь пиксели и центруешь по вертикали

Вот это интересный пойнт:
RT @SelenIT2: @jsunderhood отлавливают любителей неуместной рекурсии?

@jsunderhood А по событийной петле есть примеры вопросов? :)

.@YevhenBoyarsky Раскрою карты — вопрос на ивентлуп у нас один :) «gist.github.com/subzey/47d7720… — как будет работать этот код?»

@jsunderhood на собеседовании в яндекс.екатеринбург просили что-то с числами Фибонначи. Я провалился к счастью.

За статью о событийной петле, кстати, я получил (зачёркнуто: диплом) инвайт на Хабре. Вот она, если интересно: habrahabr.ru/company/tradin…

А диплом я так и не получил

@jsunderhood вот еще отличный доклад по этой теме youtube.com/watch?v=8aGhZQ…

Я же надеюсь, никого не отпугнёт то, что у меня из образования 4 курса «1205 00 3 Оборудование и технология сварочного производства»? :D

И сразу вопрос проводящим собеседование: а вы спрашиваете диплом у кандидатов-программистов?

@jsunderhood Только если юридически нужен (такое бывает, если нанимать из за границы)

@jsunderhood несколько раз.

@iamstarkov @jsunderhood twitter.com/iamdevloper/st…

@jsunderhood Был за последние пару лет примерно на двадцати собеседованиях, про образование спросили дважды, и то исключительно формально.

@jsunderhood событийная петля? Event loop что-ли?

.@oelifantiev Да, прошу прощения, правильно-то «событийный цикл»

@jsunderhood у меня сразу ассоциации - черная дыра, теория относительности. А асинхронный вызов - горизонт событий :)

Хм, действительно, по запросу «событийная петля» гуглится какая-то атсральная ересь. Пора завязывать с жаргонизмами pic.twitter.com/xTJP2QfMJh

@jsunderhood спроси лучше, у многих ли тут есть образование :)

Предлагаю ещё одну музыкальную паузу: pouet.net/prod.php?which… (1 место на DemoJS'12 в категории 1K), в ней ещё нет ни Web Audio, ни WebGL

Зато есть ручное псевдо-3d, хитрая генерация звука (p01.org/releases/140by…) и ещё более хитрая упаковка JS в PNG (pouet.net/prod.php?which…)

Но лучше давайте послушаем автора этого интро, великого и ужасного @p01: 2014.jsconf.eu/speakers/mathi…

Если вы рисуете на канвасе, вот вам хинт: между определением кривой и её обводкой/заливкой можно менять трансформации jsfiddle.net/subzey/phb4976…

…в продакшне этот приём нужен нечасто, но вот в приглашении на js1k'15 (pouet.net/prod.php?which…) я его применял более чем активно

Получил массу приятных эмоций всего за полчаса: штраф за переход на красный, мудаки в РЖД и слоупочный общественный транспорт

@jsunderhood интересно кто в вебдеве с каким образованием работает. Я инженер электромеханник хим.производства.

@serebro @jsunderhood без образования :( 11 классов средней школы

@Vitalliumm @jsunderhood @serebro ушел из школы еще в 10м классе, но уже сам читал лекцию в универе!

@Vitalliumm @jsunderhood @serebro 9 классов, + 1,5 курса "программирования" местячкового техникума

@iamstarkov @serebro @jsunderhood twitter.com/dan_abramov/st…

Этот ответ я специально приберёг twitter.com/le0_nik/status…

Использутете ли вы модули? Много ли было проблем при переводе legacy-кода на модули?

С новыми проектами-то всё просто: берём и сразу пилим на модулях, как взрослые дяди и тёти. :)

@jsunderhood С legacy-кодом неплохо управляется browserify + browserify-shim. В пятницу упомяну это в докладе frontendconf.ru/2015/abstracts…

@jsunderhood есть некоторый монолит который как швейцарский нож. умеет все но не очень плохо. сущий легаси. сейчас делаю его масштабируемым

@serebro 4 курса «программирования в компьютерных системах» @jsunderhood

.@shuvalov_anton А потом чего? Ну, понятно, чего химики и связисты бросали, а «тыж-программист»?

@serebro @jsunderhood техник по телекоммуникациям) проще говоря, связист

@serebro @jsunderhood 4 курса «Комплексное обеспечение информационной безопасности автоматизированных систем»

.@lancedikson Хочу тебя тоже попросить рассказать, почему ты ушел с программерской специальности

@jsunderhood это заочка, и перспектива госов на паскале меня не радовала. Ворд, пеинт, диаграммы эйлера-вейна, VBA… А я ведущий уже разраб

.@lancedikson А, или имеется в виду, что остановится на бакалавре?

@jsunderhood 1. Уверенно осознал, чем хочу заниматься и от чего получаю удовольствие — веб. 2. Объёмы лишней и устаревшей информации в ВУЗе.

@serebro @jsunderhood 2 курса компьютерной безопасности и 1 курс прикладной математики, без диплома — забрал документы

@jsunderhood 3. Несмотря, что это IT-специальность, всё равно практического опыта, применимого в разработке очень мало.

@jsunderhood, поэтому я решил не тратить время и деньги в пустую, и заняться приятным мне делом.

.@lancedikson Аналогичная фигня. Даже верстать в «оппа-говносайт» мне понравилось больше, чем непонятно зачем чертить редукторы и эвольвенты

@jsunderhood отучился 5 лет на математика-программиста. Математике научили, а программировать — нет :-(

@jsunderhood лично знаю ентерпрайз сеньёра который по образованию философ

@jsunderhood что можете сказать по поводу js фреймворка aurelia.io и на чем сейчас имеет смысл начинать большие проекты?

.@serebro Фреймворки и их особенности, увы, не моя сильная сторона, я сразу в этом и признался twitter.com/jsunderhood/st… Беру помощь зала :)

.@serebro Но с виду ничего так. Хотя и ничего революционно нового. А про то, какой ф/в выбрать — it depends, серебряной пули не существует

@serebro @jsunderhood если речь идет о фронтенде, то я бы предложил ember.js

Признаться, для меня фреймворки — скорее «необходимое зло»

@jsunderhood фреймворк это просто инструмент, как молоток или отвертка. Отвертка для тебя тоже необходимое зло?

.@instanceofpro Если проводить аналогии, отвёртка, как по-моему, — это либа. Ей можно закручивать и саморезы в стену и винты обшивки ракеты

.@instanceofpro а фреймворк — это самолёт. Всё включено, заранее продумано и отлично летает, но на работу по городу на нём не поездишь

.@instanceofpro На эту тему есть хорошая статья, frontender.info/zero_framework… Автор несколько экстремален, но кое в чём я с ним согласен

@jsunderhood если бы единственная доступная отвертка была с анально-педальным приводом, то я бы определнно считал её «необходимое злом»

@jsunderhood @instanceofpro сейчас все без разбора называют и либами и фреймворками. А разница лишь в размере отвертки и кол-ве насадок

.@_elergy_ Как говорилось в «Осторожно, Модерн!», разница — коrенная! pbs.twimg.com/media/Bt8NEveI…

@jsunderhood @instanceofpro отверткой можно чай размешивать

@rastopyr_ua @jsunderhood @instanceofpro если либа зависит от других либ и диктует,как тебе структурировать код-стоит ли называть это любой?

.@_elergy_ Зависимости — это просто замечательно. Но то, что заставляет определённым образом писать код — фреймворк

Например, e.stopImmediatePropagation() в jquery — фреймворковая замашка. Он не будет работать с хэндлерами, установленными не через jquery

@jsunderhood По-моему, разница между библиотекой и фреймворком - в том, что ты вызываешь функции библиотеки, а фреймворк вызывает твой код

@_elergy_ а вы тут о Фреймворки vs Либы или что обсуждается? @rastopyr_ua @jsunderhood @instanceofpro

.@ALF_er похоже, уже да

@_elergy_ @jsunderhood @rastopyr_ua @instanceofpro ох не люба мне либа, люб – фреймворк)

@jsunderhood jsfiddle.net/92ewxh6k/

.@oelifantiev Спасибо! Вот это очень важная поправка, не знал, прошу прощения

После реплая @jsunderhood вся лента засрана холиварами, а я совсем не о том писал.

Раз уж зашёл разговор. А не кажется ли вам, что e.stopPropagation() слишком авторитарен? Не лучше ли, если бы каждый хэндлер решал за себя…

…исполняться ему или нет на основе e.defaultPrevented? (Поддержку этого свойства оставим за скобками)

@jsunderhood для себя по опыту пришел к тому, что он нужен в каких-то очень особых случаях. Приводит к неожиданным неудобствам потом

@jsunderhood у нас разрешается использовать stopPropagation, только если докажешь, что по-другому нельзя. Не помню, чтобы кому-то удавалось.

.@ap_savin А можно мне ознакомиться с вашим стайлгайдом? Кажется, он мне уже нравится

@ap_savin останавливать баблинг свайпа на элементах с горизонтальным скролом на мобильных, если по свайпу открывается меню? @jsunderhood

.@SilentImp В обработчике жеста для меню проверять scrollWidth и scrollLeft у e.target? Не знаю. Не уверен, что правильно понял

Вот юзкейс. Есть открытое меню и какой-то блок с кнопкой внутри. При клике куда-нибудь вовне выпадалка скрывается pic.twitter.com/rkC0lOJzin

…кликаем на кнопку внутри. Обработчик на самом блоке нам вызывать нельзя, мы глушим событие через stopPropagation()…

…но заглушенное событие не долетает до body/documentElement, и выпадалка не знает, что ей надо закрыться. Проблема.

@jsunderhood странное условие не вызывать обработчик на блоке. Тогда блок должен смотреть, что клик не в кнопку. Тогда не будет stopP.

.@likhter к примеру, кнопка удаления пункта ToDo-листа. А ещё внутри могут быть и другие кнопки, на все мыслимые случаи `if` не поставишь

@jsunderhood Кейс имеет право на жизнь :) В моем понимании контейнер должен заботиться о том, что происходит у него внутри, а не наоборот.

.@likhter трудно не согласиться) Я лишь о том, что блок не должен делать stopP, а то в этом случае он решает вообще за всю страницу

Когда я в конторе служил версталём,
Ко мне постучался сеньор девелопер.
И глядя на код мой в открытом окне,
Он усмехнулся мне.

…это вам сегодня вместо музыкальной паузы :) Всем доброго утра!

@likhter @jsunderhood вот пример проблемы: jsfiddle.net/wbvyz17h/ Решение: capture phase или stopPropagation.

Сейчас проходит крупный ивент #FrontConfMsk, на @webstandards_up вы можете почитать текстовую трансляцию pic.twitter.com/cuPPylhCiQ

@jsunderhood @huigovnomuravei он рассказал, как плачет QA

Писать сейчас про фронтенд, пока идёт масштабная конфа, это как транслировать местный матч во время финала кубка чемпионов. Или нет? :)

habrahabr.ru/post/258449/ — весьма интересная статья. И показательная. А сообщали ли вы когда-нибудь об уязвимостях, и что вам за это было?

Свою первую «нормальную» уязвимость я нашёл 9 лет назад в одной браузерной игрушке. Отрепортил. Получил бан на четыре года.

С другой стороны, недавно в наш стартапчик обратился белый хакер и рассказал об XSS. Поблагодарили и ещё $100 ему дали

@jsunderhood так и становятся блэкхэтами

А, может, у вас есть private bugs? Не обязательно говорить, где и каких масштабов, достаточно намекнуть ;)

@jsunderhood private bugs? Это мандавошки, что ли?

.@aod_toxic :D Упс! Я имел в виду нераскрытые уязвимости для личного пользования

@jsunderhood а как вы это представляете? можно пример?

.@SilentImp Да хоть бы и как в статье после хитрых манипуляций из ниоткуда берутся деньги. Можно сообщить, а можно сохранить в тайне и юзать

@jsunderhood и сесть за мошенничество? Как бы коммиты в репозиторий именные, верно? Или предполагается, что клиент идиот?

.@SilentImp Не на своём проекте, разумеется, закладки делать. Это как минимум саботаж. Я про найденные уязвимости на чужих проектах

Прямым текстом, чтобы не было кривотолков. Я НЕ призываю делать закладки в коде. Обманывать работодателя — плохо и за это положен 9 круг ада

Но если вы обнаружили, что кофейный автомат (который кодили не вы!) выдаёт латте по цене чая — вы будете этим пользоваться, или сообщите?

@jsunderhood А статья не положена?

.@chemikadze И статья, наверняка

@jsunderhood Думаю качественный код дает больше профита (как минимум денег), чем экономия на латте.

.@aod_toxic Хм… а зачем заботиться о качестве кода чужого, никак не связанного с тобой кофейного аппарата?

@jsunderhood добавляешь в резюме - пофиксил кофеварку =)

.@aod_toxic Ну, фиксить-то другие будут. А вот на вакансию QA «нашел багу в кофейном автомате» весьма достойно.

Once again. Давайте говорить о багах, которые вы сами честно нашли (НЕ имея доступа к исходникам даже на чтение).

@jsunderhood мне кажется, или ты пытаешься вычленить "хакеров" среди программистов?

.@aod_toxic гхм… не хакеров, а добровольных аудиторов безопасности

.@aod_toxic …чтобы найти SQL-инъекцию в поиске на Джумле, не нужно иметь особых хакерских талантов

Окей, видимо, никто не хочет рассказывать, это нормально. Тогда расскажу о своих курьёзах. Один раз я нашёл SQL-инъекцию на сайте РГУ…

…это вуз, выпускающий программистов. Сам по себе факт нахождения SQL-inj не ахти какое достижение, конечно. Но порадовала реакция…

…говорю им, чуваки, у вас SQL-inj. Они: нее, не может быть, потому что не может быть. Поверили только когда скинул им логин подключения к БД

Люди отрицали очевидное. Зачем — мне непонятно.

Для меня сообщить об уязвимости — это как сказать «а у вас ширинка расстёгнута». Кто-то скажет спасибо. Кто-то расценит как домогательство

Ошибки бывают у всех. По невнимательности или по незнанию. Но если не знать, как искать уязвимости, то как научиться их не делать?

@jsunderhood @valerypopoff в Вышке два месяца стоял автомат, который готовил капучино за 20 копеек, а ещё давал три рубля сдачи

Меня обвинили в аморальности и саботаже, потом в хвастовстве. Или я поднял не ту тему, или не умею изъясняться. В любом случае — извините.

@jsunderhood а еще у тебя фотка страшная. ты там как будто с адского похмела. я же видела тебя в жизни - ты не такой!

.@teardrop_lisa Ты же меня видела после полудня, да?

@jsunderhood вот и фотографируйся после полудня!

@teardrop_lisa @jsunderhood да, фотография эпически прекрасна. Под капотом AlcoScript от Кошерного Клошара.

@teardrop_lisa @jsunderhood Я любя. Просто воздаю фото должное.

.@SilentImp @teardrop_lisa У меня вообще морда нефотогигиеничная. Но что поделать, Кодекс Ведущего Подкапотного требует фото на аватарке.

Прямо какой-то месяц мержев github.com/jashkenas/unde…

Интересно, что дальше? Grulp? Emberbone? Npmower?

@jsunderhood Embularactymerbone

@jsunderhood bower был не нужен с самого начала. npm вполне мог работать с css/html и тд, Grulp был планом Gulpовцев на момент релиза.

.@listochkin про bower — в самую точку! Мне кажется, fat написал его не потому что он нужен, а потому что хипстер

@jsunderhood @listochkin мне безумно нравится управлять пакетами при помощи nuget, когда "прилетает" только то, что нужно

.@Vitalliumm Но никто же не мешает подключать только то, что нужно, а остальное — нехай лежит, много места не займёт @listochkin

@jsunderhood @listochkin да, но бывает так, что автор меняет директорию/название/etc., приходится подстраиваться.

@jsunderhood @listochkin или вспомните истории, когда автор внезапно удаляет свою библиотеку с гитхаба, с корнями.

.@Vitalliumm Если одолевают сомнения, можно же всегда форкнуть репу и выставить путь к ней в депсах package.json

@jsunderhood нам в универе начальник СБ с гордость рассказывал, как завели дело на нашедшего уязвимость на их сайте, а на дыру забили.

Вообще, интересно, зачем удалять свой код если им пользуются? У меня есть проект, страшный как смерть, но я его храню, ради трёх калек

@jsunderhood когда мне грустно и плохо я чищу жесткий диск и репозитории. И репозиториев все меньше.

.@SilentImp Ну что же так, сплеча? Можно сначала добавить опечаток, чтобы не запускалось. А если за месяц ни одного ишью или форка — удалять

@Vitalliumm @jsunderhood @listochkin можно открепить форк в свой самостоятельный проект, написав в поддержку и обосновав зачем. Я так делал.

@jsunderhood ну как мне кажется, это большое дело. Мердж давно напрашивался. Это всегда интересно,когда форк становится популярнее оригинала

@Vitalliumm @jsunderhood У bower есть одно преимущество ему не важно наличие meta.jsonЧто полезно при проверке библиотек. Не все есть в npm.

Bret Victor круто рассказывает о «so meta». Особенно хорош его доклад Inventing on a Principle youtu.be/a-OyoVcbwWE Всем доброго утра!

Предлагаю сегодня и поговорить о всяких мета-штуках. Не о том, как пилить фронтенд, а почему именно вы фронтендеры?

Возвращаясь к вышесказнному, я выбрал для себя кодинг осознанно, даже бросил универ. Мне нравится в нём то, что это всё-таки инженерное дело

Но в отличие от железячных инженеров, тут обратная свзять приходит значительно раньше. Большая часть ошибок аукается максимум через месяц

@jsunderhood Можно ещё почему программисты

.@toivonens Ну, я имею в виду и версталей и даже немного «фронтовых» админов. Да и «нативщики» вряд ли будут читать jsUnderHood

Мой хороший друг работает фронтендером. И честно признался, что он ненавидит айти, но больше ничего не умеет делать.

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

@jsunderhood Но в другой стороны сложно пользоваться сервисами людей других профессий, тк везде видишь косяки и плохую организацию.

Если какая-то тема уже раньше поднималась другими сессионными ведущими этого аккаунта, вы же говорите, ок? Чего одно и то же мусолить?

@jsunderhood потому что в 11 лет я увидел на полке книжного книгу по HTML. После этого я пробовал себя в разном программинге, но выбрал веб.

Странно. Точно помню, что на работе лежала книжка по HTML где-то 2000 года. Наверное, её всё-таки сожгли, чтобы не дай бог никто не прочитал

Мой друг хотел срубить бабла по легкому в интернете, всё началось с порносайта :D
так вот я попал в веб )) twitter.com/jsunderhood/st…

@jsunderhood в айти приходится "переучиваться" каждые 3 года; странно слышать "не умею"; программист может освоить много профессий

Мне кажется, программисту важно знать не только его круг обязанностей, но и хотя бы иметь представление о том, что уровнем абстракции ниже

Вам же приходилось слышать вопросы «как получить в php результат из функции js на странице», да? Такие люди не понимают, что происходит

Чтобы уверенно работать с клиентским js, нужно хотя бы иметь представление о http и, желательно, о tcp/ip

@jsunderhood В библиотеке нашел книгу "Сам себе WEB программист". Пожалуй, последняя книга, с которой надо было начинать знакомство с веб.

@jsunderhood всё банально. В детстве я нажал не тот пункт в меню на сайте и открылся исходный код :) меня это поразило до глубины души :)

.@kuzvac У меня примерно так же. Ради любопытства посмотрел в сгенерированный HTML, и — ба! — да там же просто текст. И пошло-поехало

@jsunderhood к сожалению, в реальности все иначе. Очень часто человек использует нечто, не понимая или не зная как оно работает внутри.

@jsunderhood имхо, хороший программист должен понимать КАКИМ ОБРАЗОМ это работет в первую очередь

@jsunderhood А я в 11 начал с советских калькуляторов, потом C++ писал 4 года, а потом понял, что он никому не нужен, и свалил во фронт.

@jsunderhood страш.бро писал на джаве. я хотел писать лучше него.начал с HTML :). сейчас брат преподает математику, а я пилю битуби-битуси

@jsunderhood рисовал говнодизайны, позже стал брать еще за верстку. Потом верстал чужие говнодизайны. Далее стал прогать интерфейсы на JS =)

.@VovanR Хм, мой коллега ушёл из труъ-вебдизайна в хардкорный JS. А вот случаев перехода из кодеров в дизайнеры я не знаю

Отлично! Это же чертовски простой план, как привлекать в нашу отрасль новые кадры :) twitter.com/safrankov/stat…

@jsunderhood @VovanR знаю одного дизайнера бывшего админа. Не эникейщика, а вполне нормального сетевика в провайдере.

@green343 @jsunderhood освоил какие нибудь профессии еще?

.@i_told_ya Что до меня, я верстаю для полиграфии, в меру фотошоплю, сисадминю, знаю основы UI/UX и перевожу для frontender.info :)

.@i_told_ya …это, конечно, скорее, навыки, а не профессии. Но когда диз забухал, а надо оконтурить иконки в svg, и Jack of all trades сойдёт

@jsunderhood всю жизнь был уверен, что айти не мое, хоть и учился в этой сфере. Потом нашел работу разрабом и не представляю себя иначе

@jsunderhood а есть желание попробовать новые профессии? Какие?

@jsunderhood я подумываю о психологии, урбанистике, градостроительстве

.@i_told_ya моё откровенно слабое место — коммуникации с людьми. Думаю, это надо подтянуть. Но все книжки, что я видел — какая-то хрень

.@i_told_ya психология — дело хорошее. В UX и производственных процессах точно пригодится. Но, опять же, трудно найти адекватную литературу

.@i_told_ya Кстати, «Thinking Fast and Slow» Даниеля Канеман — просто великолепная книга и очень легко читается

@i_told_ya @jsunderhood плитку умею, электрику(3 года назад научился); после ряда внедрений могу работать менеджером в некоторых темах

Ещё из книг очень хвалили amazon.ca/Field-Guide-Un…

Иногда, когда мне очень грустно, я хочу бросить вебдев и стать водителем маршрутки

@jsunderhood меня тоже к машинам тянет, хочу их чинить

Ну давате ещё по книгам. «Вы, наверное, шутите, мистер Фейнман» — это маст-рид для каждого человека с техническим складом ума

@jsunderhood а я почему-то таксистом.

@jsunderhood книга очень средняя на троечку

На twitter.com/jsunderhood/st… много интересных ответов

@jsunderhood У этого вопроса есть ответ, отличный от «никак»

@jsunderhood Когда мне стало грустно продвать краску, я пошел в вебдев. Теперь когда мне грустно, я думаю о краске и становится легче.

Продолжая мета-тему: Занимаетесь ли вы фротендом после работы, как хобби, и как ваши вторые половинки относятся к этому?

Моя, например, не всегда понимает, почему я до трёх ночи пытаюсь уменшить код на один байт при том, что не получу с этого никакой выгоды :)

@jsunderhood просто программирую в свободное время, когда оно есть. но приоритет идет на половинок. времени хватает на все :)

@jsunderhood это уже зависимость 😂

@jsunderhood кстати о мета-темах. я знаю что @veged такое любит обсуждать. и давайте еще про парное программирование потом поговорим?)

.@rastopyr_ua Давайте! Как по мне, парное программирование — утопия. Лучше хорошее, но краткое, ревью и включённые линтеры

@jsunderhood после работы - только бэкендом

@jsunderhood у меня это хобби, поэтому занимаюсь после работы. А как к этому должны относиться половинки? у каждого есть хобби

Вообще, самая лучшая работа — это хобби, за которое почему-то платят деньги

@jsunderhood не согласен, вдвоем некоторые проблемы решаются гораздо быстрей. Просто оно должно быть таргетированным на конкретную задачу

@jsunderhood там, где проседает один программист, подхватывает другой и наоборот — получается довольно эффективно

@jsunderhood youtube.com/watch?v=F_cD6X… вот кстати достаточно подробная лекция на тему

@jsunderhood а есть такие? (из дева) :)

.@Vitalliumm тут жеж как. Если чувствуешь, что дев не приносит тебе удовольствия, значит твоя настоящая привязанность какая-то другая

.@Vitalliumm Само собой, не может быть так, чтобы вообще всегда всё офигенно. Я имею в виду некое усреднённое значение «довольности»

@jsunderhood В России занималась, сейчас нет. На работе хватает времени на все что меня интересует.

@sc0rp1d @jsunderhood Привет, меня зовут Александр и я программирую дома уже 12 лет…*всхлипывает*

Только вряд ли у кого-то есть хобби "фиксить баги" или "разбирать чужой говнокод". А это приходится тоже делать twitter.com/jsunderhood/st…

.@rusgautama С адским говнокодом я — тьфу-тьфу — уже сталкиваюсь нечасто. А правка багов — это медитативный процесс, улучшение Вселенной

.@rusgautama …правка багов — это как уход за садом. Там смотришь, листочек неправильно — чик! Там заборчик покосился — шлеп! Красота!

@jsunderhood представь что ты оказался на огромной куче радиоактивных отходов и говна с задачей привести сад в порядок. @rusgautama

@jsunderhood берешь лопату и начинаешь искать сад. А за спиной стоит черный властелин с секундомером и страпоном. @rusgautama

@jsunderhood Это больше напоминает реальный багфиксинг. И процесс не медитативен. Совсем. @rusgautama

.@SilentImp Надо думать, по условиям задачи я сам же разложил эту атомную диарею? Если да, то так мне и надо. @rusgautama

@SilentImp @jsunderhood @rusgautama есть вещи хуже багфиксинга. Писать документацию к чужому коду, например:)

@jsunderhood нет, в одиночку такое не осилить. Всегда есть легаси код и тот, другой, чувак. @rusgautama

.@SilentImp Я каждый день работаю с легаси, 7Мб JS, начнали писать в 2011 C++ники, но у меня нет анального таймера, и это сильно меняет дело

.@SilentImp Если манагер не вынимает душу, то есть вера в светлое будущее и то, что будут на Марсе яблони цвести

@jsunderhood идиотизм

Cheers! pic.twitter.com/lXkOX9TYe9

@jsunderhood @rastopyr_ua тогда я с коллегами работаю в утопии ;-) у нас уже триплпрограммирование работает, пробуем квадропрограммирование!

@jsunderhood В Финляндии любят тоже вдвоём засесть, или коллективные технические брейнштормы @rastopyr_ua

@jsunderhood занимаюсь бэкендом. Какие вторые половинки? :)

@jsunderhood да, но вторая половинка и отпочковавшиеся четвертинки не очень готовы мириться с этим фактом))

@jsunderhood @rastopyr_ua парное программирование позволяет пресекать ересь, которая может пройти, если задача срочносрочная

.@unel86 если задача юберсрочная, то, конечно, можно хоть всем отделом её пилить. Но это же не постоянно

@okertanov ну, вы не правы, время от времени стоит переключится. Но @jsunderhood почему именно водителем?

@jsunderhood меня вот всегда больше тянуло попробовать себя в качестве маленькой лошадки, баристы или стриптизера в гей-клубе. @okertanov

@jsunderhood Так как свою работу стоит любить, то это для меня вполне логичный выбор.

@jsunderhood я пилю фронтент потому что ненавижу людей, а стать врачом помешала гемофобия.

@jsunderhood к чёрту фронтенд. Кому он нужен)

.@tommy_diaver Пральна! Только telnet, только хардкор

Одна из моих излюбленных «дисциплин» js-гольфа — злоупотребление DOM и BOM. Например,
var escapedHTML = new Option(”<").innerHTML; // "&lt;"

В том же jsfuck.com символ "<" добывается весьма изощрённым способом: ““.italics()[0]

Что интересно, код выше будет работать даже в nodejs, в нём тоже есть нестандартные String.prototype.italics, .link, .anchor, .big и другие

@jsunderhood да, жена только рада, что я развиваюсь профессионально) но до трёх не сидел, максимум пару часов после работы

@jsunderhood Мне кажется что настоящие айтишники — они до мозга костей. И, конечно, же прогят/админят/изучают/читают во вне работы →

@jsunderhood → но жены/подруги, если они не айтишницы, обычно смотрят на это не очень воодушевленно. У меня так.

Вопрос читателям:
Есть строка с таким содержимым: текст в UTF-8, закодированный в base64. Как его оттуда вытащить на клиенте?

@jsunderhood почему нестандартные-то? Annex B: people.mozilla.org/~jorendorff/es…

.@vkurchatkin Забавно, похоже их уже «легализовали». В es5 их не было

@jsunderhood функции btoa или atob

.@roman01la Близко. Но atob вернёт не utf-8, а строку псевдо-8bit-ascii (символы с charCodeAt от 0 до 255)

@jsunderhood такой еще есть стандарт: javascript.spec.whatwg.org

@jsunderhood developer.mozilla.org/en-US/docs/Web… Solution 1, функция b64_to_utf8. Работает в IE10+ и остальных браузерах.

.@le0_nik Йеп! Это как раз тот случай, когда два метода со странным поведением дают ровно то, что нужно

@jsunderhood sublime или atom?

.@DimkaSerov Пока что саблайм 3. Атом хорош, но остаётся смутное чувство недопиленности

.@DimkaSerov Хайповый Slack тоже на атом-шелле (его ещё вроде в electron переименовали?), и тоже вызывает чувство недопиленности

@jsunderhood пользуешься easymotion под саблайм? Или как то по другому перебегаешь по коду?

.@DimkaSerov неа, я не большой любитель вима (хотя и говорят, что это удобно). Ctrl-G, Ctrl-F, Ctrl-D и Ctrl-F мне достаточно

.@DimkaSerov *поправочка, вместо одного из Ctrl-F я имел в виду Ctrl-R

@jsunderhood @DimkaSerov атом имеет склонность к зависанию :(

@jsunderhood напоминает: Don't code and drive! ;)

Непонятно, зачем надо было форкать не-очень-стабильный nwjs в не-очень-стабильный electron

@KSDaemon @jsunderhood голове отдыхать тоже нужно давать :)

@jsunderhood расскажешь про свой топ плагинов для саблайма?)

.@DimkaSerov Всё достаточно ванильно: hayaku, jshint, trailing spaces и схемы для подсветки less и шаблонизатора django.

.@DimkaSerov с hayaku гораздо проще писать css, но его киллер-фича для меня — Ctrl-Alt-⇅

@jsunderhood @DimkaSerov в emmet есть тоже самое

.@iamstarkov Наверняка ещё и больше. Но мне все равно, какой именно плагин обеспечивает мне эту функциональность

.@iamstarkov @DimkaSerov Раньше я мог потратить три дня, чтобы отконфигать и вылизать Миранду или Тотал с нуля. Но уже как-то надоело

Вот ещё загадка на смекалку: как проще всего в браузере редиректнуть на другой домен, то тот же uri? Скажем с foo.сom/bar/ на baz.сom/bar/

@jsunderhood location.host = ‘baz.com’?

.@mostolovista В точку!

Ещё задачка для скучающих джаваскриптстеров (если ещё не надоело), какая строка будет соостветствовать регулярке: /(\cb)\1\2/

Самый «завальный» вопрос, который можно задать на собеседовании, это не про равно-равно и сложение строк с числами…

…вот кто уверен, что знает, что вернёт такая функция?
function foo(){
try { return 1}
finally { return 2}
}

@jsunderhood 2 она всегда вернет. Инфа 100%

Уважаемые Знатоки, внимание, ответ: "\x02\x02\x02"

… \cb — это Ctrl-b, т.е, \x02. \1 — ссылка на первую скобку, которая явно равна \x02. А второй скобки нет, поэтому \2 парсистся как \002

Вот ещё кусочек «адокода»:
with({foo: 42}){
var foo = 33;
}
Как оно отработает?

@jsunderhood правильный ответ - кинет ошибку, т.к. должен быть 'use strict', блеат. А вообще в объекте foo станет равным 33.

@jsunderhood pic.twitter.com/TQCS1O8Jj5

.@le0_nik тут можно ещё дополнить, что переменная foo всё же объявится (= undefined)

@jsunderhood верно, во внешнем скоупе объявится, но без значения.

Приходилось ли вам работать с кодом с js как с AST?

@jsunderhood было дело - для автоматизации перехода на другую систему интернационализации (она же i18n)

Вдогонку: что больше понравилось, Esprima или ast uglify (или что-то другое)?

@jsunderhood с ним только так и надо работать!… жаль нет нормальных редакторов :-(

Желание поработать с AST появилось после ужасного хака, где код парсился регуляркой. И вылилось в npmjs.com/package/rhubarb

На всякий случай: никогда, слышите, никогда! не парсите js регулярками!

Главная проблема в парсе js регулярками — это… регулярки. Точнее RegexpLiteral, начало которого трудно отличить от деления и начала коммента

@jsunderhood ничего кроме Esprima не использовал, но впечатления положительные

Я сейчас не могу найти тот твит, но буквально недавно оказалось, что для одной и той же задачи эсприма работает ещё и быстрее, чем регулярки

В Эсприме больше всего не понравилось, что Identifier может быть как varname, так и propertyname, отличить можно только по родительской ноде

@jsunderhood вопрос возникает когда js надо не только распарсить, но и изменить и, желательно, еще и сохранить.

@jsunderhood вот тогда уже ast выглядит менее предпочтительным вариантом

.@mkazantsev да, есть такое дело. Распарсить — но проблемо, собрать обратно целый гемор. Да ещё ж и с сорцмэпами надо (иначе уже не принято)

.@mkazantsev Говорят, в jscs именно это долгое время мешало не просто выдавать ошибки, но и править их автоматически

@mkazantsev @jsunderhood так а вроде есть estraverse и еще какая-то либа, которая ast "сериализует" обратно.

@jsunderhood я в итоге в другую сторону пересобирал регэкспами - повезло, что довольно простые паттерны были

.@mkazantsev Я полагался на индекс вхождения и длину токена. И замены в обратном порядке: с конца в начало. Зато это сохраняет ориг. отступы

@jsunderhood @mkazantsev esprima плоха?

.@iamstarkov Из имеющегося Эсприма чертовски хороша @mkazantsev

Кто-нибудь может посоветовать REPL джаваскрипта под андроид? Для проверки чего-нибудь в полевых условиях пользуюсь repl.it, не очень удобно

@jsunderhood github.com/jxcore/jxcore + repl его, мб?

.@sudodoki Выглядит очень многообещающе, особенно после полуживого anode (github.com/paddybyers/ano…)

Джаваскипт со скрипом, медленно, но верно расползается по платформам и скоро будет в вашем холодильнике. Если его ещё там нет, конечно

@mkazantsev @jsunderhood вот этот доклад гляньте, там пример реальный. abstract.properties/jsconfbp-2015/

@jsunderhood йеп
The JS World Domination medium.com/@slsoftworks/j…
и The Birth & Death of JS destroyallsoftware.com/talks/the-birt… pic.twitter.com/7qOsUUz4d8

Тащемта, даже Рендалл Манро не обошёл это явление стороной xkcd.com/1508/

@jsunderhood конкуренты: Python или Go, близки или далеки от js в этом деле ?

.@Moroz_v Python и так уже на всех платформах, даже на Symbian. Но вокруг него уже нет хайпа, и на микроволновки его портировать не станут

.@Moroz_v Как обстоят дела с Go увы, не знаю. О Go или Dart я слышу только когда собирается очередной митап по Go или Dart

.@Moroz_v Весьма вероятно, JS как таковой ни при чём, и любой браузерный язык был бы так же популярен. Снова Ренделл xkcd.com/1367/

@jsunderhood меня вот ещё один вопрос интересует у Python или Go есть такое же сообщество и пакетный менеджер, как у JS?

Вопрос @iamstarkov превратился в интересное обсуждение пакетных менеджеров twitter.com/iamstarkov/sta…

Похоже, и в других языках наметился переход от глобальной установки модулей к локальной (у каждого проекта своё собственное окружение)

@jsunderhood например, в каких?)

.@sagrenite в дискассе (ссылка чуть выше) шле речь про Python, да и про php я что-то такое слышал

@jsunderhood даже у PHP уже давно есть Composer.

@jsunderhood почитал дискасс, интересно) когда я учил питон - сразу рекомендовали юзать virtualenv. В особенности для Django

.@sagrenite А когда ты учил питон? Ну хотя бы примерно, мне для общей картины

@rusgautama @jsunderhood composer в PHP по-моему не умеет то что озвучено. Там одна свалка зависимостей, как в bower

@jsunderhood учил его в 2011, но virtualenv появился ещё в 2008

.@sagrenite Примерно в одно время со мной. Жаль, мне тогда никто не сказал For great justice использовать virtualenv

float: left;
display: inline;
Кто-нибудь ещё помнит, зачем эти два CSS-свойства применяются вместе? :)

@jsunderhood что за дичь?)

@jsunderhood фикс для дабл маржинлв в ие6?

@jsunderhood забудешь эти двойные маргины в IE, как же.

@gxoptg_ @denisov @jsunderhood это не нужно читать, у нас уже есть флексбоксы, и уже слава богу нет IE6

@jsunderhood @sagrenite в разных других языках есть инструменты для проектного управления завмсимостями 100 лет как;)

Последний раз я верстал шаблон email года четыре назад. В то время приходилось использовать чуть ли махровый html 3.0. Как там дела сейчас?

@jsunderhood tables, inline-css :(

@jsunderhood Вот таблица, полная боли: templates.mailchimp.com/resources/emai…

Специально для подписчиков @jsunderhood, которые просили больше ада и шуток - твиттер @horse_js!

.@bashmish Я оттуда новости узнаю. :) Если КоньJS пишет «underDash», то как бы понятно, что-то происходит

@bashmish @jsunderhood @horse_js javascript.horse !

Чуть больше девяти часов остаётся мне на подкапотном посту. Пожалуй, я уже спросил и рассказал всё, что хотел.

Что не рассказал, можете почитать тут gist.github.com/subzey или тут habrahabr.ru/users/subzey/t…

В оставшееся время я поотвечаю на ваши вопросы. Задавайте любые, даже не связанные с вебдевом

@jsunderhood Может, спрашивали, но я не видел. Какой у тебя опыт разработки?

.@gxoptg_ В свою первую контору я пошёл работать около 9 лет назад

@jsunderhood на каких ещё языках ты программируешь? Какой опыт на них?

.@Kern_0 Раньше хорошо умел php (ок. 5 лет стажа). Питон около 3-4 лет. Знаю, с какой стороны держать C и Asm

.@Kern_0 Но js — моя первая любовь (после бейсиков). Подкупило тогда то, что ничего не надо ни ставить, ни компилировать :)

@jsunderhood что насчет 420?

.@i_told_ya Не, 420 не прёт, чувствую себя тупым и вялым. Старый-добрый алкоголь лучше

@jsunderhood какие у тебя музыкальные пристрастия?

.@i_told_ya По большей части Industrial rock/metal, IDM, ambient и chiptune

@jsunderhood Я — джуниор, читавший Code Complete и учивший JS по MDN. Что мне стоит почитать?

.@gxoptg_ Почитай «The Good Parts», и айда фигачить код! Только практика, только хардкор, а там по ходу и сам поймёшь, что ещё почитать

@jsunderhood Ну и вдогонку: какие книги/ресурсы/навыки/etc тебе больше всего помогли в карьере и развитии?

.@gxoptg_ javascript.ru и как ни странно, стандарт ES5 в переводе Д. Сошникова. Ну и остальное по мелочи, уже не помню

.@gxoptg_ Ах, да, код сам по себе хорошая книга. Можно открыть сорц какого-нибудь jquery или underscore и изучать, как пишут маститые кодеры

@gxoptg_ @jsunderhood Пробовал на досуге как-то пособирать gist получился небольшой gist.github.com/ufocoder/13eb3…

@jsunderhood jQuery скорее учебник того, как не надо писать. По крайней мере в 2015 году.

.@mkazantsev если ты про API, согласен, апи jquery — то ещё нагромождение легаси

@gxoptg_ @jsunderhood Professional JavaScript for Web Developers by Nicholas C. Zakas, чувак дотошнейший и практичнейший.

jQuery можно поблагодарить за популяризацию чейнинга. Но в самой джеквере местами чейнинг сделан только ради чейнинга

Например, метод .end(). Используется чуть чаще, чем никогда. А ссылку на предыдущий объект держит, отличное место для утечки памяти

…в каком-то из плагинов было что-то вроде setInterval(fn(){
$a = $a.closest(".foo");
}
Ух, как оно текло!

Или вот: в ноде .emit() возвращает то, было ли обработано событие. В DOM dispatchEvent — то, был ли он defaultPrevented…

В jquery $(…).trigger() возвращает this. А зачем нам знать, было обработано событие или нет? Чейнинг-то важнее

@jsunderhood помимо JS, на чем разрабатываешь/что изучаешь и почему? Нравится ли?

.@le0_nik ответил чуть выше, twitter.com/jsunderhood/st… Сейчас изучаю Open/WebGL, без фреймворков WebGL — злая вещь, но пока не унываю)

@jsunderhood что ты думаешь на счёт раскладок ? Дворака и тд?

.@DimkaSerov кому как удобнее. Если у тебя один ноут, с которым ты везде, то вообще нет препятствий. Сам пользую Бирмановскую Qwerty

@jsunderhood @le0_nik Кстати в этом году вышла первая книжка по WebGL на русском

@jsunderhood а что на WebGL разрабатываешь?

.@le0_nik Пока ничего. Изучать начал потому что заметил в демосценерской теме заметный дрейф в его сторону

@jsunderhood сколько символов набираешь в минуту на англ раскладке?)

.@DimkaSerov Не знаю. Когда кодю, я думаю с «меньшим рейтом», чем печатаю. А в скайпе сильно не разгонишься

@jsunderhood я сейчас верстаю письмо. Это как и прежде ужас: таблицы, inline CSS. Только Premailer немного упрощает жизнь.

Кстати, разработчики, как у вас с английским языком? Общаетесь ли вы с иностранными коллегами в скайпе/слэке/чем-нибудь ещё?

Я частенько переписываюсь с французами, они говорят, что у них английский знают практически все

@jsunderhood для реддита хватает)

.@jsunderhood ладно. Самый технический вопрос этой недели : как думаешь, если сразится акула и медведь, кто победит?

.@DimkaSerov Ха! Конечно же медведь! Этж машина для убийства, когти — во!, зубы — во! А черно-белая раскраска и тёмная шерсть под глазами…

@jsunderhood на работе все общение на английском языке, 95% всей информации из англоязычных источников, ну и общение с коммьюнити конечно же

@jsunderhood Общаюсь только на англ, но с сообществом из России/Украины/Беларуси - по русски

@oelifantiev есть такой how-to по верстке писем habrahabr.ru/company/pechki… @jsunderhood

@jsunderhood @gxoptg_ можно было сразу ссылку дать на профиль @DmitrySoshnikov :)

@jsunderhood Если в целом говорить в рамках event drivent development, то нам действительно не нужно знать обработалось ли событие.

Вы наверняка видели выступление Вадима Макишвили «36» youtu.be/xPPCzryZK44. Делюсь ссылкой на его новое выступление youtu.be/iBHr8gKc5L8

@jsunderhood отличная идея про this gist.github.com/subzey/8115612 Еще нигде не встречал до этого

.@VovanR Рад, что понравилось!

@jsunderhood хватает только на чтение и написание комментариев к коду. Разговаривать не с кем, так как никто не знает английский =)

Я всё думаю, в coffescript же нельзя принудительно объявить переменную как локальную (coffeescript.org/#try:%23%20%D1…) и нет неймспейсов…

…товарищи кофескриптеры, вы что, все имена глобальных (или в общем случае из внешних скопов) переменных запоминаете?

@jsunderhood в частности поэтому и забил на coffeescript. Да сейчас он уже и не актуален. ES6 + Babel FTW.

.@le0_nik просто именно «вывернутые наизнанку» объявления переменных меня в своё время и оттолкнули от кофе. Но вдруг я чего-то не понял

Вдогонку признаюсь, у нас на проекте в .jshintrc выставлен "-W004": true, разрешающий несколько объявлений одной переменной (пока пилим es5)

…не очень красиво, но зато легко добавлять-удалять циклы, при условии, что var используется де-факто как «типа-let» с блочным скопом

А вы, когда редактируете код, думаете о том, какой гит-дифф получится? Пытаетесь ли избегать мерж-конфликтов, или пофигу?

@jsunderhood иногда, зависит от обстоятельств. Точно нет если я - один разработчик на проекте :) И да, стараюсь не делать вайтспейс диффы.

Я считаю, singlevar — плохая практика. После мержа может остаться
var a=1,
b=2;
c=3;
«Одна переменная — один var» в этом железобетонно.

…да и замена ; на , меняет строку и делает тебя последним в блейме :)

@jsunderhood Всегда делаю git add -p и иногда редактирую в нем чанки. Стараюсь раскидывать функциональные правки по разным коммитам.

@jsunderhood гит вообще меняет мышление о процессе разработки, приходится разбивать правки на разные коммиты в зависимости от их назначения.

.@lancedikson @ixth А-аналогично. Атомарные правки проще отследить и при необходимости откатить. git-revert-driven development, хехе.

@jsunderhood поэтому, отвечая на твой вопрос: да, стараюсь задумываться обо всём, что делаю

@jsunderhood а что есть из годных программ периодические перерывы/нотификейшены делать под мак?

.@sudodoki Я на работе под виндами. Подсказка зала?

Эксперимента ради использовал в одной строчке let, стрелочную функцию, дестр. присваивание и аргументы по умолчанию: babeljs.io/repl/#?experim…

…Тото, мне кажется, мы больше не в Канзасе.

@jsunderhood из-за несовершенства контроля версий? Пфф

@jsunderhood @toivonens первая же проверка отвалиться, что ж такого. Хотя я - за

.@denisx Хорошо, если есть линтер на он-коммит хуке. А то «чего там проверять, одну очевидную строчку?»

@jsunderhood Если весь новый код вливать через PR с continuous integration, этой проблемы не существует.

.@toivonens Для проектов размером с баржу — безусловно! А кто будет каждый раз делать CI для библиотечки npm в 50 строк?

@jsunderhood @denisx препуш-хуки лучше, меньше отвлекают

@iamstarkov @ixth @jsunderhood вы задроты просто, я бы вам не доверил организовать пьянку, например. ;)

@jsunderhood @toivonens я для своих однострочников тренис поднимаю и норм

@jsunderhood думаю об этом перед коммитом. Но обычно не парюсь и в один коммит может попасть несколько тикетов. Или попутно исправленный баг

@jsunderhood атомарные коммиты стараюсь делать. Если много форматирования и прочих стайл-фиксов -> отдельная ветка и прошу всех помержиться

@listochkin @VovanR @jsunderhood аналогично считаю идею плохой. Давно юзаю bind и других заставляю:)

Что ж, моё время подходит к концу. Спасибо вам, коллеги, я узнал много новых вещей и услышал много самых разных мнений

Надеюсь, вам тоже понравилось, и вы тоже открыли для себя что-то новое

Вот вам на прощание микроскопическая демка:

eval(unescape(escape('𬱥𭁉𫡴𩑲𭡡𫀨𡡵𫡣𭁩𫱮𚀧𚁥👣𫱮𬱯𫁥𚐮𨱬𩑡𬠦𙡥𛡣𫁥𨑲𚀩𛁥𛡬𫱧𚀧𚰨𨰽𙰢𧁜𫠢𚰧𚐫𚁡🐧𠑲𬡡𮐨𜐶𚐮𪡯𪑮𚁩🰢𘂷𘠺𘢷𘀢𚐫𙰩𚱣𚰨𨠽𙰢𛡜𙰢𦱩𙠱𧐫𙰩𚰧𚁩🐡𪐬𘠠𥁨𨑮𪰠𮑯𭐡𘀭𛐠𠁪𬱕𫡤𩑲𢁯𫱤𘀢𚐫𙰫𨠫𨰫𨐫𙰢𘠩𙰩𛁩🐱𩐳𚐠').replace(/uD./g,'')))

…да, это тоже исполняемый код, не бойтесь, скопируйте и запустите его в консоли браузера или ноды :)

На этой неделе с вами был Антон @subzey Хлыновский.
Для меня это было очень новым, необычайно интересным впечатлением. Вы офигенные!