mistakster

6 июля 2015, Челябинск, Челябинская область

# Понедельник 78 твитов

Доброе утро! Следующие 7 дней этим аккаунтом буду рулить я — Владимир Кузнецов. Мне 37 лет. Живу в Челябинске.

7:22

Работаю в компании graph.uk В последнее время занимаюсь разработкой одностраничных приложений.

7:23

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

7:23
@jsunderhood Привет! Расскажи про свой профессиональный путь,пожалуйста.Давно ли в разработке, всегда ли писал на js, какое образование,etc.
7:31

.@_sashashakun Профессионально начал заниматься вебдевом в год, когда появился первый iPhone. Сколько уже прошло? А так и до этого писал.

7:33

У меня высшее образование. Диплом по специальности «Общая физика». С уверенностью могу сказать, что «вышка» мне помогает в жизни.

7:35
.@jsunderhood интересный способ измерять время;) это 2007 год, 8 лет стало быть прошло
7:36

.@_sashashakun У меня ассоциативная память. Я не помню даты, например, но помню события и подробности. Так можно многое восстановить.

7:38

Ещё я плохо запоминаю лица людей. Могу знакомиться несколько раз с человеком. Но если запомню, то в толпе узнаю легко. ;-)

7:40
@jsunderhood а в чем именно помогает вышка? Устроиться в престижные компании или почерпнули глобальные знания?
7:41

.@tsbgroup @dcromster Я научился ставить эксперименты — помогает писать тесты. Да, вуз дал фундаментальные знания по математике и физики.

7:44
@jsunderhood а как попал в эту компанию, сколько было опыта в вебе на тот момент? Сами нашли или ты нашёл их?
7:45

.@_sashashakun В Челябинске офис разработки. Я знаком с директором. Попросился на испытательный срок, когда захотел сменить работу.

7:46

.@_sashashakun Работал 2 дня в неделю в старой компании и 3 дня в новой целый месяц. Пытался понять хорошо мне будет или нет.

7:48
.@tsbgroup @jsunderhood кроме математики и физики, систематизирует знания, учит читать учебники,ну и усидчивости, на всех с вышкой есть след
8:07

.@gxoptg_ @_sashashakun После вуза я больше 5 лет работал физиком и изучал интересные физические явления. Потом в компании инет-провайдера.

8:15
@jsunderhood Какие разделы физики и математики посоветуешь первыми изучать, тем кто не учился в университете еще?
9:01

.@m1kenobe У нас в ЧелГУ были специальности: теоретическая физика, физика твёрдого тела, радиофизика и общая физика. Они все разные.

9:03

.@m1kenobe Но база в виде механики, оптики, электродинамики и квантовой физики была у всех. На самом деле было ещё куча всего общего.

9:06
@jsunderhood @tsbgroup @dcromster то есть по одному семестру, грубо, физики и электроники + год вышмат/матан. 5 лет того, безусловно, стоят!
9:07
@nmishin @tsbgroup @jsunderhood все это дает нормальная школа. Единственной адекватной целью тратить еще 5 лет может быть конкретная спец-ть
9:07
@jsunderhood у меня есть друг детства, который бросил ВУЗ и стал гораздо успешнее всего моего окружения (поколения) с высшим образованием.
9:13

Полностью согласен с @Chudesnov. @dcromster, «вышку» нужно получать осознано, а не ради корочек. А после вуза идти работать по специальности

9:16
@dcromster @jsunderhood какоц критерий успешности для тебя?
9:19
@esergeev 1.Он не работает. Вообще. 2.Живёт в своём доме. 3. Есть всё,что надо. 4. Отличные дорогие хобби. @jsunderhood
9:19

.@dcromster Откуда деньги у твоего друга детства, если он не работает? По-моему, ты чего-то не знаешь про него.

9:21
@jsunderhood -> он заложил основу этого в то время когда все сидели в аудиториях учили то, что не нужно и повторяли преподавателям.
9:28
@levka_levka да. Ты можешь посветить время себе, семье, хобби. Слетать в теплые страны когда хочешь, а не когда разрешат @jsunderhood
9:28

.@dcromster Разве тебе кто-то сказал, что лично у тебя не получится организовать свой бизнес и потом летать в тёплые страны?

9:33
@jsunderhood получится. должно! Я стремлюсь к этому! Потому что работа на дядю = зло :) Пути назад уже нет. Но... я то уже старый :)
9:41
@iamstarkov можно переформулировать так: не работать=работать в своё удовольствие без принуждения, когда где и над чем хочешь @jsunderhood

Чудесный тредик устроили @dcromster и @iamstarkov. Читайте его, начиная с твита: twitter.com/dcromster/stat…

10:15
@dcromster @jsunderhood А у меня есть друг, который бросил ВУЗ и стал наркоманом.
10:42

Мой первый аккаунт @mista_k я уже веду 7 лет. Два года назад завёл ещё один @mistakster для общения только на английском на тех. темы.

11:29

Стал ездить на зарубежные конференции и общаться с иностранцами. «Негоже пугать людей кириллицей», — подумал я.

11:30

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

11:30

У меня нет аккаунтов во Вконтакте или Одноклассниках. Facebook и G+ использую разве что для регистрации в каких-либо сервисах.

12:34

Твиттер стал единственной социальной сетью, которую я регулярно читаю и куда хочется что-то написать.

12:34

Много-ли вы времени проводите в социалках? Как они влияют на вашу продуктивность в течение дня?

12:34
@jsunderhood у меня твиттер и вк как правило все время открыты. сильно не мешает.
12:36

.@kohgpat Ты проверяешь вкладки каждые 5-10 минут и при этом не теряешь фокус? Делись, как тебе удаётся!

12:38
@jsunderhood постоянно открыт tweetdeck. @jsunderhood или, например, @iamspacegray обучают меня чему-то новому (: Советуюсь с читателями
12:39

.@Kern_0 Расскажи больше как тебе удаётся отслеживать все новые твитты в ленте и не терять фокус на работе?

12:40
@jsunderhood у меня скорее наоборот. я на них перехожу, чтобы отвлечься и сделать небольшой перерыв.
12:41

.@kohgpat Тогда следующий вопрос: «А как часто ты делаешь перерывы в таком случае?»

12:43
@jsunderhood вообще по разному. обычно каждые минут 15-20 на пару минут отвлекаюсь, либо раз в 40-60 минут на 10-15.
12:47

.@kohgpat Я для себя понял, такие перерывчки очень быстро становятся неконтролируемыми. Раз в час можно прерваться. Тогда я иду пить чай.

12:50

.@kohgpat Окей. Я не спорю. А у тебя бывает такое, что хочется программировать с утра и до ночи (задача увлекла так, что не оторваться)?

12:56
@jsunderhood я думаю у всех так бывает :). я не исключение.
12:58
@jsunderhood Да как-то так :) Если серьёзно, то когда как. Если уже навёлся фокус на задачу, то уже ничто не оторвёт.
i.imgur.com/MB4oSDO.gif
13:03

.@Kern_0 Ха-ха! Зачётный скринкаст получился. ;-)

13:06
@jsunderhood И да, тебе не кажется, что спрашивать в течении дня о том как не отвлекаться от соцсетей в соцсети это немного неправильно? :)
13:14

.@Kern_0 Ай, молодца! Подловил. :-) Те, кто не отвлекается, мне напишут вечером.

13:15
@jsunderhood Я, чтобы не увлекаться, пользуюсь помидорками. В перерывах можно проверить Твитер. @kohgpat
13:44

.@gxoptg_ @kohgpat Да, «Помодоро» мы уже тут обсуждали. Надо не забывать только заводить его.

13:45
интересное чувство, когда ведущий @jsunderhood сидит в соседней комнате.
13:45

.@denswor Приходи завтра работать ко мне — будем сидеть в одной комнате!

13:46
Он и правда суров, за 2 пиксельное расхождение с макетом карал, когда верстал для него макетик ;)

Ага. Вон какая у меня сегодня фотка «сердитая» для аватарки вышла. twitter.com/SilentImp/stat…

15:01
@SilentImp так это, pixel perfect не бывает же. За что карать то?
15:01

.@xwoody 100% pixel perfect не бывает. Но есть зазоры, отступы, размеры шрифтов и т.д. Можно делать «на глазок» или точно. @SilentImp

15:06

.@xwoody Тогда @SilentImp сделал быстро, но не совсем точно. Я наложил картинку поверх страницы и всего-то попросил убрать расхождения.

15:09

.@xwoody Дизайнеры — это творческие люди им простительно сантиметр туда, сантиметр сюда. Задача упорядочить, а не сделать ремейк @SilentImp

15:13
@jsunderhood @xwoody угу. Всего-то это длинный длинный список. И да, спасибо за этот проект. С тех пор использую chrome.google.com/webstore/detai…

Да, рекомендую этот инструмент для, давайте скажу аккуратно, точной вёрстки: chrome.google.com/webstore/detai… twitter.com/SilentImp/stat…

15:16
@xwoody @SilentImp @jsunderhood Тут вопрос культуры. В фотошопе трудно следить за отступами, при вёрстке их можно протерять только спецально
15:18
@jsunderhood его всегда использую. До этого скриптом делал картинку поверх верстки =)
16:08
@jsunderhood Привет! Будет ли утечка, если удалить элемент с addeventlistener с не анонимной функцией? Нужно ли принудительно удалять его?
16:52

.@hellbeast92 Звучит как вопрос на собеседовании. Думаю, утечки не будет. Чтобы точно ответить, нужен пример.

16:52
@jsunderhood ещё вопрос, если создать backbone вью для опр элемента и удалить элемент, что будет с вью, если на него нет ссылок?
16:58

.@hellbeast92 В этом случае, утечка очень вероятна. Вьюха Backbone хранит ссылку на обёртку эл-та jQ и события, которые биндятся через jQ.

16:59
@jsunderhood вовсе нет) а есть тогда годное чтиво про гарбач коллектор и остальное связанное с памятью в js?)
17:04

.@hellbeast92 Сейчас не припомню. Может @rdvornov что-либо посоветует? Лучше всего профилировать приложение, мне кажется.

17:05
@jsunderhood что подразумевается под "профилировать"? Я не очень это понял)
17:26

.@hellbeast92 в Chrome Dev Tools есть вкладка «Profiles». Там можно записать и проанализировать расход памяти developer.chrome.com/devtools/docs/…

17:27

.@hellbeast92 Ещё на закладке «Timeline» можно посмотреть график: pic.twitter.com/ihXXUtVo9w

17:33

Признаюсь, у меня есть распорядок дня. Я стараюсь просыпаться и ложиться спать, обедать в одно и тоже время.

17:49

Утром за завтраком пролистываю твиттер и новости в RSS-читалке. Ещё раз читаю RSS за ужином. Это позволяет не отвлекаться днём.

17:50

На работу хожу пешком — 25-30 минут в одну сторону. Утром позволяет настроиться на рабочий лад. Вечером — расслабить мозги.

17:50

Тема завтрашнего дня: TLS, HTTP/2 и прочие клёвые штуки.

18:19
@jsunderhood я сам недавно отказался на работе полностью от Твиттера и RSS. Очень повысило продуктивность, у меня мелочи её убивают.
18:31

# Вторник 67 твитов

Вопрос про Wordpress: вы в репозитории весь код храните или только тему?
1:28

.@toivonens Я предпочитаю хранить весь код. Так проще обновляться.

1:30

Поговорим о защищенных соединениях. На сегодняшний день используются протоколы TLS 1.0, 1.1 и 1.2. SSL всех версий считается устаревшим.

5:02

Чтобы установить TLS соединение, нужно сделать много вычислений. Однако, клиент и сервер могут использовать session id для новых запросов.

5:02

Вот пример сайта Сбербанка. Сиреневые полоски — SSL handshake только на первых запросах. pic.twitter.com/SZBTM9BXJD

5:03

После обновления страницы SSL handshake вообще не делается ни на одном из около сотни запросов. pic.twitter.com/EueDhkcRNL

5:04
@jsunderhood А как ты синхронизируешь, если код обновился на продакшене?
5:42

.@toivonens Всё выкатывается через Git. Изменения с продакшина тоже комитятся. В основном это касается картинок и автогенерируемых конфигов.

5:46

Google, Mozilla и другие начали массивную кампанию «HTTPS Everywhere». Рекомендуют переводить все сайты на защищённые соединения.

7:04

Я с ними согласен. Любой школьник, сидя в Старбаксе, может собрать очень много приватной информации из подключений к открытому Wi-Fi.

7:04

Что думаете по этому поводу?

7:04
@jsunderhood ещё рекламные врезки в публичном вайфае типа метро. перевожу.
7:30

.@mktoid Совершенно верно! Хоть это и способ монетизации, но не приятно как-то.

7:31
@jsunderhood смысл имеет, но для всех ли сайтов? Например, зачем переходить на HTTPS сайту в котором нет даже регистрации?
7:41
@Bizi @jsunderhood чтобы человек-по-середине не подменял его контенет, например...
7:42

.@mxtnr В точку! @Bizi, на вашу страницу можно добвать рекламы, поменять контент. Наверное, для многих это не смертельно.

7:43
@jsunderhood @mxtnr согласен, не приятно будет. С другой стороны вероятность исхода такого события очень маловероятна.
7:48

.@Bizi, вероятность очень велика. В аэропортах и прочих публичных местах бесплатные WiFi уже так работают: редиректы и попапы норма. @mxtnr

7:52
@Bizi @jsunderhood @mxtnr ну, вайфай в метро этим грешит.
7:53
@justusebrain @Bizi @jsunderhood Причём беннеры на весь экран я ловлю прямо на выдаче Яндекса
7:53
@mxtnr @justusebrain @jsunderhood видимо пока в больших городах. Благо до нас такое не дошло :) Но переходить на HTTPS надо всем, согласен.
7:56

HTTPS на сайте — это, в первую очередь, забота о пользователе. Он, скорее всего, даже и не заметит её, а она есть.

8:01
@mista_k @jsunderhood у нас тут сертификаты протухли, а nic.ru решил тупить и не генерить новые. И hsts оказался несколько болезненной вещью
8:29

.@_h4_ Мда-а-а… Можно было сделать любой «Instant issue» сертификат в любом CA. Потом заменили бы на nic-овский. Работы на 30 минут.

8:32

Если сервер отдавал заголовок Strict Transport Security, то браузер никогда в течение указанного времени не будет открывать обычную версию.

8:35

В каментах начали обсуждать цены на сертификаты. Самый дешевый $5 (реселер Comodo). Платить больше есть смысл только, если нужен «Green bar»

8:50
@mktoid @jsunderhood Сертификат стоит $10 в год.
8:55
@jsunderhood они вроде планировать ещё запустить бесплатную раздачу сертификатов, ещё не?
8:55

Бесплатные сертификаты на год: startssl.com или buy.wosign.com/free/ Они хороши для домашних проектов.

8:56
@jsunderhood кажется есть места, где можно бесплатно получить SSL-сертификаты. Слышал про bit.ly/1NKEaYe
8:56

.@KSDaemon Я им пользуюсь для экспериментов. Быстро и без особых заморочек. Но платить деньги я бы им не стал. Чуть позже расскажу почему.

9:00
@jsunderhood а если нужна поддержка под-доменов, то самый дешёвый, который я нашёл стоит около 80$ (тоже Comodo), или есть ещё что-то?
9:04

.@alekseykulikov_ Если все поддомены известны, то лучше купить N штук за $5. Wildcard сертификаты дают удобство, но за него нужно платить.

9:06

Для WoSign обязательно нужно настраивать OCSP stapling. Иначе ваши пользователи из Европы получат +300-500 мс ко времени ответа сервера.

9:09

OCSP — способ быстро узнать валиден-ли сертификат. Сертификат может быть отозван. Браузер проверяет это в Certification authority (CA).

9:14

У WoSign сервера в Китае. Туда очень долго ходят пакеты. А пока от CA не будет получено подтверждения, браузер не доверяет сертификату.

9:15

Ваш сервер может получить от CA зашифрованное подтверждение и отдавать его клиентам, по сути работая кеширующим прокси.

9:17
@jsunderhood @Bizi @mxtnr интересно, как скоро все начнут внедрять шпионские сертификаты в ОС для обхода такой защиты. Lenovo уже согрешили.
9:44
@jsunderhood для https на статических блогов/сайтов на github pages можно использовать cloudflare, они предоставляют бесплатный сертификат
10:24
@jsunderhood cloudflare бесплатный https между пользователем и cloudflare, настраивается за 5 минут, cdn в подарок.
10:24

Получать сертификат чрез CloudFlare выглядит как хак «Man-in-the-middle». Разработчик сайта доверяет ему, а юзер? pic.twitter.com/O0IsingRWg

10:30

Такой сертификат ничего не сертифицирует. На ум приходит аналогия — купить диплом в переходе. +@medvezhopok +@iamstarkov

10:33
@jsunderhood от школьников в Старбаксе спасает, трафик шифруется до cloudflare, решение пригодно для shared hosting
10:39

.@medvezhopok Увы, это решение годится только для экспериментов или low-cost проектов. Не стоит его предлагать клиентам на полном серьёзе.

10:44
@jsunderhood 99% пользователей туда и не смотрят.

А стоило бы. Вот по этому я и написал чуть раньше, что о пользователях нужно заботиться как о малых детках. :-) twitter.com/beshkenadze/st…

10:46

Этой осенью запускается проект @letsencrypt letsencrypt.org Он спонсируется Mozilla, Akamai, Cisco и др.

10:46

Суть в том, что вы устанавливаете на сервер пакет и конфигурируете его одной командой. pic.twitter.com/eY5l5XtsbO

10:47

Дальше он сам пройдёт валидацию у CA, получит сертификат, установит на сервер и обновит его перед окончанием срока действия.

10:47

Let’s Encrypt будет абсолютно бесплатным. Уверен, это заставит мейджоров пересмотреть свои цены. Боюсь, дорогие сертификаты будут ещё дороже

10:50
@jsunderhood @medvezhopok каким клиентам нужен хостинг на github pages? это чтобы у тебя в блоге не было чужой рекламы и были service worker
11:05

Не могу не рассказать о том, как облажалась StartCom, среди прочего выпускающая бесплатные сертификаты: forum.startcom.org/viewtopic.php?…

12:05

В Windows происходит какая-то путаница с их промежуточными сертификатами. В итоге, сертификат подписанный SHA-1 имеет приоритет над SHA-256.

12:06

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

12:07

Поэтому не советую нести ей свои деньги до конца 2017 года, когда протухнет её SHA-1 промежуточный сертификат.

12:10

Ещё одной инициативой разработчиков браузеров стал отказ от поддержки устаревших методов шифрования и хеширования. pic.twitter.com/JSNV3NJhtI

16:26

Таких предупреждений вы будет сейчас встречать всё больше и больше. Тут используется конечный сертификат с подписью SHA-1.

16:27

В течение 2015-2016 все сертификаты с SHA-1 должны быть заменены. Иначе новые браузеры откажутся подключаться к таким сайтам.

16:28

Вот что об этом пишут специалисты — community.qualys.com/blogs/security… и сам Google — googleonlinesecurity.blogspot.co.uk/2014/09/gradua…

16:31

Генератор конфигурации TLS для популярных серверов mozilla.github.io/server-side-tl… pic.twitter.com/sxI5B2EPtV

17:32

Аудит настроек сервера ssllabs.com/ssltest Плюсик в рейтинге даётся за включение HSTS. pic.twitter.com/qV6vtqj8zV

17:48
@jsunderhood хром ставит желтый значек сайтам, у которых самый первый сертификат в цепочке sha1. Но не всегда. Почему, не в курсе?
18:21

.@slonoed Новый Хром ставит жёлтый значок всем сайтам с SHA1. В Гугле так решили. Дай, пожалуйста, пример, где значка нет.

18:26

Совсем недавно на местной встрече #ChellyJS я делал презентацию «Переходи на HTTPS» (слайды: goo.gl/eYKQms, видео пока нет)

18:57

В конце сегодняшнего дня хочу поделиться чек-листом при настройке TLS. Спрашивайте, если появятся какие-то вопросы. pic.twitter.com/bCWiw8hs4B

19:02
@jsunderhood там вообще реально 100/100/100/100 получить?
19:05

.@fleg31 Да, реально. Вот описание начисления баллов ssllabs.com/downloads/SSL_… Только при таких настройках далеко не все браузеры подключатся.

19:07
@jsunderhood inbox.google.com yandex.com

Сертификат с SHA1 истекает в 2015 году — нет ворнинга. Подробнее в googleonlinesecurity.blogspot.co.uk/2014/09/gradua… +@slonoed twitter.com/slonoed/status…

19:16

# Среда 42 твита

@jsunderhood тема правильных шифров не раскрыта.
2:43

.@deepwalker Пользуйся генератором конфигурации. Нет нужды запоминать этот список.

2:46

Интересная статья «Deprecating Non-Secure HTTP» blog.mozilla.org/security/2015/…

3:07

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

3:08

Это мы уже видим сейчас — протокол HTTP/2 и Service Workers работают только поверх TLS.

3:08

Базой для HTTP/2 послужил протокол SPDY. Основной упор сделан на производительности: минимизация задержек, одно подключение и т.д.

4:41

Благодаря обратной совместимости с HTTP/1.x, сервер использует HTTP/2, SPDY или HTTP/1.x исходя из возможностей клиента.

4:43

Известная демка HTTP/2 от Akamai http2.akamai.com/demo Посмотрите на сколько он эффективнее на куче мелких файлов. pic.twitter.com/9zaF5e0XSF

6:01

Ради развлечения, решил повторить их эксперимент ihc.ru/http2/?utm_sou… (Алярма! HTTP/2 нет в Safari) Это shared hosting @ihc_ru

6:04

А вот и запись моего выступления на #ChellyJS подоспела youtu.be/_h7M1KA7aAI

8:53

Кстати, для Open Source проектов можно получить бесплатный сертификат у GlobalSign globalsign.com/en/ssl/ssl-ope… +@iamstarkov

10:36

На тему HTTP/2 рекомендую посмотреть презентацию Ильи Григорика «HTTP/2 performance anti-patterns» youtube.com/watch?v=yURLTw…

10:52
Предлагаю тему для обсуждени. Burnout. Был у вас? Как вышли из него? Обращались к врачу? @rubyunderhood @jsunderhood @backendsecret
12:16
@anton_davydov сменил сферу деятельности :) @rubyunderhood @jsunderhood @backendsecret
12:16
@anton_davydov @rubyunderhood @jsunderhood @backendsecret за пару месяцев проходит, нало перетерпеть
12:16
. @anton_davydov Отличная тема. Мой график приводит меня к рабочим упадкам примерно 2 раза в год, тогда же, когда и обострение у психов. :)
12:16
@anton_davydov @rubyunderhood @jsunderhood @backendsecret сменил работу на более перспективную - совпало просто
12:17
@anton_davydov @rubyunderhood @jsunderhood @backendsecret отпуск, смена направления деятельности/роли в проекте или переезд в другой город
12:18
@anton_davydov я пока не пришел к спорту и медитациям, несколько раз переезжал Киев - Львов и обратно.
12:19
@anton_davydov @Semenov @rubyunderhood @jsunderhood @backendsecret как понять вообще, burnout ли у меня? Какие симптомы?
12:19
@anton_davydov смена работы. бооольшой отпуск (вообще не реально) @rubyunderhood @jsunderhood @backendsecret
12:20

.@anton_davydov Мне помогают оставаться в кондиции хоть какая-то физ. активность и смена проектов. Я зажигаюсь новым делом.

12:29
@anton_davydov а что, врачи как-то умеют эту бяку фиксить? @rubyunderhood @jsunderhood @backendsecret
12:54
@SelenIT2 есть такой диагноз под номером z73.0 сам не ходил,но думаю,что витаминами могут помочь @rubyunderhood @jsunderhood @backendsecret
12:54
“Burnout”, судя по ответам, самая частая причина, почему люди хотят покинуть индустрию. twitter.com/jesslynnrose/s… /cc @jsunderhood
13:23
@jsunderhood Ты уже дожил до того, о чем Вадим Макишвили рассказывал в "36"? Если да, то он всё сказал или тебе есть что добавить?

Наша постоянная телезрительница из г.Хельсинки Финляндской АССР спрашивает у меня про «36». +@toivonens twitter.com/toivonens/stat…

15:55

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

15:56

Сам я действительно перестал гнаться за коллегами, которые на 10-15 лет младше меня — они реально больше делают за то же время.

15:56

Депрессии по этому поводу не испытываю. Проявляю себя на работе в другом качестве. В будущем, возможно, уйду в консалтинг.

15:57

.@toivonens Могу знать кучу решений какой-то задачи и помогаю её решать. Как в парном программировани — один говорит, другой нажимает кнопки

16:50

.@toivonens Тусуюсь и выступаю на конференциях. Нравится быть в тренде и рассказывать о новинках коллегам. Экспериментирую и делюсь опытом.

16:52
@jsunderhood sha-256?? а IE<=8?

.@oelifantiev У IE<=8 с SHA-256 всё хошошо, если операционка его поддерживает support.globalsign.com/customer/porta… twitter.com/oelifantiev/st…

17:48
@jsunderhood а чем принять http2? Nginx не может ((

.@oelifantiev Раздать? Я настраивал для тестов OpenLightSpeed. Это пока единственный бесплатный сервер с HTTP/2. twitter.com/oelifantiev/st…

17:50
@jsunderhood по поводу HTTP/2 не совсем верно goo.gl/ZGyKY3, они не договорились об обязательном шифровании

.@AndryRochev По факту сейчас HTTP/2 реализван только по TLS. twitter.com/AndryRochev/st…

17:53
@jsunderhood в Safari на Mac OS Yosemite уже вроде есть HTTP/2

.@ihc_ru RLY? У меня старая OS X. Не могу проверить. Кто нибудь может подтвердить это? twitter.com/ihc_ru/status/…

17:56

Книга Ильи Григорика chimera.labs.oreilly.com/books/12300000… «High Performance Browser Networking» по рекомендации @listochkin pic.twitter.com/1dyrwNfSnk

18:02

У Ильи все презентации информативные. Посмотрите «Is TLS Fast Yet?» и «HTTPS Everywhere» igvita.com pic.twitter.com/GnTjaqxmfI

18:14
@jsunderhood @ihc_ru У меня все заработало.
23:27
@jsunderhood мне чуть меньше, но я согласен с каждым словом.
23:28

# Четверг 71 твит

@jsunderhood @oelifantiev их довльно много в том числе и открытых, например nghttp2.org, вообще см. github.com/http2/http2-sp…
3:01

Тема четверга: Webpack

3:42

В этом году на конференциях, я слышал в разговорах практически одну и туже фразу: «Все читали про Webpack, но ни кто не пробовал его».

3:46

Это реально крутой инструмент, который может заменить Grunt и Gulp. Мы его используем. И сегодня я попробую поагитировать за него.

3:47
@jsunderhood есть пример конфига webpack’a, ваш шаблон не выложен на гитхабе?
4:09

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

4:10
@jsunderhood может заменить? Но зачем, если gulp полностью устраивает?
4:56
@TheSunwave @jsunderhood import, умная, настраиваемая разбивка на бандлы, module replacement, сервер, который компилирует и не пишет на диск
4:56
@MaxMykhailenko @jsunderhood @TheSunwave как насчет скорости? Галп крайне реактивный
5:03

Сравнивать Webpack и Grunt/Gulp не корректно — у них разные задачи. Но, Webpack действительно может их заменить!

5:05

Перефразирую известную цитату: «Если у вас в руках Webpack, то всё вокруг становится модулями!»

5:06

Там в полную силу реализована концепция загрузчиков из AMD. Любой контент трансформируется в JavaScript на этапе сборки.

5:07
@jsunderhood можно ли заставить webpack при сборке игнорировать асинхронный amd-require, и чтобы в рантайме отработало асинхронно ...
5:22

.@oelifantiev Подозреваю, что в этом случае нужно применять генераторы. pic.twitter.com/eoXI8FuVD0

5:22
@oelifantiev @jsunderhood ответ где-то здесь, видимо — webpack.github.io/docs/code-spli…
6:15

Например, стили можно преобразовать так: LESS → CSS → PostCSS → JS. Когда выполняется require(), то они добавляются на страницу в <style>.

6:17

Другие загрузчики выдают контент в виде JS-объекта или файла (большие картинки, например). Они умеют модифицировать данные, если нужно.

6:19

Пример конфига. Все LESS-файлы пройдут через конвейер. Картинки и шрифты скопируются. URLы на них будут правильные. pic.twitter.com/tldvVO6N0k

6:38

file-loader можно заменить на github.com/webpack/url-lo…. Тогда графика маленьких размеров будет загружаться как data uri. Спрайты не нужны!

6:43
@jsunderhood чем 'file-loader' отличается от 'url-loader'? А то разные варианты конфигов попадаются.
6:43

.@vdv73rus url-loader работает как file-load для больших файлов и встраивает содержимое как data uri для маленьких.

6:44
@jsunderhood тут надо быть осторожным. можно несколько раз загрузить одну и ту же картинку в css как data uri.

Загрузчики можно указывать и в require() по спеке AMD и точечно контролировать использование ресурсов. twitter.com/hellbeast92/st…

6:59
@jsunderhood а лучше еще в extract-text-webpack-plugin загнать :)
7:00

.@hellbeast92 и отказаться от Hot Module Replacement? :-)

7:00
@jsunderhood а есть плагин, который выносит все data uri в отдельный файл?

Не знаю. Прошу помощь зала. twitter.com/hellbeast92/st…

7:03
@jsunderhood, а есть какая-то возможность собранный через Extract Text файл стилей прогнать через CSSO?
7:43

.@kinday Можно, если написать свой плагин. Возможно, такой уже есть. BTW, css-loader минимизирует сам стили через clean-css.

7:46
@jsunderhood Что за страшная строка конфигурации `style-loader!css-loader?-minimize!…`?

А что в ней смущает? twitter.com/verkholantsev/…

7:47
@jsunderhood, вопрос в минимизации итогового файла, а не всех по отдельности.
7:49

.@kinday Если я правильно понял, то хочется продвинутых структурных оптимизаций? Честно, я побаиваюсь их. Поэтому не интересовался.

7:50
@jsunderhood пробую webpack уже 4 месяца. Полностью отказался от gulp/grunt за ненадобностью
8:37
@jsunderhood У нас в #rambler есть boilerplate с webpack
github.com/rambler-digita…
Может кому будет интересно =)
8:53
@jsunderhood Ее не понять без чтения документации. И почему для настроек используется строка? Почему не хэш?
9:16

.@verkholantsev Webpack использует синтаксис AMD. Конфигурация загрузчиков позволяет не писать это непосредственно в коде.

9:16

.@verkholantsev github.com/amdjs/amdjs-ap… Спека AMD для загрузчиков «нетрадиционных» JS ресурсов.

9:18

Data URI можно вынести в отдельный файл плагином github.com/Ser-Gen/postcs… по рекомендации @andrey_sitnik pic.twitter.com/umGNsbpt0c

9:24
@jsunderhood не может, на нём бессмысленно запускать линтеры, проверки орфографии, тесты и т. д.
9:25
@jsunderhood я бы сказал, что Вебпак большой шаг вперёд, но у него куча проблем. Поэтому он должен быть лишь промежуточным шагом
9:27
@jsunderhood параметры лоадеров через URL-строку — это позор. Работа с CSS ужасная.

Полностью согласен. Они с таким же успехом могли бы придумать свой метод настройки, а не опираться на спеку AMD. twitter.com/andrey_sitnik/…

9:29

.@andrey_sitnik У меня ощущение, что гармонии долго не будет. Модули, которые утверждены ECMA, опять ориентированы в основном на JS-код.

9:40
@jsunderhood Но насколько я поняла, это только для сборки. А у меня ещё ни одного проекта не было, где таски ограничивались бы сборкой.

Хорошая дискуссия @roman01la @iamstarkov в ответ @toivonens. Читайте, начиная с этого твита ↓ twitter.com/toivonens/stat…

9:46
@jsunderhood -loader можно опускать в имени. Еще удобно вместо строки loader указывать массив loaders: ['style', 'css', 'postcss', 'less']
10:13
@pomidore @jsunderhood опускание "-loader" чревато тем, что в коде не остается упоминания установленного в package.json модуля
10:22

.@chemikadze, Webpack — это сборка. Не путайте его с запуском задач. @me_mrsum

10:24
@jsunderhood gzip по идее должен очень хорошо жать одинаковые картинки в data-uri, поэтому пофиг.
10:39
@jsunderhood вот: gist.github.com/Olegas/26d059a…
Я хочу чтобы все собралось, кроме async. А он загрузился асинхр. но без чанков webpack а через RJS
10:49
@andrey_sitnik @jsunderhood строкой не обязательно: {test: ..., loader: ..., query: {parameters}}. Главное чтобы они были сериализуемые.

Обсуждение конфигурации загрузчиков. Не пропустите. Тред начинается тут ↓ twitter.com/andreypopp/sta…

13:57
@jsunderhood нагоняет на меня тоску.
"Сколько я ещё чего не знаю..."
14:00

Простите, никого не хотел печалить. Пошли обмазываться Вебпаком дальше!

14:05

Hot Module Replacement. Любой модуль может быть заменён в рантайме без перезагрузки страницы.

14:07

В приложение добавляется HMR runtime, который проверяет и загружает обновления. Подробности в доке webpack.github.io/docs/hot-modul…

14:16

Чтобы HMR работал, нужен сервер, который будет сообщать об обновлениях и раздавать упаковки. Есть standalone версия и middleware для Express

14:21
@jsunderhood а можно ли HMR использовать не с нодой? Например если проект на python/django
14:23

.@hellbeast92 Можно попробовать поднять webpack-dev-server и прокинуть его через ваш HTTP-сервер как через прокси.

14:25
@hellbeast92 @jsunderhood @jsunderhood при чем здесь бэкэнд? у нас есть проекты где бэк на джанге, фронт на реакте с HMR
14:29
@jsunderhood @hellbeast92 ну да, и весь самолет через Procfile и node-foreman взлетает в dev-окружении
14:31

.@kompotium Блеск! Получается что в HTML нужно только разные пути до асетов указывать для dev и prod окружения.

14:34

Как и обещал, мой конфиг с одного из последних проектов → gist.github.com/mistakster/2e1…

16:25
@jsunderhood смотрели в сторону GraphQL вместе с React/flux?

Нет, до GraphQL руки ещё не дошли. Хей, чатик, кто-нибудь пробовал его? twitter.com/jincod/status/…

16:27
@jsunderhood я читал спеку и видел недавно опубликованную имплементацию на js. не уверен, что кто-то кроме фб и инстаграма его уже пробовали
17:10
@jsunderhood в фб его используют уже 2,5 года
17:11
@jsunderhood в августе будет релиз Relay же
17:11
Вот так нежданно,в ночи, мы выложили 27-й выпуск! Вместе с @iamstarkov обсуждаем Jekyll и Travis,Textr и @jsunderhood radiojs.ru/2015/07/radioj…
17:27
@jsunderhood а не поделишься каким-нибудь секретом, как найти работу с такими опциями и подходом? Прошу прощения за наглость...
17:41

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

17:41

.@SelenIT2 Знакомиться с разными людьми и поддерживать контакт (не путай со «связями»). Если хочешь найти работу мечты, то её нужно искать.

17:42
@vmakhaev @jsunderhood вот кстати видео про рилей facebook.github.io/react/blog/201…
17:44
@jsunderhood ещё не пробовал, но вот свежий доклад youtube.com/watch?v=WQLzZf…
спека facebook.github.io/graphql/
и js github.com/graphql/graphq…
17:44
@jsunderhood @SelenIT2 для начала стоит определить критерии "работа мечты".
18:14

# Пятница 83 твита

Для этого даже есть название @pvlpvs @jsunderhood pic.twitter.com/p4Q7pBgaGo
2:09
@andrey_sitnik @jsunderhood мне кажется webpack вообще нет смысла рассматривать как таск-раннер.
2:10
@andrey_sitnik @jsunderhood Другое дело - никто не тащит два инструмента на проект. В этом плане Gulp более универсальный.
2:10
@jsunderhood а такие загрузчики как-то решают проблему 32 style на странице в ie8-9?
2:40

.@oelifantiev По-моему, нет. Мы сами что-то комбинируем через import, что-то оставляем так.

2:42
@jsunderhood почему не используешь ExtractTextPlugin для css в продакшен режиме? Инжектинг стилей в дом выглядит довольно сомнительно
2:42

.@vlkosinov А почему тебе кажется это сомнительным? ExtractTextPlugin используем, но, не в этом проекте.

2:44
@jsunderhood почему не используешь CommonsChunkPlugin хотя бы для вынесения вендоров в отдельный бандл?
2:46

.@vlkosinov Если есть несколько точек входа, то используем. В этом проекте всё хитрее — ручной code splitting. pic.twitter.com/sHVj7c2CtN

2:51

.@vlkosinov Фишка в том, что мы получаем крохотный загрузчик, который не кешируется. Он тянет остальное, которое может быть закешировано.

2:53
@jsunderhood а ревизии к бандлу галп проставляет?
2:55

.@vlkosinov В связке с Gulp мы предпочитаем cache busting через URL. Типа как тут: github.com/h5bp/server-co… Имена файлов не меняются.

2:57
@jsunderhood @jincod Вчера 30 мин читал спеку, 30 мин тесты в graphql-js, и за 30 минут сделал для маленького проекта бэк на Монго. Работает
3:40
@jsunderhood @jincod но я до этого конечно много читал, смотрел и ждал :)
3:40
@vlkosinov @jsunderhood Сомнительно, потому что FOUC en.wikipedia.org/wiki/Flash_of_…
4:23

.@kompotium, нет FOUC потому как SPA. :-) Для сайтов со статичным контентом разумеется стили в файл выписывать однозначно. @vlkosinov

4:25
@jsunderhood @vlkosinov дык какая разница SPA-не SPA; будет один раз, но все равно будет
4:27

.@kompotium, как он будет, если на странице кроме <div></div> ничего нет? :-) @vlkosinov

4:28

Кстати, мне на столько нравится HMR, что я думаю попробовать его использовать во время вёрстки статических прототипов (PSD → HTML+CSS).

4:31
@jsunderhood @vlkosinov ох да, забыл, что можно делать сайты не на реакте и без серверного рендеринга)
4:31
@kompotium @jsunderhood можно при серверном рендере извлечь стили отрендеренных компонентов — github.com/webpack/react-… и тогде не будет FOUC
6:29

Давайте устроим сегодня #FollowFriday, а? Вы рассказываете о себе или о знакомых — я рекомендую ваши профили.

6:42

Рекомендую подписаться на @webstandards_ru. Каждый день там появляются ссылки на актуальные статьи и видео о фронтэнде и не только.

6:51

Лента @webstandards_ru курируется Вадимом @pepelsbey. За что ему большое спасибо.

6:52
@jsunderhood, ну, я верстаю странички и пишу скрипты :)
Пока верстальщик, но двигаюсь к фронтенду.
Ни разу не срывал сроков.
#FollowFriday

Подписывайтесь на Павла @pvlpvs. Он пишет, что навёрстывает упущенное. ↓ twitter.com/pvlpvs/status/…

7:22
@jsunderhood Я — котик! Иногда пишу про разработку :-)

Варя @toivonens уже была ведущей в этом аккаунте. Горячо рекомендую читать её персональный. Там бывает весело. ↓ twitter.com/toivonens/stat…

7:23
@jsunderhood Не знаю. У меня вот есть @_iamale_, я ингода на около-ИТ темы там пишу вроде. Но он чуток заброшенный. Стоит ли?

Александр @_iamale_ пишет по-английски на около ИТ-шные темы. ↓ twitter.com/iamale_ru/stat…

7:25
@jsunderhood разработчик в немецко-вьетнамской Lazada. ES6+, SPA, React, BEM, Flux, immutability, node.js, Electron, иногда музыка и рандом.

Денис @mistadikay своём твиттере в последнее время пишет о клёвых штуках, с которыми работает. Интересно! ↓ twitter.com/mistadikay/sta…

7:26
@jsunderhood Вся правда о БЭМ, @bem_xxx

Подписывайтесь на @bem_xxx. Там огонь и ржака! ↓ twitter.com/bem_xxx/status…

7:38
Вопрос к фронтендщикам: перед тем как зафолловить коллегу, является ли решающим наличие у него интересного сайта/блога? // via @jsunderhood
8:41

.@Bizi По мне так, лишь бы человек был хороший и не спамил бы в ленту.

8:44
@jsunderhood просто заметил за собой, что мне очень интересно почитать "большие" мысли человека в его блоге,твиттера не достаточно для этого
8:48

.@Bizi Для этого и есть блоги. Но туда нужно писать. Я в свой уже 3 месяца ничего не постил — нет времени написать полноценную статью. :-(

8:49
@Bizi но блог же надо поддерживать и не все умеют хорошо писать/рассказывать @jsunderhood
8:49
@Bizi @jsunderhood Лично я иду по простому пути: быстро проглядываю профиль и подписываюсь. Потом уже, если что-то не нравится, — unfollow
8:49
@jsunderhood занимаюсь разработкой (от html/css/js до IBM BPM и pl/sql) в i-Sys. пишу в свой блог про верстку, дизайн и смежные темы :-)

Александр @Bizi хвалится, что он и чтец, и жнец, и что-то там игрец. У него ещё есть блог bizikov.rutwitter.com/Bizi/status/61…

8:51
@jsunderhood заблудшая таганрогская душа. Делаю фронтенд в booking.com Пишу мало, но иногда по делу.

Антон @korochinskiy и правда пишет мало, но с душой. Умные мысли про технологии и жизнь ↓ twitter.com/korochinskiy/s…

8:55
@jsunderhood а можно я очень нескромно порекомендую @cssliveru ? :)

css-live.ru — блог про фронт-энд, который я регулярно читаю. Апдейты в @cssliveru. С подачи @SelenIT2twitter.com/SelenIT2/statu…

9:01
@Bizi заброшенный блог производит более негативное впечатление, чем его отсутствие :) @jsunderhood
9:06
@Bizi нет, как твиттер вообще с этим связан? Если интересен блог  — rss скорее читаешь? @jsunderhood
9:06
@Bizi @jsunderhood нет, в твиттере интереснее читать про личную жизнь, технические статьи – в рсс
9:12
@Bizi @jsunderhood По блогу иногда удобно понять, фронтэндер человек или нет.
9:18
@Bizi @jsunderhood нет конечно. твитор самодостаточен
9:32

Хорошо, что за фронтэнд его мама не ругает. pic.twitter.com/OLttJ4RvXD

9:59
@jsunderhood вобще я человек-оркестр из мира рекламы, но она скучна, поэтому я люблю только ruby & javascript. о них обычно и пишу.

Алекс @alexfedoseev, судя по фоткам, любит сёрфить и жить в тёплых странах. В твиттере делится классными мыслями ↓ twitter.com/alexfedoseev/s…

10:16
@jsunderhood frontend из Брянска. Angular, BEM, Stylus. Дочитал книгу с носорогом!) Пишу в блог ymatuhin.ru :-)

Следите за новыми статьями в блоге и находками Юрия @ymatuhintwitter.com/ymatuhin/statu…

10:20
@jsunderhood Я любитель JS и Python из Твери. Пишу про разработку, организацию workflow и боль.

Понравилось про боль у Макса @zenwalker «Ох уж эти пластиковые столовые приборы. Не заметил, как съел кусок вилки» ↓ twitter.com/zenwalker/stat…

10:24

У нас продолжается #FollowFriday Вы пишете мне про себя — я ретвичу. Как это должно работать в картинках theoatmeal.com/comics/follow_…

10:28
@jsunderhood привет, я дизайнер в Рамблере, пишу и делюсь ссылками о дизайне/разработке интерфейсов, методологиях и рабочем процессе

Дизайнерам мы тоже рады. Андрей @andmironov пишет о работе ↓ twitter.com/andmironov/sta…

11:29
@jsunderhood твиттер @Kern_0 - ничего полезного, сплошные около фуллстаковые бугурты, околодесигн. Не вижу причин не подписываться! (:

Глубокомысленные размышления обо всех аспектах веб-разработки от Арсения @Kern_0twitter.com/Kern_0/status/…

11:33
Пилю svgo потихоньку #FollowFriday @jsunderhood

Давно знаю Льва @ruGreLI как опытного CSS-ера. В последнее время он мейнтейнит #svgotwitter.com/ruGreLI/status…

11:38
@jsunderhood спасибо! А теперь я воспользуюсь твоей мощью снова.
Вопрос: как кто дебажит node.js? (хоть тут и фронтендщики, но вдруг)
11:40
@jsunderhood я пользовался github.com/adobe-research… в @brackets и очень доволен. Но не могу найти чего-то подобного для @AtomEditor :(
11:40

.@Kern_0 Всё гораздо проще. WebStorm или IntelliJ IDEA отлично дебажат Node.js jetbrains.com/idea/help/runn…

11:43
@jsunderhood так-то такой дебаг есть и в атоме, но видимо уж очень мне понравился то как это сделали в theseus: pic.twitter.com/WH9OHUHX3H
11:56
@Kern_0 @jsunderhood тут js. ты видел доклад про профилирование ноды? «Профилирование Node.js или…» fronttalks.ru
11:56
@jsunderhood Делаю фронтенд и руковожу командами разработки. Последние пол-года сфокусирован на библиотеках компонентов и @SourceJS.

Помню, Роберт @operatino рассказывал как он рефакторил код UI ОК — сначала он отформатировал весь CSS и JS. ↓ twitter.com/operatino/stat…

12:54
@jsunderhood Работаю фронтендером больше 15 лет. Пишу о том, что волнует на данный момент. Иногда о разработке. Делаю @frontenderinfo

Очень уважаю Антона @SilentImp за его бешеную продуктивность. Удивляюсь, как он везде успевает и в твиттер пишет ↓ twitter.com/SilentImp/stat…

12:56
@jsunderhood с 16 лет работаю фронтендером. Сейчас лид верстальщиков в Betlab. Пишу про бег, программирование. На украинском :-)

Сергей @dmitruksergey ведёт аккаунт на украинском. Спрашивайте его про бег и программирование ↓ twitter.com/dmitruksergey/…

13:00
@jsunderhood пишу про JS, Ruby, ClojureScript и другие правильные языки. А еще про эмпатию, добро, эвенты и наклейки (мне помог @listochkin)

Джон @sudodoki не такой уж простой. Считает JS одним из правильных языков на ряду с Clojure и Ruby. okay.jpeg :-) ↓ twitter.com/sudodoki/statu…

13:08
@jsunderhood подсел на React. Жду с нетерпением React Native для Android. Поглощаю инфу, стараюсь делиться самым интересным =) #FollowFriday

Реактоман @bagadim страстно хочет писать на нём под Android ↓ twitter.com/bagadim/status…

13:14
@jsunderhood пишу на JS немного на Clojure(Script) и уже(!!!) чуть чуть на Elixir. мечтаю писать бекенд без боли.

Роман @rastopyr_ua с головой ушёл в функциональные ЯП. Любит проверять себя на прочность. ↓ twitter.com/rastopyr_ua/st…

13:21
@jsunderhood Руковожу отделом инфраструктуры интерфейсов в Яндексе, живу в Симферополе
Один из @bem_ru
Придумал <i> для иконок @pepelsbey ;)

Человек, опередивший время. Виталий @harisov придумал #b_ и делал <i> для иконок, когда это ещё не было mainstream ↓ twitter.com/harisov/status…

13:38
@jsunderhood разработчик из Киева и создатель/продолжатель github.com/dev-ua - самого большого девчат-сообщества в Восточной Европе

Тви Андрея @listochkin — «…thought leadership пополам с пиаром того, что делают другие люди из нашего сообщества…» twitter.com/listochkin/sta…

13:43
@jsunderhood люблю фронтенд, маркдаун, гит и гитхаб, твиттер и немножко бэм, веду небольшой блог iamstarkov.com

Кто-то тут ещё не знает Володю @iamstarkov? Подписывайтесь без сомнений. Он всегда в тренде и вас хорошему научит ↓ twitter.com/iamstarkov/sta…

13:48
@jsunderhood #FollowFriday верстаю в Notamedia, читаю книги, много размышляю, качаю мозг. Увлекаюсь дзен-буддизмом, психологией, вином.

Чертовски интересная лента у Ника @neonick. Там никогда не бывает скучно. Скука — это не про него, по-моему ↓ twitter.com/neonick/status…

14:06
@jsunderhood привет, я — доброфронтендер из wikimart.ru, люблю React, котиков и всё новое. Организую front-end.su конференцию

Дмитрий @vdv73rus представился как «доброфронтендер». Подписывайтесь на него и узнаете что это такое ↓ twitter.com/vdv73rus/statu…

14:14
@jsunderhood though i'm russian, i provide premium javascript jokes in english. Also big fan of hipster js stack (react, flux, es6 } 😎

Олег @olegakbarov большой поклонник самых модных JS технологий. Доставит уморительные JS шутки прямиком в ваш тви. ↓ twitter.com/olegakbarov/st…

14:20
@jsunderhood пишу на английском (ведь все его и так знают) о js, web, freelance, пилю github.com/treojs/treo и думаю об offline first

Присоединяйтесь к Алексею @alekseykulikov_ в думах об Offline First ↓ twitter.com/alekseykulikov…

14:23
@jsunderhood 2 года писал фронтэнд поиска mail.ru. Недавно перебрался во внутренние продукты поиска писать на Python. Доволен

Судя по ленте, Кирилл @iAmKalech не только увлекается веб-разработкой, но и футболом. Перебрался с JS на Python. ↓ twitter.com/iAmKalech/stat…

14:27
@jsunderhood я front-end разработчик. Верстка, BEM, JS.

Александр @banzalik в своём твиттере пишет о жизни и делится интересными ссылками о front-end разработке. ↓ twitter.com/banzalik/statu…

14:40
@jsunderhood пишу как молодому программисту выжить в Беларуси.

Слава Беар Гриллса не даёт покоя Быстрому Коту @mr_skriming. Выживание в суровых условиях и всё такое. ↓ twitter.com/mr_skriming/st…

14:45
@jsunderhood фронтендер, организовал нодскул в Питере

Тим @marinintim веб-энтузиаст. Помогает начинающим изучать JS с помощью проекта nodeschool.io/spb/twitter.com/marinintim/sta…

15:47
Увлеченный фронтенд разработчик, нелюблю jquery, ненавижу bootstrap-css, полгода внедряю angularjs в стартапы #FollowFriday @jsunderhood

Дмитрий @dshster твиттит о своих интересах в области разработки. ↓ twitter.com/dshster/status…

15:53
@jsunderhood автор @autoprefixer и @PostCSS. Пишу в основном про науку, искусство и про интересные ссылки в Википедии.

Любознательности Андрея @andrey_sitnik нет предела. Подписка на его аккаунт сразу даёт баф +20 к интеллекту ↓ twitter.com/andrey_sitnik/…

16:00
Владелец github.com/rockncoders отзовись пожалуйста!
#frontend
16:22
@jsunderhood фронтенд/nodejs разработчик. Организую митап по фронтенду в Ярославле yarfrontend.ru

Подписывайтесь на ленту Олега @oelifantiev. Он расскажет вам про клиентский и серверный JS. ↓ twitter.com/oelifantiev/st…

18:17
Читаю ленту в @jsunderhood и все там такие ахуенные, что писать о себе стыдно.

Моя персональная рекомендация: Очень скромный Максим @gladkih_m в твиттере пишет больше про жизнь. Не скучно. ↓ twitter.com/gladkih_m/stat…

18:21
@jsunderhood JS-ник для JS-ников (дев-тулзы и другие задротские штуки). Пишу про них же и не только, стараюсь на английском.

Ингвар @RReverser рассказывает по-английски про инструменты разработки JS-программиста ↓ twitter.com/RReverser/stat…

19:36
@jsunderhood JS-ник. Пишу мало, часто просто ссылки. В основном о функциональщине и подобном. Возможно будет интересен мой гитхаб аккаунт.

Любознательный разработчик Алексей @alexeyraspopov и его гитхаб github.com/alexeyraspopovtwitter.com/alexeyraspopov…

20:27
@jsunderhood React-экспериментатор, пишу не часто но о JS

Вячеслав @vslinko экспериментирует с React и не пишет в твиттер всяких глупостей. Только JS, только хардкор! ↓ twitter.com/vslinko/status…

20:30
@jsunderhood Использую React, делаю разработчиков счастливыми. Мой доклад с @ReactEurope: youtube.com/watch?v=xsSnOQ…

Ещё один энтузиаст React. Великолепно, что опыты Дэна @dan_abramov делают счастливыми не только его, но и нас. ↓ twitter.com/dan_abramov/st…

20:35

# Суббота 62 твита

Предлагаю тему: обучение, книги, конференции и т.д.

7:11
@jsunderhood если кратко — все нужно. Нужна на это тратить время и деньги.
7:15

.@gladkih_m Куда же без этого в нашей индустрии?! Как ты предпочитаешь получать новую информацию?

7:17
Каждую неделю по вторникам в 18:00 мы смотрим доклады в офисе Яндекса. приходите или подписывайтесь на @FrontWatchs – все доклады тут.
7:18

Лично мне очень нравится такая инициатива @FrontWatchs

7:20
@jsunderhood подписан на различных разработчиков в тви и у них новая информация. Книги уже менее актуальны - они устаревают быстро.
7:20

Я, пожалуй, соглашусь с утверждением, что книги быстро устаревают. Технологии меняются → инфа в книге может устареть даже до её издания.

7:36

Но есть фундаментальные вещи типа «Искусство программирования» ru.wikipedia.org/wiki/%D0%98%D1… Я прочёл 3 тома лет 15 назад.

7:38

Есть «JavaScript: The Good Parts» safaribooksonline.com/library/view/j… и «JavaScript: The Definitive Guide» safaribooksonline.com/library/view/j…

7:41
@jsunderhood учебные программы тоже. Именно поэтому ВУЗы не могут подготовить актуальных современности ИТ-специалистов.
7:43

.@vdv73rus Это факт. Какие есть пути решения такой проблемы?

7:43
@jsunderhood а некоторые книги по функциональному программированию наоборот обретают новую жизнь. Все относительно.
8:47
@jsunderhood @vdv73rus спецкурсы от фирм в университетах для подготовки к реальной работе. Яндекс в разных городах в разных формах делает.

Компании (даже небольшие), заинтересованные в хороших кадрах, устраивают курсы и открывают школы спец. подготовки. twitter.com/harisov/status…

8:50
@jsunderhood лично в рамках эксперимента от фирмы год преподавал в тех.вузе ( цель конечно была «прибрать» выдающихся студентов )

Интересный жизненный опыт Дмитрия @vdv73rus этом треде ↓ twitter.com/vdv73rus/statu…

8:52
@jsunderhood @vdv73rus то, что называется дуальным обучением в Германии (семестр - теория в ВУЗе, семестр - стажировка в боевых условиях)
8:52

.@vdv73rus Я сам не участвовал в подобном. Как минимум 2 моих знакомых в Челябинске целенаправленно идут читать курсы дизайна или разработки

8:55
@jsunderhood @vdv73rus мы в Симферополе делали спецкурс по фронтенду в университете.

Провели ШРИ в 2013, из 33 взяли 14 на работу в итоге.

8:55

.@harisov, я знаю, что в ШРИ ещё и большой конкурс был. Стоит устраивать жёсткий предварительный отбор? @vdv73rus, в вузе такого нет?

8:57
@vdv73rus @jsunderhood ШРИ бесплатная, мы просили прислать резюме и выполнить тестовое задание, по ним отбирали. ЕМНИП у нас было 85 заявок.
8:57
@jsunderhood @vdv73rus отбор нужен, когда заявок больше, чем возможности по обучению. Ну и когда цель — найм, в отборе есть смысл.
9:00
@jsunderhood @vdv73rus когда мы делали Школы вёрстки в Симферополе мы брали всех, кто приходил (было мало). Цель была засеять поле заново.
9:00
@vdv73rus @jsunderhood

ШРИ в этом году будет в Москве с 7-го сентября.

Регистрация открыта, можно подавать заявку

academy.yandex.ru/events/shri/ms…

9:24
@jsunderhood а еще им интересно пригласить лекцию/мероприятие - для PR & свои туда обычно приходят, например - dou.ua/lenta/articles…
9:25

Мне любопытно, сколько времени преподаватели таких школ и курсов тратят времени на подготовку лекций? +@harisov +@vdv73rus +@xraizor

9:47
@jsunderhood @vdv73rus @xraizor

Дофига. В несколько раз больше, чем на подготовку доклада на конференцию такой же длительности.

9:54
@vdv73rus @jsunderhood @xraizor

У нас каждую лекцию в ШРИ готовило несколько человек, чтобы она была более объективной. Я считаю суммарно.

9:54
@jsunderhood @harisov @xraizor У меня примерно 1 к 1 выходило.
9:54

.@vdv73rus, шустро. Это, наверное, только сделать план лекции без наглядного материала? @harisov

10:06
@jsunderhood @harisov да, план + структура слайдов
10:09
@harisov @jsunderhood @vdv73rus @xraizor интересно, у меня доклад на конференции дольше занимает. Репетировать надо и вау-эффект создавать.
10:21
@jsunderhood но если начинающий разработчик, то выбор не большой: учить по книгам и уже с первых рук узнавать о новинках.
11:18

Меня иногда спрашивают что почитать новичку. А ты, @denysdovhan, что посоветуешь?

11:19
@jsunderhood если по js, то "Eloquent JavaScript": eloquentjavascript.net
Есть перевод на русский: github.com/karmazzin/eloq…
11:31
@jsunderhood здесь очень просто подается теория + практические примеры, типа собственного языка программирования или Paint на js.
11:31
@jsunderhood @denysdovhan почитай @iamreadingstuff, я там публикую чуть ли не главами сейчас книгу про геймдизайн.
11:31
@jsunderhood какой у тебя метод подхода к новой области знания? Может изучаешь теорию или начинаешь сразу с практики, методом проб и ошибок?
16:14

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

16:14

Но очень быстро переключаюсь на глубокое изучение теории. Да, я тот странный чувак, который читает инструкции к бытовой технике.

16:15

Метод проб и ошибок я не очень люблю, т.к. он быстро выматывает. И мне не особо нравится делать то, смысла чего я не понимаю.

16:15

Программировать я начал с асемблера Z80. В середине 90-х познакомился с ребятами, которые, так же как и я, увлечённо что-то делали.

16:43

Встречались на радио-рынке (помнит тут кто-нибудь такое явление?), обменивались программами. Ходили в гости. Было весело!

16:43

Писали музыку для AY чипа. Говорят, где-то в интернетах есть архивы, где хранится наши поделия. Находятся же коллекционеры.

16:44
@jsunderhood А советские микрокалькуляторы? Пробовал их программировать?
16:45

.@gxoptg_ О, да. Но это очень быстро прошло. Так как такого калькулятора лично у меня не было. Баловался им у друзей.

16:47
@gxoptg_ @jsunderhood Ох напомнил :) Я с них собственно и начинал. До сих пор не понимаю как докатился до JS.
16:47
@gxoptg_ @jsunderhood А ты с каких? У меня были (папины) МК-61 и МК-72.

Минутка ностальгии в тредике про программируемые калькуляторы ↓ twitter.com/RReverser/stat…

17:20
@jsunderhood в Симферополе и сейчас есть радио-рынок. Там есть всё, так или иначе связанное с электроникой. Программами уже не обмениваются.
17:20

.@harisov В Челябинске радио-рынок тоже действует по сей день. Масштабы, разумеется, не те. Тогда это была точка притяжения.

17:22
@jsunderhood прям вот с ассемблера? Минуя BASIC?

BASIC был. Но ничего толкового, кроме посчитать простые формулы и напечатать результат, я не делал на нём. twitter.com/harisov/status…

17:26

Потом я купил Amiga A1200. Ребята, это был космос. Жаль, что до России эта платформа дошла уже на своём закате.

17:27

Тогда я изучил асемблер Motorolla 680x0. У меня была толстенная фирменная книжка с описанием всех команд. Писал демки и т.п.

17:28

Amiga уже была компьютером, где во всю использовались ЯП высокого уровня. В универе, я выучил С и написал две курсовые на нём.

18:02

Всё же первым высокоуровневым ЯП был Pascal. Где-то вместе с C был Fortran 77. Потом пошли С++, JS, PHP, Java, C#.

18:04
@jsunderhood и о чем они?

Первая курсовая была про анализ изображения. Нужно было из ч/б растрового изображения получить векторные контуры. twitter.com/blia/status/61…

18:54

Вторая базировалась на первой и строила расчётную сетку для ЧМ на основе схематичной картинки. Была ещё визуализация полученных рез-тов.

18:54
@jsunderhood @mista_k что такое HMR? ))

Hot Module Replacement в Webpack webpack.github.io/docs/hot-modul… Компоненты на странице обновляются без перезагрузки. twitter.com/gearmobile/sta…

19:06
@jsunderhood есть browsersync с вставкой стилей на лету, который в простых случаях даже настраивать не надо, для html - рефреш
19:07

Browsersync browsersync.io не видал. Может для вёрстки прототипов HMR будет оверкилом и browsersync тут будет проще. +@_boccob

19:10
@jsunderhood @FrontWatchs здорово как. А в Москве что-то подобное есть?
19:11
@jsunderhood а я люблю техникой начинать пользоваться без инструкции. Интересно и весело. Исключение — стиральные машины. Вообще не умею.
20:20
@denswor @jsunderhood аналогично, а кухонную технику придумали демоны.
21:32
@denswor @jsunderhood а ещё исключение — бензокоса)
21:33

# Воскресенье 56 твитов

Надеюсь, вы хорошо проводите время. В этот чудесный летний день. pic.twitter.com/ERIi62I4gI

9:47
@jsunderhood Какие нынче CSS фреймворки актуальны? Какие круче? Есть ли сравнительный обзор оных?
11:01

.@ymatuhin Для прототипирования UI я использую Bootstrap. В реальных проектах мы делаем CSS с нуля.

11:03
@jsunderhood привет, можешь рассказать про микроразметку? что актуально, что нет? за чем следить? как размечать блог?
11:03

.@iamstarkov В трендах сейчас JSON-LD. Он очень удобен тем, что мета-данные явно описываются в одном месте.

11:05

.@iamstarkov В microdata и microformat хоть и используется интересная идея ре-использования разметки, на практике приходится дублировать.

11:08
@jsunderhood @ymatuhin нравится semantic-ui, но заюзал только на одном проекте.
11:09
@jsunderhood я пробовал pure css, но пока смешанные чувства. А сеткой часто пользуетесь в реальных проектах?
11:09

.@ymatuhin Если сетка есть в дизайне, то конечно. Опять же пишем сами. Это не сложно, когда понимаешь как она строится.

11:11
@jsunderhood @ymatuhin а есть чек-лист, что бы ничего не забыть?
11:12

.@al_yolkin Могу порекомендовать такой чек-лист: github.com/delka/html5che… +@delaz

11:14
@ymatuhin @jsunderhood по моему главная проблема, что мы называем их фреймворками, хотя они просто библиотеки со всеми минусами
11:15
@ymatuhin @jsunderhood фреймворк — это вещь, которая помогает тебе разработать новый код (Rails, например), библиотека — готовый код (CMS)
11:16
@andrey_sitnik @jsunderhood если брать это определение, то чем бутстрап не фреймворк?
11:17
@ymatuhin @jsunderhood тем что это просто набор готовых классов, он не упрощает создание новых
11:17
@andrey_sitnik @jsunderhood существует ли тогда css фреймворки в принципе? Тонкая грань какая-то между ними.
11:24
@ymatuhin @jsunderhood настоящих фреймоворков, наверное быть не может, CSS — декларативный язык. Но БЭМ максимально близок к идее фреймворка
11:38
@jsunderhood @ymatuhin вот это ключевое. Нет смысла использовать фреймворки на проде. Если вы не админкой занимаетесь.
11:38
@iSnifer @jsunderhood спасибо, всегда так делал, но думал что делаю что-то не так)
11:39
@andrey_sitnik @ymatuhin @jsunderhood БЭМ это фреймворк для создания фреймворков.
11:58
@jsunderhood я года три назад такой чек-лист сделал по аналогии с оригиналом webdevchecklist.ru
12:59
@gladkih_m @jsunderhood интересный чек лист, но мне кажется многое забыто. Хотя в голову ничего не приходит. И тут не только для фронтов 😊
12:59
@andrey_sitnik @ymatuhin @jsunderhood правильно будет: фреймворк запускает твой код, твой код запускает библиотеку.
15:57
@ymatuhin @jsunderhood нене, из этих фреймворков на нормальном проекте есть смысл юзать только одно - сетку.

Почитайте обсуждение про сетки: twitter.com/iSnifer/status…

15:59
@jsunderhood что порекомендуешь для создания REST API под ноду?
16:09

.@dcromster Так далеко ходить не нужно. Express — наше всё! Очень легко писать API любой сложности.

16:10

.@dcromster gist.github.com/mistakster/1dd… Примерчик простого сервера. Даже /api/songs/ и с «родителем» /api/playlists/1/songs обрабатывает.

16:12

Я не зря начал сегодняшний день с фотки. Нужно не забывать отдыхать. Работа в режиме 24/7 ни к чему хорошему не приведёт.

16:23

Посмотрите, пожалуйста, коротенькое выступление Вадима Макишвили о том как важно делать перервы в течение дня. youtube.com/watch?v=iBHr8g…

16:25
@jsunderhood в выходные можно про всякий оффтоп поспрашивать? Кто за каким видом спорта следит и интересуется? Удается ли самим заниматься?
16:25

.@denswor Я уже рассказывал, что хожу на работу пешком. Ещё делаю элементарную зарядку. Катаюсь на беговых и горных лыжах. Играю в сквош.

16:27

.@denswor За спортивными мероприятиями не слежу, так как не нахожу в этом пользы лично для себя. Расскажи, пожалуйста, что интересует тебя?

16:28
@jsunderhood мужской теннис 4 раза в год. когда удается попасть на корт, играю сам, но не слишком умело, впрочем. Ну и ЧМ футбол, хоккей…
16:38

.@denswor Хотел бы ты больше заниматься физической активностью? Что, по-твоему мнению, препятствует этому?

16:42
@jsunderhood да, конечно. но лень и недостаток свободного времени…

Как мы все тебя понимаем, да ребята и девчата? Всем лень и ни у кого нет свободного времи. ^_^ twitter.com/denswor/status…

16:48
@jsunderhood А вело ?

На велосипеде не катаюсь. В городе радости мало от него, по-моему. twitter.com/DragorWW/statu…

16:51
@jsunderhood @denswor Отутствие свободного времени — это городская легенда. У всех в сутках 24 часа, вопрос в приоритетах
16:54

Хей, а вот у меня вопрос возник: ходить в оперу или на концерт и на стадион болеть за любимую команду — это эквивалентное времяпровождение?

17:20
В догонку к @jsunderhood сегодня можно поназадавать вопросов Николасу Закасу, автору ESLint и вообще крутому чуваку twitter.com/slicknet/statu…
17:24
@jsunderhood и опера, и стадион — они очень разные бывают. но у оперы богаче бэкграунд, так что я за оперу. но если финал Уимблдона… :—)
17:26
@denswor @jsunderhood Не слежу вообще. Недавно занялся боксом. Доволен как слон, рекомендую)

Да что ж вы все такие мне про ЗОЖ пишете. Нет чтобы кто-нибудь написал: «Люблю лежать с пивасом перед телеком» :-) twitter.com/_sashashakun/s…

17:28
@denswor @jsunderhood я немного наркоман, увидя слово опера, думал про браузер. Одуплился только секунд через 15 😊
17:29
@denswor @jsunderhood оооочень много футбола. Ну и большие мероприятия типо ОИ и чм по баскетболу, хоккею
17:37
@jsunderhood с точки зрения самого ходака — думаю, да. Он фанат, ему нравится — он ходит. Ж)

Отличный аргумент! twitter.com/KSDaemon/statu…

17:46
@jsunderhood @denswor шоу скорее нет. Драма да, пощекотать нервы тоже да. выплеснуть эмоции (если на стедионе, да и дома).
17:49
@jsunderhood нравится ощущать свою причастность к чему то большому. к какому то сообществу. Ну и сам футбол мне просто интересен)

Мы с друзьями сегодня разговаривали о том, что человек хочет быть индивидуалистом и быть в группе одновременно. twitter.com/iAmKalech/stat…

17:50

Казалось бы, зачем люди ходят на матч, когда можно посмотреть по ТВ?! Зачем идут на конфу, когда будет запись на Ютубе?! Странные мы.

17:52
@jsunderhood @iAmKalech так и есть, это две из четырёх потребностей человека, согласно одной из психологических гипотез.
17:55

.@FladeX, а какие ещё две? @iAmKalech

17:55
@jsunderhood @iAmKalech потребность в родителях и потребность в жертве (благотворительность в различных формах, например).
18:08
@jsunderhood @dcromster мнение о Sails JS?

Я не пробовал его. Не было задач, чтобы прям MVC нужно было. Но я слыхал положительные отзывы от других. twitter.com/beshur/status/…

18:31
@jsunderhood ты еще спроси, как кто с ночным дожором справляется :—) ну, там печеньки с чаем вечером поточить, пока верстаешь/дебажишь…
18:40
@jsunderhood Тут как-то делились подкастами по программированию, а кто знает хорошие видеоблоги? Желательно на английском.
18:41

Список рекомендаций по результатам нашего внезапного #FollowFriday, если кто пропустил, gist.github.com/mistakster/9c0…

18:43

Спасибо за интересные беседы, критику и похвалу.

18:45

На этой неделе с вами был Владимир @mistakster (он же @mista_k).

Ciao!

18:48

github.com

other