# Понедельник 45 твитов
Начнем с того, что последние 2 года я работаю в компании Артек @Artec3DScanners в качестве единственного Frontend разработчика.
15:30В основу моей работы в Артеке входит в первую очередь верстка, js скрипты и немного попиливание WebGL плеера.
15:37В начале этого года я впервые посетила @moscowjs и весной выступила с докладом по WebGL и созданию своего 3D плеера при помощи Three.js.
15:40Теперь я стараюсь помогать ребятам в организации frontend встреч в Москве. В августе мы сделали крутую конференцию! @frontend_union
15:44Недавно я начала вести курсы по основам веба и анимации в @moscoding В конце курса изучаем Three.js. Скоро будут курс для детей :-)
15:46Вообще я считаю,что обучать программированию кого-либо это круто! Особенно офигенное чувство внутри возникает,когда видишь интерес в глазах)
15:48@jsunderhood еще круче, когда видишь результат и leap forward в наслаждении жизнью у юного (или не очень) падавана :)15:51
Скажу честно-перед курсами я всегда волнуюсь.Потому что хочу,чтобы ребята заинтересовались и не боялись искать дальше ответы самостоятельно.
15:53Все узнали фильм в фоновой картинке?) Я с детства была увлечена компьютерами. Но по большей части я играла в разного рода компьютерные игры.
17:05Меня немного удивляет, что среди программистов не так много геймеров. И да, я мечтала писать игры. Мои любимые RPG, но не онлайн.
18:23Кстати есть ли среди вас программисты, которые принимают участие в написании каких-либо игр? Если да, то расскажите, что делаете? Интересно!
18:25В нашей компании Artec @Artec3DScanners делают 3D сканеры. Они достаточно известны. Ими снимали Обаму, используют в кино и для игр, и т.д.
18:35. @jsunderhood а вообще, когда я писал проекты на ангуляре, то по вечерам я поигрывал в реакт.18:36
Подскажите, как убедить коллегу рубиста, что JavaScript это тоже язык программирования?
18:37Пользуясь случаем напишу, что 7 ноября будет встреча любителей игр @biowareru Я собираюсь сходить впервые.
18:40@jsunderhood показать ему функциональную сторону языка со всякими стримами и прочими плюшками?18:41
@jsunderhood для начала дать определение, что есть язык программирование :)18:42
@jsunderhood Рубисты просто не способны осилить JS. Иначе они бы не стали создавать CoffeeScript.18:42
Кстати да, я не сказала, что мы используем. Так вот у нас кофе( Я задумала потихоньку переходить на es2015,но пока не доходят руки @webholt
18:44@jsunderhood я давно планирую что-нибудь начать уже пилить потихоньку, но порог идей пока не преодолён %)18:46
@jsunderhood Мой коллега-рубист вчера сказал, что этот наш Реакт не так уж и плох :-) После двух дней работы с ним.18:47
А какую фишку в JavaScript вы любите больше всего? Что в нем на ваш взгляд лучше или удобнее? Может самое яркое преимущество на ваш взгляд
18:51@jsunderhood Ага. Pillars of Eternity вот почти прошёл, но она начала на каждый шаг под мак вылетать Т_Т18:52
Потому у меня винда. Вопрос ко всем: Чем маки-таки удобнее? Ретина понятно, но она не только там @ki_zu
18:53@jsunderhood Писал бэкэнд для мобильной игры на ноде. По сути обычная апишка, ничего необычного.18:53
На работе у меня есть Mac Pro и крутой Asus с Linux иотличной видюхой. Но я устала таскать 3,5кг :-(
18:56@webholt @SiliconBangalor @jsunderhood хаскелисты тоже не способны, поэтому создали GHCJS, Haste и PureScript. как будто что-то плохое.18:56
@jsunderhood анонимные функции? Я не знаю насчет преимуществ и наличия такого в других языках,но javascript почти полностью на этом построен18:56
@jsunderhood Ретина не самое важное. Удобная и красивая ОС, хорошие приложения, нормальная консоль, удобное и хорошее железо.18:57
Чем командная строка в маке лучше линукса? @s_martynuk @ki_zu
18:57@jsunderhood @ki_zu вся сила командной строки + удобный UI + ретина18:57
@jsunderhood @ki_zu Пока не начнешь пользоваться, не поймешь чем макось лучше. Это как пересесть с жигулей на нормальную машину18:58
@jsunderhood для себя пилю платформер на js, и мееееедленно осваиваю unity, на работе тоже есть своего рода "игра",но там NDA)18:58
Для работы в вебе Линукс или Мак очевидно удобнее, но играть нет. Сразу куча игр пропадут из списка возможных. @Semenov @ki_zu
18:59Планшет я не могу воспринимать всерьез. 1-экран маленький, никакой погруженности, 2-на него вряд ли есть Mass Effect @Semenov @ki_zu
19:03@sapegin @jsunderhood а я не макофоб - я рационально подхожу к рабочей среде, Ubuntu тоже красивая и с консолью, а железо сам выбираешь19:04
После Винды Ubunta и Mint - это кошмар для меня. Там даже настроек толком нет. Да и Windows7 мне нравилась внешне @dshster @sapegin
19:06@jsunderhood До мака мне семёрка тоже нравилась :-) @dshster19:06
@jsunderhood мелкие игрушки на сайты иногда делаю и был опыт создания социалок. но их делаю на actionscript)20:33
@jsunderhood у игр двойственный эффект: расслабление и трата времени, пока мог дописать какую-нибудь функцию или процедуру) Gothic & TES <320:57
@jsunderhood @dshster @sapegin потому что я пользуюсь прогами семейства adobe, что намного проще пользоваться на windows чем на ubuntu
согласна
@jsunderhood @dshster @sapegin потому что я пользуюсь прогами семейства adobe, что намного проще пользоваться на windows чем на ubuntu
21:07
Всем спокойной ночи! До утра (:
Если кто-то хочет поговорить завтра о каких-то конкретных темах, пишите! pic.twitter.com/1fGbPhdMds
# Вторник 83 твита
@jsunderhood @eljusto приходите учить к нам на mkdev.me :)7:41
@jsunderhood расскажи зачем для плеера использовать three.js? Оно же скорее про 3d7:41
@jsunderhood @Trufid а можно пример/видео сего зашарить?7:45
В публичном доступе наш плеер доступен только на сайте viewshape.com @AntonShevchuk @Trufid
7:46@jsunderhood 3d-сканирование у меня в первую очередь ассоциируется с написанием драйверов, серьезной математикой, подготовкой моделей. >>7:47
Все верно. Только этим занимается отдел С++ программистов :-) к софту сканеров веб отдел имеет неблизкое отношение @besedin_iu
7:48@jsunderhood >> Так, веб остаётся для оф. сайта, написания\поддержки 3d-плеера, возможно, работы по интранет-сервисам. Ничего не упустил? )7:48
Правильно. У нас несколько сайтов компании. Некоторые связаны с нашим плеером. Но задач много и помимо него @besedin_iu
7:49В этом году я подумала о том, чтобы присоединиться к разработке какого-нибудь Open Source проекта в свободное время. Что посоветуете?
7:52Также думала о подработке фрилансером, но как-то страхово. Не раз натыкалась, что люди не хотят платить предоплату, а потом могут кинуть.
7:54@jsunderhood То, что ты сама используешь :-)7:54
@jsunderhood А я, наоборот, решил этого больше не делать ಠ_ಠ7:55
@jsunderhood то, чем ты пользуешься. Нет смысла поддерживать что-то для галочки — вклад должен мотивироваться сильным баттхёртом.7:57
@jsunderhood Перестало приносить какую-либо пользу: опыт, интересные задачи, деньги.7:59
@jsunderhood давай к нам! Нам нужны люди! Чтобы больше не было нестабильных тестов :-)7:59
Кстати касательно тестов. У нас в проекте по js только интеграционные тесты на capybara. Я замучилась с нестабильностью! @Vitalliumm
8:03Какие тесты на ваш взгляд важнее во фронтенде: интеграционные или unit?
8:03@jsunderhood Все пишут в основном юнит. А большенство не может ошибаться :)8:23
@jsunderhood если это Poltergeist, то там еще 1.x версия (она еще почти везде, к сожалению). 2.x ведет себя гораздо стабильнее.8:24
@jsunderhood это во многом от проекта зависит. Но лично для меня юнит-тесты всегда на первом месте.8:26
@jsunderhood а как вы скрещиваете тесты js c тестами на rails, какими технологиями?8:27
Только интеграционные тесты капибары. Для этого в рельсах используют гемы @ErrorSoul
8:29@jsunderhood на интеграционные часто забивают, так как интерфейс приложения постоянно меняется8:29
@jsunderhood @Artec3DScanners а тебе не скучно одной? хватает общения?8:29
Мне всегда хотелось работать в большой команде фронтендеров, но обычно я или одна или нас двое. @iamstarkov
8:33@jsunderhood советую заняться чем-нибудь своим8:33
@jsunderhood мне нравится надеяться, что его скоро заменят. Уродливие языка нет.8:33
Например на что заменят JavaScript? @aod_toxic
8:34@jsunderhood ок, poltergeist jasmine guard итд? Просто некоторые их через grunt cкрещивают.8:34
А зачем, если есть гем к самим рельсам? @ErrorSoul
8:35С общением все ок, но одной катастрофически не хватает времени на изучение всего нового и выбора технологий. @iamstarkov @Artec3DScanners
8:37@jsunderhood есть же сайты, которые нивелируют риски.8:38
Какие надежные сайты для фрилансеров можете посоветовать? Как в России, так и зарубежные @aod_toxic
8:41@jsunderhood Согласен. Так что я рад, что у нас теперь не я один фронтендом занимаюсь. @iamstarkov @Artec3DScanners8:42
Это большая ответственность к тому же.Да и черпать знания нужно постоянно только тебе.Поэтому я рада,что есть @moscowjs @sapegin @iamstarkov
8:45@jsunderhood А мне, наоборот, в маленькой :-) Большая команда с плохо налаженным общением — зло. @iamstarkov8:46
С общением обычно у меня нет проблем. Я ярко выраженный экстраверт)) Разговорить можно каждого, нужен подход. @sapegin @iamstarkov
8:47@jsunderhood мне не хватало технического общения в маленькой команде8:47
@jsunderhood @iamstarkov @Artec3DScanners я один вполне справлялся с изучением нового. главное знать откуда черпать инфу8:47
Ты вообще крутой!) @chicoxyzzy @iamstarkov
8:47@jsunderhood @aod_toxic одеск, с нулевым рейтингом можно стартовать с маленьких простых заказов8:49
@jsunderhood @sapegin дело именно в общении с коллегами по фронтенду
Для этого и существует @moscowjs Там столько крутых ребят
@jsunderhood @sapegin дело именно в общении с коллегами по фронтенду
10:28
@adaniliuk @jsunderhood @aod_toxic можно в toptal сразу попробовать10:29
@jsunderhood на байткод, в который будут компилится много разных языков.
"Сынок, это фантастика" :-)
@jsunderhood на байткод, в который будут компилится много разных языков.
10:30
Как вы относитесь к курсам повышения квалификации? Считаете ли вы,что они могут помочь вам в развитии или убеждены, что интернета достаточно
10:36Я год назад прошла JavaScript brainwashing у @demiazz и @andrey_sitnik Интенсив конкретный с 10 утра почти до 10 вечера. В общем круто!
10:39@jsunderhood Василика, как вы считаете, плодотворнее заниматься с учителем, или всё-таки отсутствие наставника закаляет намного лучше?10:42
Это очень зависит от натуры человека.Отсутствие наставника и источников вдохновения может привести к тому,что все надоест. Перегоришь @psyw
10:44@jsunderhood Мне кажется, что любые (качественные) курсы принесут только пользу, как минимум позволят почерпнуть что-то новое, неизведанное10:44
Я даже не столько о конкретных докладах, сколько о ребятах самих, с которыми там познакомилась лично. @justusebrain @moscowjs
10:45Вопрос к тем, кто считает себя гуру,ниндзя и просто профессионалам.Делитесь ли вы своим опытом с другими разработчиками? Если нет,то почему?
10:50Если кому-то интересна библиотека Three.js, то вот тут есть стартовый курс на русском
diductio.ru/course/2060/ Крутой сайт, тут много всего
@jsunderhood Только интернета не достаточно. Но не уверен, что курсы полезны. Большинство — точно нет.10:53
@jsunderhood А ещё без «контроля» наставника не знаешь правильной ли дорогой идёшь. @psyw10:55
@jsunderhood Еще есть отличный ресурс с объяснением о графическом конвейере, примерами с OpenGL и GLSL lighthouse3d.com/tutorials/glsl…11:26
@jsunderhood активные чуваки ведут блог Learning Three.js learningthreejs.com11:26
Меня больше всего удивляет в коллективных аккаунтах (@jsunderhood @cssunderhood и тд) – откуда у людей время целую неделю сидеть в твиттере?11:28
@iamstarkov @baxazar_ @jsunderhood @Artec3DScanners не думаю, что есть какие-то универсальные ссылки. я читаю GitHub, esdiscuss, gitter-чаты11:51
@jsunderhood Василика, я не верю своим глазам, обалдеть просто! fractalfantasy.net/?utm_content=k…
да-да, офигенский дядечка))
@jsunderhood Василика, я не верю своим глазам, обалдеть просто! fractalfantasy.net/?utm_content=k…
11:51
@aod_toxic @jsunderhood Молимся и ждём WebAssembly.12:20
@cherurg @jsunderhood это как c PHP - язык, проблемы решает, продукты на нем делаются, но это не означает, что это лучшая реализация языка12:20
@jsunderhood Я просто не могу поверить, что такое можно сделать на WebGL, я потрясён.12:20
По WebGL и Three.js вот тут тоже много примеров по книгам
smartjava.org/content/all-80…
sites.google.com/site/webglbook/
@chicoxyzzy @iamstarkov @jsunderhood @Artec3DScanners к примеру на ютюбе есть много полездного.каналы Loftblog, artsorax, webtheory...12:40
@jsunderhood Василика, а нет ли каких-нить русскоязычных ресурсов (кроме того с видео, который вы сегодня скидвали) на эту тему?13:03
Русскоязычных ресурсов не так много
metanit.com/web/webgl/
megakolyan.ru/category/three…
savepearlharbor.com/?s=three.js&su…
@psyw
Наиболее полная версия моего выступления про WebGL и Three.js, включая шейдеры была на @webstandards_ru youtu.be/V7bnSOwuO4M?t=…
13:09@jsunderhood @psyw Есть еще вот такая книжка: litres.ru/koichi-macuda/…
точно, я ее прочитала)
@jsunderhood @psyw Есть еще вот такая книжка: litres.ru/koichi-macuda/…
13:38
@listochkin @rwpod @jsunderhood @rubyunderhood для себя решил, что не бывает недоязыков. Если он помогает что-то сделать, то он хороший.16:39
@cherurg @jsunderhood @listochkin в js я не метил если что. Его проблемы достаточно мелкие и у него внятная модель есть, последовательная.16:39
@jsunderhood Мне очень помогли марсианские Брейнвошинги, загрузили мне в мозг того, что я хотел выучить но не хватало времени17:18
Недавно я закончила свое 3летнее существование без алкоголя. Приходите на афтепати @moscowjs будем общаться вживую! Так веселей)
18:32Все кто хотел успели зарегаться на Я.субботник? Мы с @liveldi90 пойдем. Мне особенно интересен доклад про WebGL.
events.yandex.ru/events/yasubbo…
@jsunderhood @webstandards_ru особенно впечатлился рассказом о #threejs. Кое-что сделал на ней методом тыка вслепую. Теперь виднее что/куда)20:00
Слышала по отзывам, что про шейдеры было немного сложно для тех, кто о них не слышал особо. @alexdiscourse @webstandards_ru
20:01Код пишу в последнее время все больше в Sublime. Пробовала Dreamweaver, Eclipse и RubyMine, ну и Notepad ++ XD
RubyMine кстати понравился
RubyMine не пользую потому что на моем линуксе он подтупливает изредка. Дико бесит порой.
20:07Что касательно работы и личной жизни. Я это достаточно четко разделяю. Дома у меня нет *nix ОС, а через Windows работать с RoR не айс)
20:18В свободное время смотрю кино, играю на компе, общаюсь, хожу на мероприятия, больше всего люблю путешествовать,но с этим часто не получается
20:23Все молчат, поэтому спокойной ночи! До завтра всем трудоголикам)) pic.twitter.com/82DGKRkTyI
20:26# Среда 113 твитов
@serhey_shmyg @jsunderhood еще как может! Один считал, что Земля круглая, а большенство, что плоская. И таких примеров великое множество.7:59
@jsunderhood Рубимайн клёвый, ну и вообще все Джетбрейнсы.8:00
@jsunderhood атом?8:00
Атом как саблайм почти, только га него наверняка меньше плагинов. В чем его преимущество? @iamstarkov
8:01@jsunderhood а сайд-проекты?8:01
У меня нет сайд проектов. @besedin_iu
8:02@jsunderhood @iamstarkov уже гораздо больше + порог вхождения ниже, т.к. JS (API, правда, кривоватое)8:05
Кто-нибудь из вас видел реальное применение Canvas 2D API? Пиксельная графика уступает векторной. Я чаще встречаю разные решения на svg.
8:07@raxpost Поддержка фронтенда во всех Джетбрейнсах одинаковая, поэтому выбор определяется только языком бэкенда. @iamstarkov @jsunderhood8:07
@jsunderhood @iamstarkov тем, что под атом 2933, а под sublime 3267. Из которых 511 только под sublime 2.8:08
Ok, убедили. Попробую Atom :-)
8:08@jsunderhood я использовал для некоторых задач с космическим интерфейсом. Но в целом впечатления не очень.8:09
А есть где посмотреть результат? @DenisIzmaylov
8:09@jsunderhood у атома активное коммьюнити и развивается он в разы лучше, чем саблайм8:10
Как долго вы работаете в одной компании? По каким в основным причинам происходит смена работы?
8:11У меня так: 1-хочу больше денег, 2-понимаю, что уже исчерпала все интересные и полезные для меня задачи на этой работе.
8:13@jsunderhood @iamstarkov мне нужен был автокомплит по путям для модулей, под атом я за вечер написал его сам atom.io/packages/autoc…8:13
@jsunderhood делал на Three.js vimeo.com/101688744 вот эту штуку. Было очень интересно и много математики, жаль проект не пошел8:13
@jsunderhood делал лоадер на svg. Он зависал при загрузке. Оказалось, что из CSS анимации, в фоне выполняются только transform.8:14
@jsunderhood только 2 причины: коллектив и интересные задачи.8:14
По поводу собеседований. Было у меня одно, где 2 взрослых скептичных мужика позвали меня, чтобы поглазеть на девушку программиста.
8:16@jsunderhood вот пример этого поведения phpied.com/css-animations…8:16
Я конечно сразу поняла, что не хочу работать в таком месте.
8:17Кстати я никогда не думала о переезде в другую страну на ПМЖ. Максимум работа на пару лет по контракту, а затем возвращение в Россию.
8:19Очень интересно ощутить атмосферу работы в других странах, но строить семью и растить детей в другой стране не хочется.
8:19Я не скажу, что на какой-то работе у меня был недружный коллектив. В основном все по-доброму.
8:21Я мечтаю стать действительно крутым разработчиком, а затем я бы хотела быть тим лидом, чтобы помогать команде качественно расти.
8:25@iamstarkov @jsunderhood вот только если какой то плагин атома зависает, зависает весь редактор. Sublime же прибивает через пару сек.8:25
При переезде в Москву я выбрала направление frontend, потому что мне интереснее заниматься внешкой, тем что видит конечный пользователь.
8:28@jsunderhood какой была первая работа в вебе?8:29
Первая работа была создание интернет-магазина для ТЦ. Выбрали HostCMS я ее настраивала и верстала. @DremTQ
8:30На второй работе делали сайты на php/jQuery для флеш игр. Там все программисты были парни кроме меня. Весело было.
8:33Затем был перерыв в работе по профессии - занялась политикой. Пошла на выборы в качестве кандидата и работала помощником депутата.
8:34@jsunderhood а как вообще сейчас относятся в WebGL на рынке? Перестали бояться? Есть коммерческие решения?8:35
Еду на работу в электричке из Королева. Рядом сидит парень делает презентацию для badoo, что-то про сборщики. Наверно тоже фронтендер XD
8:38На выборах я заняла 2 место из 14 кандидатов. В общем не прошла, победил конечно единорос. Это были выборы в Тверскую гор. Думу @ChillyBwoy
8:40@jsunderhood @Lik04ka делал игры MMORPG в Nexters, правда онлайн, социальные и бекенд:) а так CSS3, спрайты и тонны механик8:40
WebGL уже не так боятся, потому что компьютеры становятся мощнее, но все же сложные шейдеры могут крэшить приложения.
8:42Для ревью кода мы активно юзаем @houndci Порой конечно пес раздражает своими предъявами, но его можно воспитывать))
8:45@jsunderhood у WebGLсейчас все плохо, производительность крайне низкая и не может заменить, к примеру, Unity3D.8:47
Unity для веба уже использует WebGL, разве нет? @beshkenadze
8:48@jsunderhood да, но из-за косяков в WebGL качество и производительность не сравнима с плагином.8:51
В production игру не вывести.
@raxpost @jsunderhood поэтому наша игра осталась на Unity3D, а пользователям Chromuim советуем другие браузеры.8:51
@Chudesnov @jsunderhood @iamstarkov ага, только питон я не знаю, а js знает почти каждый программист. Именно по этому за атомом будущее.8:51
@jsunderhood @beshkenadze вполне себе нормально webglgames.com/deadtrigger-2/8:51
@gusnkt @jsunderhood @iamstarkov учитывая, что es6 и es7 стремительно догоняют python (даже по синтаксису), будущее действительно за js, да.9:10
С таким подходом можно везде искать все лучшее. Например лучшего мужа) Но идеалов нет. Меня в общем устраивает эта страна @Xedin @Lik04ka
9:26@jsunderhood я в ч/б картинки перекрашивал для анимаций. А так хороший инструмент для реализации ФШ в браузере :)10:13
Что может быть клевого в виме? @stigmat4j @iamstarkov @gusnkt @Chudesnov
10:14@jsunderhood @iamstarkov @gusnkt @Chudesnov #vim идеология, навигация, множество плагинов, скорость, одно окружение с удалённым сервером.10:18
Мне кажется, работа в виме похожа но работу с черным блокнотом) Но я честно даже не пробовала)) @stigmat4j @iamstarkov @gusnkt @Chudesnov
10:19@myjsalterego @jsunderhood когда объектов очень много, canvas спасает: bl.ocks.org/erohinaelena/1…10:19
@myjsalterego @jsunderhood конечно, использовали. Canvas быстрее при частичной перерисовке, поддерживает framebuffer, умеет ретину.10:20
Но с ними труднее взаимодействовать, так как их нет в DOM @Devgru @myjsalterego
10:20@devmru @gusnkt @jsunderhood @Chudesnov @iamstarkov конфиг вима - дело личное, порой даже интимное :) github.com/stigmat4j/dotf…10:21
@jsunderhood @myjsalterego факт. Для этого есть куча библиотек, их надо использовать.10:22
@jsunderhood @iamstarkov разница в том, что саблайм - мертв и не развивается.10:23
@jsunderhood @shuvalov_anton будет в Рамблере, 29 октября
Итак, все поняли, где мы встречаемся? :-)
MoscowJS будет 29 октября в офисе Rambler. А потом афтепати.
@jsunderhood @shuvalov_anton будет в Рамблере, 29 октября
10:51
@jsunderhood у vim прикольная фишка в микроязыке команд. Например [сколько штук][удалить][что удалить] 4dap - удалить четыре параграфа.10:52
Как вам идея провести вместо обычной конференции летом WebCamp? Где-нибудь на природе на 2 выходных дня, возможно даже не под Москвой.
10:54@deepwalker @jsunderhood я довольно неплохо освоил vim и emacs, но в итоге — выигрывают фишки IDE, а не скорость редактирования текста11:00
@Lik04ka @Xedin @jsunderhood вообще пожить какое-то время заграницей полезно, чтобы понять, что не так уж всё и плохо в России11:18
@jsunderhood На ПМЖ сразу только в Израиль едут. Во всех остальных странах надо временно пожить прежде чем вообще задумываться об этом.11:24
@shyr1punk @jsunderhood @shuvalov_anton да, там. React будет мимолётом + WebPack, Тестирование, JSDoc11:25
Кстати. Документирование кода. Я присмотрелась к JSDoc,но мы так его и не внедрили пока. Поделитесь опытом в этом плане.Есть ли что удобнее?
11:27@jsunderhood CSS документируем KSS-синтаксисом. А смотрим потом все в sc5-styleguide, который я на конфе показывала.11:29
А зачем документировать CSS? Я про JS, в основном, чтобы не забыть при большом проекте зачем какой код применяется. @toivonens
11:30@jsunderhood удобно, когда ide понимает jsdoc - подскажет сигнатуру метода и человеческое описание, подстветит неверно переданный тип.11:35
Выложены видео с MoscowJS 25 на нашем канале YouTube youtube.com/playlist?list=…11:39
@jsunderhood в большой команде без документации сложно. дока призвана синхронизировать знания каждого члена команды. (@toivonens)11:41
@jsunderhood использовали JSDoc для кода приложения но потом отказались от этой затеи, больше ритуалов чем реальной пользы.11:46
@jsunderhood для библиотек особых альтернатив нет. Очень советую посмотреть на i.ncrp.co/1b18043E1i2R, очень полезный сабсет JSDoc.11:46
. @dcromster @jsunderhood @rubyunderhood конфлюенс12:00
Effeckt.css Библиотека для css эффектов github.com/h5bp/Effeckt.c…
кому лень писать вручную или просто для вдохновения создать у себя подобное
Взгляните, кто еще не видел a.singlediv.com
Все картинки сверстаны одним дивом и двумя псевдоэлементами)
@jsunderhood BeerJS Moscow одобряет! =)12:13
На этом сайте много готовых примеров с WebGL chromeexperiments.com
Например,один из них тут:Включите веб-камеру (:
yuichiroharai.com/wgl/9_illustri…
На @devconf_ru был один веселый доклад про рабочее место. А как вы бережете свое здоровье?
devconf.ru/data/2015/ppt/… @AntonKalyaev
Я бегаю наливать чай со 2 этажа на 4 XD
12:33@jsunderhood Я лично несколько лет назад сделал на кэнвасе игру Арканоид. Если интересно, могу показать.
Покажи конечно!
@jsunderhood Я лично несколько лет назад сделал на кэнвасе игру Арканоид. Если интересно, могу показать.
12:35
@jsunderhood Вот, Василика, держите: css-live.ru/Primer/Arc/NEW…12:47
Всё как положено: разметка пустая, кругом только кэнвас, жс и бла-бла:)
Мелкомягкие собрали несколько полезных ссылок по WebGL
msdn.microsoft.com/library/dn3858…
@jsunderhood @moscowjs а когда ближайшая встреча? Кстати, а бывают ли Nodejs встречи в Москве?15:06
Ближайший @moscowjs 29 октября в офисе Рамблер @1_uc1ph3r
15:07Что думаете о таком уходе из проекта ключевых разработчиков? :-)
Автор @mogilnikov советует почаще менять проекты.
medium.com/@mogilnikov/%D…
@jsunderhood Про почаще там ничего не было! Человек, который работал на каждом месте не более года-двух выглядит подозрительно :)15:15
@jsunderhood Не совсем так, бывает всякое. Но если у тебя в резюме большинство/все места работы с таким коротким сроком - это плохой знак15:23
Среди плагинов Chrome у меня стоит Web Developer, ColorZilla, Awesome Screenshot, Screencastify для видео и Rulers, Guides, Eye Dropper.
15:48@chicoxyzzy @jsunderhood значит надо делать свой NodeJS митап с чайханой и бэкендерами. Кто бы пошел?16:17
@freiksenet_ru @jsunderhood @mogilnikov я уже 10 лет в Яндексе. Столько возможностей и движухи вокруг, что до сих пор не надоело.19:04
Встречайте — первый NodeJS митап в Москве meetup.com/Moscow-NodeJS-…19:05
Одни из самых интересных задач, которые у меня были это сложные анимашки и конечно задачи по Three.js
19:15Программисты, которые меня вдохновляют на совершенствование это @gaar4ica @andrey_sitnik @demiazz и еще несколько людей, которых нет в тви
19:21Но самый хороший мотиватор - это деньги. Когда ты понимаешь, что все твои знания превращаются в исполнение желаний - это офигенно!
19:22И еще конечно важные источники вдохновения и желания творить это сообщество единомышленников @moscowjs и подкасты @RadioJSPodcast
19:24Котаны, а кто-то делал WebSql хранилище для Safari (OS X, iOS)?19:25
// @cssunderhood @jsunderhood
@r3nya @cssunderhood @jsunderhood не пользуй websql, он deprecated. Смотри indexedDB. Я пробовал оба :) но в хроме19:25
@jsunderhood самый хороший мотиватор это довольные юзвери, которые платят тебе за твой софт и оставляют свои “Спасибо”-ревью19:26
@jsunderhood Тут возник вопрос, как понять уровень своего фронтенд мастерства :) ?19:33
Всегда есть к чему стремиться. Но когда за советами все будут постоянно идти непосредственно к тебе, уже повод задуматься) @serhey_shmyg
19:36@jsunderhood А в целом, конечно же, "век живи, век учись". Особенно с теми темпами развития фронтенд тулзов, джса и вообще :)19:40
Я вообще очень рада, когда знакомлюсь с девушками программистами. Хочется поддерживать друг друга и не терять контакты.Причем сфера не важна
19:46Очень круто, что на @moscowjs познакомились с @liveldi90 Причем оказалось, мы с одного города. Из Твери! Теперь дружим вот :-)
19:48Ребят, порекомендуйте пример реализации MVC приложения на node+express. Код/структуру посмотреть. Можно с фронтендом :) @jsunderhood19:56
@c01nd01r @jsunderhood посмотри шаблон для Yeoman -> github.com/petecoop/gener…20:04
@jsunderhood девушки в IT сфере очень крутые. я почему-то сложно схожусь с девушками, а тут прям все, с кем сталкивалась, очень нравятся20:05
@jsunderhood я делал пазлы на canvas. Загружаешь любое изображение, я его резал на пазлы любого размера, потом собираешь.20:17
@jsunderhood самый хороших мотиватор — не просто деньги, а их постоянный рост.20:37Желательно экспоненциальный ;)
@jsunderhood круче всего, когда твои знания увеличиваются, а тебе за это ещё и платят ;)20:37
@doochik @jsunderhood можно глянуть на progressive image у @Medium. Они грузят тамбнейл и блурят его канвасом. Отличное применение ИМХО!20:50
Всем ночи! pic.twitter.com/zjLgQIsMHp
21:12# Четверг 61 твит
@serhey_shmyg @jsunderhood ходить на собеседования6:59
. @jsunderhood Хотите эту статью на русском?7:00
fse.guru/how-to-pick-a-…
девочки и мальчики а как фреймвоку materialize объяснить что Medium экран от 1000px а не 900? Не нахожу :) @cssunderhood @jsunderhood7:47
Another site with primitive examples Three.js
It is useful for beginners in 3D #WebGL #JavaScript #forntend #threejs
stemkoski.github.io/Three.js/
@jsunderhood tutorialzine.com/2013/09/20-imp…
20 Impressive Examples for Learning WebGL with Three.js
@jsunderhood tutorialzine.com/2013/09/20-imp…
10:19
A good presentation about Three.js the abilities
davidscottlyons.com/threejs/presen…
@cssunderhood Курсы Евгения Попова. /s
Присоединяюсь. Я сама училась по его видеокурсам.
1popov.ru/disc11/
@cssunderhood Курсы Евгения Попова. /s
10:40
На работу я устроилась на 4 курсе, когда стало посвободнее с учебой. Перед этим я посмотрела курсы Евгения Попова, и меня взяли на работу.
10:58Через полгода работы у меня уже был отдельный кабинет и два сис.админа под моим присмотром :-)
10:58Сборник полезных ссылок для фронтендеров.
headjs.ru/info
Обратите внимание на список подкастов
(Если еще кто не видел @headjs_ru)
У кого из вас на работе в начале создаются прототипы, а только потом создается дизайн по готовому прототипу?)
11:45У нас было и с прототипами, и без. И конечно с прототипами в разы лучше. Дизайнер не всегда понимает, где, что и как правильно разместить.
11:51@jsunderhood когда нужно отрисовать на карте слой с большим количеством точек, то SVG уже не справляется, только Canvas12:49
@serhey_shmyg @jsunderhood уже на порядках 10000 точек браузер начинает лагать12:52
@jsunderhood @blia @chicoxyzzy плохо? learn.javascript.ru
круто!)
@jsunderhood @blia @chicoxyzzy плохо? learn.javascript.ru
12:59
Друзья ищут фронтендера в стартап. Remote. За подробностями пишите на e-mail на пикче.13:56
//cc @cssunderhood pic.twitter.com/GtHPViF7Wy
@jsunderhood для нас это важный этап разработки, к дизайну переходим только после утверждения прототипов с клиентом14:08
У кого проекты c backend тоже на Ruby on Rails какой стек frontend технологий вы используете? Очень интересно, думаю, куда развивать наши.
14:14@jsunderhood Переходим с ванильного Джейквери на Реакт/Редакс/Вебпак/ES6 и всякое такое.14:18
Я думаю,что хорошему фронтендеру не помешает чувство прекрасного и знание основ #usability Чтобы по мелочи не обращаться к помощи дизайнеров
15:21@lancedikson @freiksenet_ru @jsunderhood про npm vs bower15:42With NPM 3 there is no valid reason for people to keep using Bower anymore other than inertia. It's *good* for front-end deps now.
@sapegin @jsunderhood ну и английского языка15:43
@jsunderhood @rubyunderhood один проект - админка на react + omniscient; сейчас начинаем переделку user части в другом - react + flux15:58
Что там с кинопоиском случилось? Почему он так медленно работал в новом дизайне? :-)
16:10@jsunderhood осталось решить куда закопать дизайнера после добавления мелочей основываясь на своём чувстве прекрасного!17:08
@jsunderhood @cssunderhood @htmlacademy_ru но я потратил на это на тот момент все свои деньги и это была отличная мотивация))18:27
Мотивация порой решает @_sashashakun @cssunderhood @htmlacademy_ru
18:28@jsunderhood уместны ли велосипеды; когда уместны, когда нет; плохо это или хорошо? Или всем реакт, редакс, бэм.18:57
В первую очередь, я думаю, всегда нужно посмотреть на готовые решения, понять их плюсы и минусы для конкретного проекта @makingoff_name
18:59Если готовые варианты тащат с собой много лишнего-можно и написать свое,просмотрев то,что есть. Это поможет избежать ошибок @makingoff_name
19:03Вне работы я не пишу код обычно. В жизни и без программирования много интересного ;-) @makingoff_name
19:06@jsunderhood сначала придумываем интерфейсы в balsamiq, потом отдаём дизайнеру рисовать19:50
@jsunderhood sprockets морально устарел. Для сборки используем webpack(пришли транзитом через gulp+browserify). Фронт на ES6/7, react, redux19:51
@jsunderhood Объясните пжл вот выходят новые спеки, либы тп. Вы чего начинаете проект перетаскивать на все новенькое что ль? ...19:59
@jsunderhood а то вижу ща если не юзаешь ес6 так ты изгой какойто. Фуу ты не синьйор. А ты реакт не юзал. Да кто ты вообще.19:59
@serhey_shmyg @jsunderhood плюсую, мне тоже интересно. Одно дело клепать поделки на пару сотен строк, другое - развивать проект годами20:02
А я солидарна с вами. Новое надо внедрять постепенно, убедившись, что оно подойдет для этого проекта @serhey_shmyg
20:03Мне определенно нравится ваш настрой, но уровень разработчика будет падать, если у него знания сильно запаздывают @serhey_shmyg @as_Crazy
20:05@serhey_shmyg @jsunderhood Ну с ес6 есть вариант прикрутить Бабель и писать новый код с плюшками. Мы так планируем сделать20:05
@jsunderhood Обычные задачи сборки js/css и прочей статики в готовый к доставке в браузеры код. Все намного лучше чем было со sprockets20:05
@jsunderhood @as_Crazy Я не говорю оставаться знаниями в 2012. Быть в тренде. Но без паранои.
Поддерживаю
@jsunderhood @as_Crazy Я не говорю оставаться знаниями в 2012. Быть в тренде. Но без паранои.
20:08
@jsunderhood @sapegin ну переоценить нормальную модульную систему по сравнению с конкатенацией просто невозможно20:15
@jsunderhood Там сильно не всё есть, да и это лишняя задержка при обновлении каждой библиотеки. @as_Crazy20:15
@jsunderhood У нас до сих про jQ + Asset Pipeline, но сейчас переползаем на React + WebPack.20:21
@jsunderhood У нас много real-time, поэтому хотелось бы более быстрой и менее ресурсоемкой перерисовки.20:26
@jsunderhood Ну, и соответственно нам больше рендер нужен, а Реакт тут вроде как молодец.20:26
@jsunderhood чтобы по мелочам не обращаться изначально дизом д.б. сформирован стайл-гайд проекта и все мелочи смотрим там20:32
@jsunderhood @rdvornov @suxxes ещё же есть matreshka.io20:53
@jsunderhood @as_Crazy jQuery это просто селекторы и набор либ, react и angular – архитектурные подходы20:55
А так ли хороша их архитектура? Это же накладывает определенные правила на проект @raxpost @as_Crazy
20:56@jsunderhood @serhey_shmyg да, я считаю нам есть чему учиться у предпринимателей, в том числе и авантюризму21:05
.@jsunderhood Ember - RoR в мире фронтенда, для рубистов многое понятно и знакомо из коробки fromrailstoember.com21:41
# Пятница 26 твитов
@jsunderhood в идеале наверно @emberjs, хотя @angularjs и $resource в сочетание с RoR очень удобен! И много примеров7:40У кого проекты c backend тоже на Ruby on Rails какой стек frontend технологий вы используете? Очень интересно, думаю, куда развивать наши.
Это зависит от доверия начальства непосредственно тим лиду @Borovikov @de_gis @serhey_shmyg
7:42@jsunderhood Уровень разработчика в первую очередь в опыте. Знания, если надо, подтягиваются за месяц @serhey_shmyg @as_Crazy7:48
Часто хотят уже с опытом в конкретном фреймворке @arik0n @serhey_shmyg @as_Crazy
7:50@Borovikov если люди работают за ЗП, то они остаются исполнителями чужой воли, где-то просто более завуалировано @jsunderhood @serhey_shmyg7:50
@Borovikov с работником могут и посоветоваться,зависит от уровня работника и его задач,но всегда есть рамки @jsunderhood @serhey_shmyg7:50
Я не слышала, чтобы где-то за такое материальную ответственность нес разработчик. Но это было бы логично. @de_gis @Borovikov @serhey_shmyg
7:58@jsunderhood @de_gis @Borovikov @serhey_shmyg Такой подход приведет к экспоненциальному росту зарплат, а рынок и так перегрет очень сильно.8:00
@jsunderhood @de_gis @Borovikov @serhey_shmyg стек технологий должен быть проверен, хотя бы на прототипах, и за 3 месяца можно понять уже8:01
@as_Crazy @serhey_shmyg @jsunderhood а как на счет того, что контент на реакте может быть проигнорирован поисковиками?8:04
@achempion @jsunderhood Там же можно генерит страницы на сервере и как-то доставлять в meta статичные алиасы. Так и с другими SPA делали.8:07
Кстати хотелось бы поподробнее узнать про решение проблемы поисковиков и js фреймворков @toivonens @achempion
8:08@de_gis @jsunderhood пол года назад я начал делать новый проект на Angular, до этого его видел только на картинке,это авантюра или глупость?8:25
@jsunderhood slim вдохновлённый jade'ом специально для рельсов, а haml как-то не зашёл )8:33
@jsunderhood не использовали doT.js, но можешь глянуть на skim github.com/jfirebaugh/skim8:48
@jsunderhood давайте лучше обсудим Flux vs Redux, плюсы, минусы, что удобно, а что не очень?10:25
Для @cssunderhood и @jsunderhood в копилку: github.com/sindresorhus/a…10:25
@jsunderhood Сейчас пока angular/backbone. Смотрим в сторону реакта и ангуляр2.11:06
@jsunderhood Нет, конечно :) Проектов много. В свое время был бэкбон, теперь доминирует ангуляр.12:17
@jsunderhood Пока я ещё не перешёл на тёмную сторону: почему сейчас недолюбливают NodeJS? Почти что как PHP. Или мне кажется?14:21
Подскажите как расшарить локальный сайт для устройств подключенных к WiFi? Чтоб на планшете, смартфоне потестить @cssunderhood @jsunderhood18:27
@GruZZ @jsunderhood @cssunderhood нет, мне достаточно локально. Уже посоветовали Gulp + browsersync.19:01
Завтра вместе с @liveldi90 иду на Я.Субботник, постараюсь написать, что там будет интересного. ;-)
19:45@cssunderhood самый большой прорыв в обучении был в 2006 году когда на полгода застрял на больничном со сломанной ногой. Накупил книг. :-)22:47
# Суббота 38 твитов
Сергей Сергеев на #yasubbotnik о Боли и Роли разработчика интерфейсов в продукте pic.twitter.com/UzsejVqjOE
9:06Сергей Нугаев рассказал об автоматизации в их проектах, тестировании и о том, что мы должны общаться с дизайнерами напрямую @gurugray
9:20В Яндекс.Поиске релизы происходят каждый день благодаря отлаженной системе разработки и тестирования @gurugray #yasubbotnik @yandex
9:26Ну и конечно куда на #yasubbotnik без БЭМ компонент @tadatuta pic.twitter.com/zZjoDBkAaY
9:36У очаровательной @mursya_ru из @yandex сегодня ДР! #yasubbotnik #твитдлямурси Желаем хорошо отдохнуть в Амстердаме! pic.twitter.com/APFVwACdAR
9:40BEM components можно просто скачать в архиве или подключить при помощи пакетных менеджеров bower или npm. #yasubbotnik @tadatuta
9:44. @jsunderhood менеджеры точно такие же участники процесса, так что мы торгуемся вместе для качества продукта :)9:44
Дропдаун бустрапа убивается обёрткой с overflow: hidden Дропдаун от bem-components продолжает работать, работать и работать #yasubbotnik10:06
. @jsunderhood я как раз говорил про GitHub Enterprise — ревьюим в нём при подаче пулл-реквест10:06
@jsunderhood @gurugray Upsource, но у нас не большая пока команда. Выбирали между Crucible, Phabricator, Upsource, Bitbucket (встроенный).10:06
@jsunderhood @gurugray после Product Check и до QA Review набор коммитов идет в Code Review. Делаем парное+оффлайн ревью + смотр результата.10:07
@asktwi @cssunderhood Я честно не понимаю зачем разрабы отказываются от jquery...10:15
@Consu1 @cssunderhood @asktwi например, начинают использовать Angular/React, а там совсем другой принцип работы с DOM и Jq не вписывается10:15
Иван Карев на #yasubbotnik рассказывает про оптимизацию рендеринга при помощи #webworkers @newbfg
10:47Иван Карев: для оптимизации загрузки в первый раз на странице добавляют inline стили, затем уже используется #localStorage #yasubbotnik
10:59Верстальщики, у меня для вас есть 5 наклеек @github! С радостью обменяю на другие наклейки связанные с версткой :—) pic.twitter.com/b878PsUH7n11:01
Виктор Карпов: CTR без видео на главной странице Яндекс.Диск оказался выше, чем с видео #yasubbotnik
11:10Все подробности использования bem-components в виде Dist ищите на сайте: bit.ly/1OKLlSY #yasubbotnik #b_ @jsunderhood12:23
@jsunderhood видео стало признаком что хотят впарить. Не люблю видео со стандартной "веселенькой" музычкой12:23
Лев Солнцев про #svg и его оптимизацию. "Даже векторная графика отображается в пикселях" #yasubbotnik
12:39Lev Solncev @ruGreLI showed how to optimize svg heart-image to @LeaVerou site #yasubbotnik
12:57Доклад ради которого я пришла на #yasubbotnik Кирилл Дмитренко об оптимизации WebGL pic.twitter.com/RfRWqnjlFM
13:07Очень сложный вопрос от @jsunderhood, мне сложно его записать в 140 символов. #yasubbotnik13:26
Всеволод Шмыров: Разработка модулей к API карты совсем несложная.Пример модуля объединения меток в кластеры с диаграммой.Круто! #yasubbotnik
14:01Все вопросы по докладу о #webgl на #yasubbotnik можно спросить у Кирилла @dmikis :-) @bogok_pustogo
14:16Сергей Константинов рассказал о создании API и посоветал расслабиться,когда его уже выпустили,учесть все ошибки до следующей мажорной версии
14:31Сергею хочется пожелать верить в себя и в @yandex #yasubbotnik Можно быть в чем-то лучше Google! Ничто не вечно в этой жизни)
14:37Из зала сказали, что @yandex круче google благодаря feature для дальтоников на Яндекс.Картах #yasubbotnik Ура!)
14:43@jsunderhood вопрос в студию: что следует почитать по архитектуре фронтенда?16:56
@Sigiller @jsunderhood А может и здесь что-то можно найти github.com/sindresorhus/a…18:54
@Sigiller @jsunderhood Вот про такую книгу узнал пару дней назад, может там что-то есть frontendhandbook.com18:54
@Sigiller @jsunderhood largescalejs.ru, addyosmani.com/resources/esse…18:54
# Воскресенье 5 твитов
Сегодня я в @moscoding Утренний курс для детей по Processing от Макса Яхонтова.Анимашки и игрушки -все как я люблю pic.twitter.com/eMe6VVW4ms
10:28Мне очень понравилась библиотека Parallax.js, такие милые штуки с ней очень просто получаются.
13:00Вторую половину дня я посвящаю курсу Фила Рукина @moscoding по #Javascript и node.js
13:11Ссылка на Parallax.js matthew.wagerfield.com/parallax/ @yustovskiy
13:18Ребята, всем спасибо за ваши ответы! За неделю я вдохновилась еще больше перевести наши проекты на #es6 и #webpack С вами была @Lik04ka :-*
17:28# Ссылки
github.com
- https://github.com/stigmat4j/dotfiles/tree/master/vim
- https://github.com/h5bp/Effeckt.css
- https://github.com/petecoop/generator-express
- https://github.com/jfirebaugh/skim
- https://github.com/sindresorhus/awesome
other
- http://viewshape.com/
- https://www.upwork.com/
- http://diductio.ru/course/2060/
- http://www.lighthouse3d.com/tutorials/glsl-tutorial/
- http://learningthreejs.com/
- http://www.smartjava.org/content/all-80-recipes-threejs-cookbook-online
- https://sites.google.com/site/webglbook/
- http://metanit.com/web/webgl/
- http://megakolyan.ru/category/three-js-i-webgl/
- http://savepearlharbor.com/?s=three.js&submit=%D0%9F%D0%BE%D0%B8%D1%81%D0%BA
- https://youtu.be/V7bnSOwuO4M?t=3h21m56s
- https://events.yandex.ru/events/yasubbotnik/17-october-2015/
- https://atom.io/packages/autocomplete-modules
- https://vimeo.com/101688744
- http://www.phpied.com/css-animations-off-the-ui-thread/
- http://www.webglgames.com/deadtrigger-2/
- http://bl.ocks.org/erohinaelena/18b0ebf01dac2d1e5922
- http://www.youtube.com/playlist?list=PL95OM-7UObpGuBTS9k8ssHJlAoMxBah9j
- http://i.ncrp.co/1b18043E1i2R
- http://a.singlediv.com/
- http://www.chromeexperiments.com/
- http://www.yuichiroharai.com/wgl/9_illustrized/
- http://devconf.ru/data/2015/ppt/31_God%20raboty%20stoya.pdf
- http://css-live.ru/Primer/Arc/NEW.html
- https://msdn.microsoft.com/library/dn385808(v=vs.85).aspx
- https://medium.com/@mogilnikov/%D0%BA%D0%BE%D0%B3%D0%B4%D0%B0-%D0%BD%D1%83%D0%B6%D0%BD%D0%BE-%D1%83%D0%B9%D1%82%D0%B8-%D0%B8%D0%B7-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0-52c21c5b585c
- http://www.meetup.com/Moscow-NodeJS-Meetup/events/226059390/
- http://www.fse.guru/how-to-pick-a-frontend-web-framework
- http://stemkoski.github.io/Three.js/
- http://davidscottlyons.com/threejs/presentations/frontporch14/#slide-0
- http://1popov.ru/disc11/
- http://ruseller.com/
- http://headjs.ru/info
- https://www.facebook.com/groups/moscowjs/
- http://matreshka.io/
- http://fromrailstoember.com/
- http://threejs.org/
- https://plus.google.com/+ricardocabello/posts/1fY9LH6243s
- http://bit.ly/1OKLlSY
- http://www.frontendhandbook.com/
- http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/
- http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/
- http://tonsky.me/blog/the-web-after-tomorrow/
- http://staltz.com/unidirectional-user-interface-architectures.html
- http://matthew.wagerfield.com/parallax/