Привет, на этой неделе с вами @Akurganow, я фронтендщик из Питера, работаю в студии Михаила Кечинова.

Во фронтенде с 2012 года, до этого был колористом, водителем в такси, на лесовозе, на Белазе, ездил на грузовике по карельским деревням

Особыми скиллами похвастаться не могу, поэтому хочу поговорить про карьеру, как и когда вы решили, что хотите посвятить себя html, css и js?

@cssunderhood @Akurganow привет! Могли бы работать вместе, но я отказался.

@cssunderhood в школе)) эта была любовь с первого тега :D

Не могу точно сказать, почему выбрал фронт, но из прошлой профессии решил уйти на собеседовании, когда спросили кем себя видите через 5 лет

Кроме работы фронтом, я еще активист в Питерском сообществе @spb_frontend у нас есть публичный слак, присоединяйтесь slack.spb-frontend.ru

@cssunderhood какая была прошлая профессия?

До середины 2013 я колористом, подбирал цвет для покраски отремонтированной детали так, чтобы она не отличалась от остального автомобиля

А капля она даже при разной температуре, давлении и влажности разная

@cssunderhood Бывший коллега в 2006-м позвал. Я тогда был начинающим веб-разработчиком (PHP, MySQL, HTML…).

Что бы вы порекомендовали тем, кто сегодня решил, что хочет стать фронтендщиком?

@cssunderhood подумать еще раз хорошенько ;)

@cssunderhood анлийский, гитхаб и конференции, книги + uptodate.frontendrescue.org

Вот кстати, так ли важен в 2015 году, для начинающего верстальщика английский, неужели не достаточно ресурсов на русском?

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

@cssunderhood Нет. На английском в миллионы раз больше информации.

@freiksenet_ru @cssunderhood на английском можно найти всё, а на русском только основы и самое важное/обсуждаемое

@freiksenet_ru @cssunderhood не говоря о том, что технический английский зачастую для понимания проще, чем изъяснения некоторых на русском

@cssunderhood Читать и пробовать то, о чем прочел на практике, посещать конференции и участвовать в жизни профильных сообществ.

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

@cssunderhood Читать лучше всегда первоисточники. Если не владеете языком на нужном уровне — учите английский и читайте @frontenderinfo

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

Сейчас стало намного проще научиться верстать, 4 года назад такого изобилия не было, даже моя жена решила научиться :)

@cssunderhood можно сверстать себе сайт или блог :-) Хорошая работа для первого раза

@VasyaRomashova В плане терминологии следует обратить внимание на github.com/web-standards-… от @webstandards_ru @cssunderhood

@Sigiller @VasyaRomashova @cssunderhood у нефтяников для проектов тоже обязательные к использованию словари делают

@freiksenet_ru @cssunderhood и потом тоже нельзя останавливаться. Вообще, всегда нужно учиться всему, а языку и подавно

@cssunderhood толк от англоязычных курсов, если не знаешь язык? Лучше начать с книг по верстке на русском, полезнее будет.

@cssunderhood на английском можно не только читать спеки и самые свежие статьи, но и общаться. Информации гораздо больше, чем на русском.

@Bizi @cssunderhood толк в том, что начинаешь понимать прогерский "суржик" - когда русифицируют английские термины. почти все так говорят.

@yoksel @cssunderhood а еще можно редактировать спецификации и делать их лучше и понятнее!

@cssunderhood кстати, статья «Необходимый минимум для фронтенд-разработчика» frontender.info/a-baseline-for…

@SilentImp @cssunderhood и версия 2015 года rmurphey.com/blog/2015/03/2…

@cssunderhood Имхо, даже несмотря на то, что есть такие клёвые сайты, как frontender.info (@SilentImp), английский очень нужен!

@cssunderhood Вот в этой пресловутой статье чуть больше раскрыта эта тема: css-live.ru/faq/put-versta… (заголовок "Английский язык")

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

@psyw @cssunderhood кстати, вообще css-live.ru не забывайте в контексте темы, зря, что ли, ребята стараются переводить актуальные новинки?:)

К чему готовиться новичку, что должен знать человек, чтобы в 2015 называться верстальщиком или фронтендщиком?

@cssunderhood к разгребанию говнокода. универсальный совет для универсальных солдат.

@cssunderhood HTML/CSS, способы сборки статических ассетов, либо база джаваскрипта для не SPA приложений, либо фрейморк типа Реакт для SPA.

@naorunaoru @cssunderhood "что, у вас проект на бэкбоне, который вы два года разрабатывали и уже год поддерживаете? ну нет".

@Sigiller @cssunderhood еще ни один штиль не воспитал хорошего моряка. через тернии к звездам, через говнокод к процветанию, вот это все

@naorunaoru @cssunderhood ну работа с говнокодом это конечно тренирует, но есть риски в этом погрязнуть навсегда

@Sigiller @cssunderhood согласен. но это типа endurance test такой. выплыл — молодец.

@cssunderhood Если он хочет навсегда остаться начинающим, то, конечно, русского достаточно.

Частый вопрос, «как быть в тренде», а у меня другой вопрос, как держать свой код в тренде?

Пока только научился у @andrey_sitnik по понедельникам обновлять пакеты.

@cssunderhood david-dm.org

Да и к тому же, «out of date» мало о чем говорит, тебе все равно идти в свой проект и набирать npm outdated

У меня есть идея, написать телеграмм бота, который по понедельникам присылал бы список с outdated пакетами, с подробностями и чейнджлогами

И ведь можно не только package.json проверять, но и bower.json, Gemfile что там еще есть?

@cssunderhood Представляю, какая будет простыня, если проект не один :-/

@cssunderhood Я метаю о чём-то вроде газеты, где чейнджлоги будут не ссылкам, а красиво свёрстаны.

А версия такая, только потому, что перешли на SemVer, на которой был iojs

@cssunderhood Я вот этим пользуюсь для npm: github.com/tjunnone/npm-c… и этим для Бовера: github.com/sapegin/bower-…

@gunlinux @cssunderhood btw, telegram бот в allmychanges.com есть. Правда тупенький совсем, и такая бета, что умеет только искать.

@gunlinux @cssunderhood ищите его под именем AllMyChanges.

Кстати, на счет обучения, а кто из вас преподавал, на курсах, интенсивах и т.д.
Меня вот пригласили преподавать JS в политехе

Через час начнется очередная встреча @spb_frontend, если кто не успел зарегистрироваться, приходите после в «Borodabar» на Казанской 11

"Мой мозг как будто слетал на Марс и вернулся", так описали выступление @aemkei. А что вы думаете про jsfuck и подобные штуки?

. @evlogii vk.com/wall-76088560_…

@cssunderhood @aemkei что за выступление?

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

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

Но по следам вчерашнего доклада от @aemkei, хочется обсудить jsfuck и другие "креативные" подходы к написанию кода

@cssunderhood Не все вчера были на докладе «от» @aemkei. Ссылки давай — что за Джей-эс-фак такой? :–)

Да, не подумал :) jsfuck.com креативная штука, оказывается вы можете писать любой js код используя всего 6 символов ()[]!+

@cssunderhood неужели всё так плохо, 5-10 лет — и конец?..

И все же давайте по плану, а то все в кучу, не удобно :)
Раз jsfuck никого не впечатлил, давайте про рабочее окружение

Что у вас запускается вместе с системой? Без чего нельзя работать?

@cssunderhood Альфред, Дропбокс, Дэш, Фантастикал, Типографская раскладка…

@cssunderhood textexpander, sublime, chrome, totalterminal

У меня Sublime, iTerm, Slack, Alfred, Bartender остальное руками в зависимости от задач

@sapegin @cssunderhood альфред — спорно. Я, конечно, сам юзаю, но все умеет и спотлайт

@cssunderhood Забыл ещё: Ванпасвород, Бартендер и Флакс (тот, что f.lux, не фейсбуковский :–)

Да, точно, еще f.lux глаза нужно беречь :)

@7rulnik Бесспорно, хотя бы из-за воркфлоу, которых в Спотлайте нет. @cssunderhood

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

@7rulnik @sapegin @cssunderhood spotlight не умеет почти ничего из того, что умеет alfred. А на 10.11 ещё и flashlight не будет ;-)

@cssunderhood Sublime, Terminal, Chrome, Avocode.

@cssunderhood Uberlayer; Sketch (даже вне зависимости от того, в чем макеты); VirtualBox, иногда Xcode+Safari (в зависимости от проекта)

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

Вернемся к инструментам, сколько вы тратите на софт? В месяц? В год?

@arseniydmitriev Лайтрум (90%) + Фотошоп (10%) — подписка для фотографов за 10 $ в месяц. @cssunderhood

Продолжим, рабочие инструменты уже много раз обсуждались, а чем пользуетесь в быту? Как улучшаете свою жизнь за компьютером вне разработки?

@cssunderhood глобальный менеджер буфера для меня отрыл новый мир, для windows это clipdiary, для linux внятного не нашел :(

@mr_skriming @cssunderhood для #OSX это Paste 👍

@cssunderhood А давайте плагинами полезными для atom обмениваться. Начну с gulp-manager i.imgur.com/To2Fq5u.png

@cssunderhood 2-й github.com/abe33/atom-pig… Собирает палитру из переменных, ищет цвета в проекте, показывает палитру. i.imgur.com/tosZQNQ.png

@exdeniz @cssunderhood docblockr, pigments, minimap

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

А сегодня хочется поговорить про упрощение разработки и жизни, автоматизация и т.д.
Как говорит @andrey_sitnik: «Машины должны страдать»

Первое о чем хочется вспомнит, конечно сборка, как у вас построен этот процесс? Как работает dev сборка, stage, prod?

У меня везде стабильно gulp, browser sync и postcss. На рабочих проектах coffee, на личных es2015

На рабочих проектах postcss включен после scss, второй медленно выпиливаю.
Есть у меня хитрая строка теперь
.pipe $.if /[.]scss$/, $.sass()

@cssunderhood работаем локально в бранчах, на сервере аналог grunt build, который берёт из мастера после пуша все файлы.

@cssunderhood Дома для сайтов по-прежнему Грант. На работе переползаю на Вебпак и ES6.

@cssunderhood Для сборки верстки и простых проектов использую gulp, для экспериментов на react.js, es6 и прочих cutting edge tech - webpack

@cssunderhood gulp для своих проектов типа cssunderhood.ru и iamstarkov.com. webpack для работы

@iamstarkov @sapegin чем вебпак лучше галпа с его 100500 плагинами? @cssunderhood

@SilentImp @sapegin @cssunderhood ничем, они разные. и вебпак как бандлер удобнее

@iamstarkov Не просто удобнее: он на самом деле работает. @SilentImp @cssunderhood

Одно дело упрощать жизнь себе, а как вы упрощаете жизнь своим пользователям?

@cssunderhood пользователи должны страдать !!! :))) (c) Internet Explorer 6

Хочу себе футболку с принтом "Для этого есть PostCSS плагин" :) @andreysitnik @operatino @iamstarkov

@cssunderhood @andrey_sitnik эта футболка уже была в Симпсонах.

@cssunderhood @andreysitnik @iamstarkov у сообщества @polymer хорошо звучит подобный слоган - "there's an element for that"

Доброе утро, вчера поговорили про упрощение разработки и жизни себе и пользователям

Сегодня хотелось бы поговорить про пет-проекты и опенсорс, расскажите, чем можете похвастаться, каким проектом гордитесь, какие неудачные?

@cssunderhood пока что в разработке, скоро запуск private beta, но очень горжусь flawlessapp.io

Неужели никто не хочет похвастать своими пет-проектами и опенсорсом? :)

Я сейчас для друзей пишу систему связи официант-кухня на метеоре, вряд ли будет в открытом доступе, в ближайшее время

Кроме этого, есть несколько неудачных попыток опенсорса, их можно найти в моем гитхабе github.com/Akurganow

@cssunderhood хотя вот петик: (но я его уже показывал у других ведущих) 7life.ru Внимание! Вызывает противоречивые чувства!

. @dcromster Классная штука, мне идея нравится :) но все портят фиксированные бэкграунды :)

@cssunderhood Могу вспомнить свой первый сайт - генератор заявочных документов в Роспатент. Но необходимость правовой поддержки его убила.

@cssunderhood Всё, что у меня популярно, мне самому сейчас не очень интересно: github.com/sapegin

@cssunderhood А то, что интересно, пока больше никому не нужно: github.com/sapegin/react-… :-/

. @dcromster А есть где-нибудь пост, о том как это работает, интересно почитать с технической точки зрения

@cssunderhood Есть ещё конструктор CMS на перле, но заброшен. Хотя суть, заложенная в него мне до сих пор нравится: bitbucket.org/rom/wikus

@cssunderhood он не может не выжить т.к. я сам пишу письма своим детям.

@cssunderhood Я горжусь нашим с @SelenIT2 проектом - css-live.ru! Надежда,что мы приносим большую пользу людям, греет мне душу:)

@cssunderhood да ладно, что уж стыдиться :) passgenius.ru

@cssunderhood воспользуюсь случаем: может кто хочет сделать нормальный index, login и 404 для 7life.ru? С меня упоминание героя на сайте :)

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

-> что очень плохо, особенно для начинающих разработчиков, поэтому, если у вас еще нет пет-проекта, самое время заводить :)

Сегодня хочу поговорить о теме, которая видимо волнует многих, «А что там после фронтенда?». Не думали, что будете делать через 5, 10 лет?

@cssunderhood вот вопрос: как находить время для петов при насыщенном фултайме и при этом не угореть? Есть идеи, но нет времени/сил.

Я начал свой первый пет-проект, когда работал колористом (12ч. график 2х2) и одновременно учил css и js

@cssunderhood гм, я вот радуясь в 2000 выходу ИЕ5.5. с нормальной поддержкой CSS тоже думал, что не всегда буду этим заниматься :)

@cssunderhood @juwain всё так. вопрос только в приоритетах

@cssunderhood и 5 и 10 лет назад писал веб-мордочки, дергался в разные стороны, но так и остался, думаю, ещё на 5 хватит ))

@cssunderhood если начинающий разработник разрабатывает на работе, то ему достаточно рассказать что он там разрабатывал и его роль, кмк

@cssunderhood да тут вокруг и сейчас столько всего интересного, а уж через 5-10 лет что будет можно и не загадывать

@cssunderhood @mktoid ну берёшь на работе новые инструменты и практикуешься

@iamstarkov @cssunderhood @juwain вопрос ещев том, как не отвлекаться на твиттер, новости, новые плюшки.

Это вообще проще простого, закрывай все кроме вкладки проекта, редактора и терминала

@cssunderhood @SelenIT2 а что делаешь с километровым read later?

Я храню все в Pocket, стараюсь не держать открытыми лишние вкладки, чтобы не отвлекали

@cssunderhood а у меня беда прямо какая-то, уже долгое время меньше двух десятков открытых реадлейтер-вкладок редко когда бывает :)

@cssunderhood @juwain Когда у тебя своя фирма с продуктом, хочется 100% времени тратить на неё.

@freiksenet_ru @cssunderhood это идеально, считаю

Так это считай и есть, твой пет-проект, только еще денег приносит :)

@freiksenet_ru Дык это ж получается, что ты 100% времени на пет-проект тратишь :—) @cssunderhood @juwain

@cssunderhood чем отличается фронтенд разработчик от разработчика интерфейса?

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

Многие пугаются кода. И овладеть им по-настоящему правда сложно. Но в качестве дизайнерского инструмента - это кутая вещь. Ещё это интересно

Подводя итог сегодняшней теме, я не хочу думать, о том, что после фронтенда, мне слишком нравится сейчас, "я даже сейчас хочу в сейчас" :)

Может из-за денег и льгот соглашусь шагать по карьерной лестнице, но писать код, точно продолжу

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

Я все таки в Питере, поэтому часто хожу с друзьями по барам, если вы были в Питере и не побывали в наших барах, вы не были в Питере)

Но такой отдых не частый, очень люблю картинг и другой автоспорт, в Питере с этим не так хорошо, но хоть что-то есть

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

@cssunderhood отдыхает? От работы? В смысле, живой человек? Серьезно?

Отдых очень важен, как у спортсменов период восстановления важнее самих тренировок

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

@cssunderhood еду на мотоцикле в другую страну. Обычно что бы там поработать.

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

@Bizi @cssunderhood согласна! Я, например, люблю фотографировать и играть, когда хочется отдохнуть от кодинга ;)

@cssunderhood вопрос вашим подписчикам от дизайнера (меня).Для фронтенда норма не знать фотошопчик? Или меня обманывают,чтоб набрать классы?

Всем привет, на выходных я не очень активен в твиттере, стараюсь меньше подходить к компьютеру, вчера чуть-чуть обсудили развлечения и отдых

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

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

@cssunderhood Фотография.

@cssunderhood вело, фото, гитара, учусь рисовать помаленьку на планшете

@cssunderhood алтимат фрисби :)

. @DragorWW про гитару задумываюсь давно, вообще игра на муз.инструменте полезна для памяти

@cssunderhood помогает разгрузить мозг, приходишь уставший, весть в работе, береш гитару, и забываешь про все

@cssunderhood кулинария

. @pomidore Тоже, очень люблю готовить, учусь у друга, который работает бренд шефом в ресторане

@cssunderhood йога :)

@cssunderhood электрогитара, ролики, скейт, DIY

@cssunderhood играю на гитаре, занимаюсь национальными боевыми искусствами.

@cssunderhood рыбалка :-) Правда за лето всего 3 раза выбирался. А так обычно на велосипеде катаюсь, по новым местам, природой любуюсь))

@cssunderhood создаю музыку на компьютере!)

@cssunderhood Кататься на велосипеде, гулять, трепаться с друзьями в кафешках под кофе или пиво. Всё стандартно.

Неделя закончилась, пора прощаться, шикарный опыт. С вами был @Akurganow, до свидания. Logout.