Hello world! На этой неделе с вами Егор Яковишен, @yaplusplus

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

Я работаю в компании Setka (setka.io), также известной как Grid. Это технологический стартап, выросший в стенах Look At Media

(Look At Media — это медиа-компания, которую вы знаете по сайтам The Village, Look At Me, Hopes and Fears, Wonderzine, FurFur)

В Сетке я работаю фронтенд-тимлидом и занимаюсь разработкой одного из наших продуктов для медиа — визуального редактора для крутой верстки

Параллельно по выходным веду курс «JavaScript человеческим языком» в Moscow Coding School: moscoding.ru/humanjs/

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

До этого у меня был очень разный опыт, так или иначе связанный с IT. Первое рабочее место — HTML-верстальщик в маленькой студии в 2006 году

Затем в 2008-2012 годах я делал свою веб-студию, как и многие тогда. Были успехи, были провалы, но в целом время было интересное.

В 2012-2014 я переключился на тревел-стартап, где был кофаундером и отвечал за весь фронтенд и интерфейс.

Стартап был настоящий, с инвесторами, акселераторами и пивотами. Мы побывали во ФРИИ, выучили много новых слов, но...

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

В последние пару лет я занимался управлением проектами и развитием бизнеса в агентстве Stars Interactive (диджитал, бренды, ROI, ...)

Также делал первую версию сайта «Медиазоны» (zona.media) — первый опыт поднятия большого онлайн-СМИ

И в заключение отмечу проект «Цифровой словарь» (digitalvocabulary.ru) вместе с @alexdrozdovsky, за который мы получили Webby Honoree

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

Как можно догадаться, этим одним стала фронтенд-разработка

Таким образом, опыт у меня набрался весьма разносторонний. Буду рад поделиться им за эту неделю! А сейчас пора ехать на работу :)

Пишите вопросы, фолловьте @yaplusplus или френдите fb.com/yaplusplus. Продолжим совсем скоро.

Я добрался до офиса, хоть это и было чертовски мокро. Продолжаем.

Но помимо редактора есть еще верстка, которую он генерирует. Тут мы изначально ориентировались на свои издания. У нас мало IE и ~50% mobile

Поэтому мы имели возможность использовать современные технологии. Например, у нас модульная сетка сделана при помощи flexbox

Перед тем, как перейти к большим темам, интересно мнение комьюнити по простому вопросу, который недавно поднимался в Фейсбуке:

«Кто еще остался в русском Твиттере?» По моим наблюдениям: айтишники, журналисты, некоторые политики и просто тролли.

@jsunderhood ещё рядовые шутники и любители игр.

Я помню кипящий Твиттер 2010-2011 годов. Сейчас все как-то приуныло, многие интересные люди с концами ушли в FB и/или Telegram

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

Тем временем у нас тут прошел традиционный митинг по понедельникам. Обсуждали статус по проектам и планы на неделю. pic.twitter.com/pPtxcSFB8S

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

(да, мы ищем фронтенд-разработчиков, в том числе в мою команду редактора, поэтому я время от времени буду ненавязчиво приглашать к нам)

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

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

(не путать с Телеграм-чатами, там флуд и раздрай почище твиттера)

Кстати, кто любит текстовые квесты, рекомендую попробовать storebot.me/bot/questgameb…. Это чат-игра в Телеграме.

Сейчас расскажу кое-что про Setka, затем возьму небольшую паузу на кодинг, надо закрыть одну тасочку

В основе всех наших сайтов лежит собственная платформа (CMS) под названием Grid (да, с сетками у нас перебор, знаю)

Платформа написана на Ruby on Rails. Насколько я помню, ребята-бэкендеры в начале года как раз окончательно переехали на 4-е рельсы

В какой-то момент мы даже считались самым большим RoR-проектом в Восточной Европе (не знаю, актуально ли это на сегодняшний день)

На один только Вилладж ходит 3+ млн уникальных пользователей в месяц. Хостимся, в основном, на Амазоне, тут всё довольно стандартно.

У платформы есть админка, которая умеет проводить А/Б-тесты, следить за комментариями, управлять пользователями, постами... словом, CMS

На платформе работают все наши сайты + еще несколько сторонних проектов, которые захотели её использовать (в том числе два зарубежных СМИ)

Следующий большой продукт — это Workflow, сервис для управления редакционным процессом. Про него мы писали здесь: medium.com/look-at-media/…

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

Под капотом у Workflow все тот же RoR, а на фронте смесь Backbone + React (и идет планомерный переход с первого на второй)

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

Следующий продукт называется Waterfall, и многие из вас его видели воочию. Это сервис онлайн-трансляций, которым пользуется Meduza, VC, TJ

Вот, например, трансляция июньского Apple-эвента на VC через Waterfall: vc.ru/p/wwdc-2016-li…

Доступ к Waterfall раздается пока что по инвайтам здесь: wtrfall.com

И вишенка на торте — WYSIWYG-редактор, в котором выпускающие дизайнеры могут быстро верстать красивые посты. Это, собственно, мое детище

Предыдущая версия редактора, в которой наши редакторы работали последние 4 года, была сильно кастомизированным TinyMCE

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

На этом моменте я возьму паузу немного покодить, а затем вернусь и расскажу, зачем мы решили делать еще один WYSIWYG-редактор

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

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

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

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

Так что я сегодня выложу некоторые примеры и может быть небольшие видео. А пока отвечу на накопившиеся вопросы

В редакторе ты работаешь с контент-областью поста, у нее определенная ширина. Например у Вилладжа: 620px (4 cols), 940px (6 cols)

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

Про переезд с Backbone на React кратко скажу, что обычно нужно выстроить реакцию рендеринга компонентов на уже имеющийся application state

В конце 2015 года мы пришли к решению, что больше не имеет смысла развивать предыдущую версию редактора, основанную на TinyMCE

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

Была поставлена цель спроектировать новую версию редактора, которая бы решала основную задачу: создавать контент быстрее и дешевле

Для начала был собран фидбэк с нескольких наших редакций: какими инструментами пользуются, что неудобно, какой процесс создания поста и т.д.

При этом не забываем, что редактором пользуются разные люди: автор, корректор, фоторедактор, выпускающий дизайнер, арт-директор

У всех свои задачи. Самые разнообразные — у дизайнера. Ему нужно быстро и красиво превратить текст в красивый пост...

...не будучи при этом знатоком HTML и CSS (хотя у нас многие выпускающие дизайнеры знают CSS и умеют его применять)

Также помимо интервью была собрана статистика по использованию инструментов редактора при помощи Google Analytics.

Мы увидели, какими функциями пользуются чаще, что занимает больше всего времени, что давно пора выпилить или улучшить

Далее нашим продакт-дизайнером (честь и хвала ему) был создан прототип нового редактора на jQuery.

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

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

(с точки зрения кода прототип был ужасен — inline CSS и JS, названия функций вроде click1 и click2, но свою задачу решал великолепно)

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

Я просмотрел на GitHub примерно 30 визивигов и отсортировал по критериям: активность контрибьюторов, зависимости, документация, лицензия

Также обращал внимание на диалект JS (ES5, ES6, CoffeeScript и т.д.) и технологию редактирования (iframe, contenteditable)

В итоге в финал вышло три проекта: Quill от SalesForce, ProseMirror от Marijn Haverbeke и ContentTools родом из UK

Quill был интересен тем, что за ним стоит SalesForce. Но после дня погружения в код стало ясно, что текущая версия мало что умеет...

...а новую версию автор пилит уже давно и не знает, когда допилит (он так и написал в ответном письме).

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

Следующий вариант — ProseMirror (prosemirror.net). Разработчик Marijn Haverbeke — автор книги Eloquent JavaScript

Этот проект выглядел более стабильно, неплохое API и дока, но смутило следующее: автор собирал деньги на разработку краудфандингом...

Собрал 50000 евро (indiegogo.com/projects/prose…) и сделал редактор. Но было ощущение, что в любой момент он может его бросить и заняться другим.

(и он же являлся его ключевым контрибьютором: github.com/ProseMirror/pr…)

В итоге мой выбор пал на проект ContentTools: getcontenttools.com

Он был маленький, с четким разбиением на модули и подбиблиотеки (ContentEdit, ContentSelect), хорошей докой

Разрабатывается и поддерживается небольшой британской компанией GetMe. По их словам, на нем работает более 50 клиентских сайтов.

Я списался с GetMe, получил ответы на основные волнующие вопросы, почитал доку, посмотрел код, и решил, что пора двигаться дальше.

Забегая вперед — выбор оказался правильный, новую версию редактора удалось написать примерно за 4 месяца и передать в тестирование редакции

На текущий момент от ContentTools осталось уже процентов 30. Все остальное было либо выкинуто, либо переписано под себя.

Про технологии. Большая часть кода редактора пока еще написана на CoffeeScript — это наследие ContentTools, но последние пару месяцев...

...весь новый код пишется на ES6 (когда уже четко стало понятно, что мы оставляем, а что пишем сами).

Редактор не живет внутри <iframe>, как многие другие. Он получает на вход <div> с контентом и превращает его в contenteditable

Здесь есть статья автора редактора Quill, который объясняет свой отказ от iframe: jasonchen.me/editors-and-if…

К слову, еще одним интересным проектом по пути был Trix — визуальный редактор от создателей Basecamp github.com/basecamp/trix

...но полное отсутствие документации, комментариев к коду и выбор Web Components в качестве основы остановили от использования

Почему в качестве основы не были выбраны CKEditor или TinyMCE? Одна из причин — лицензия GPL, которая нам не подходила.

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

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

Т.е. бросить поддержку проекта и заняться новым краудфандингом. А нам останется имеющийся проект как есть.

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

Здесь можно увидеть работу с сетками, стили текста, эмбеды и всякое другое pic.twitter.com/TsiOdAobQ5

Stack Overflow переполнен призывами авторов CKEditor и TinyMCE не пытаться писать свой собственный редактор: stackoverflow.com/a/11290082

Анатолий Буров ищет фронтендера-универсала для Главреда: facebook.com/anatoly.rr/pos…

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

«There are only two hard things in Computer Science: cache invalidation and naming things» — это ведь уже классика.

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

Кроссбраузерный и единообразный HTML-код. Как известно, contenteditable в разных браузерах может производить разный HTML.

Более того, часто это зависит не только от браузера, а от положения курсора внутри блока. Есть статья на эту тему: medium.engineering/why-contentedi…

Авторы trix-editor.org тоже пишут об этом же самом. Наше решение: Virtual DOM + генерация из него корректного единообразного HTML

@jsunderhood there are only two hard things in CS: cache invalidation, naming things and off-by-one-error жэ

Т.е. каждый HTML-элемент парсится и попадает в специальную обертку, а она уже умеет генерить тот HTML, который нужен нам.

А только у меня не открывается jsunderhood.ru ? /cc @iamstarkov

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

@jsunderhood github.com/iamstarkov/jsu…

@jsunderhood починю на этой неделе

В принципе, виртуальным DOM'ом сейчас уже никого не удивишь. Отмечу лишь, что он и здесь нашел себе применение.

Следующая большая тема — очистка (санитайзинг) HTML и copy&paste.

В наших изданиях посты часто пишутся в Google Docs или в Word, а затем вставляются в редактор. Иногда куски текста берутся с веб-страниц.

Разумеется, всё это нужно чистить перед тем, как оно попадает в editable-область. Пока что мы используем для этого npmjs.com/package/saniti…

Он хорошо работает и имеет много настроек, но сильно утяжеляет редактор. Поэтому в дальнейшем скорее всего заменим на более легкую версию.

Copy&paste — отдельная история. Т.к. мы стараемся дать пользователям максимум удобства, наш редактор позволяет копировать целые блоки.

Т.е. можно зажать Cmd/Ctrl, выделить несколько блоков (сеток, картинок), и затем их скопировать при помощи Cmd + C

Чтобы реализовать это, пришлось воспользоваться способом, который описал разработчик Trello: stackoverflow.com/a/17528590

Вкратце: при нажатии на Cmd они открывают невидимую textarea, заполняют ее контентом и ставят туда курсор...

И когда пользователь нажимает C, то у него копируется содержимое этой textarea. Так Trello копирует карточки целиком.

У нас способ более умный, с использованием событий вроде onBeforeCopy, но в целом без хаков тоже не обошлось.

Кроссбраузерная работа с буфером обмена пока что еще остается нетривиальной задачей.

Помимо хоткеев у нас еще свое контекстное меню по правой кнопке. Тут же не обойтись без document.execCommand pic.twitter.com/NLCvvTKAJA

Записал короткое видео о том, как в нашем редакторе работают модульные сетки: dropbox.com/s/xt28fdbzpruw…

Вообще сетки у нас — это один из самых больших кусков кода в проекте

На сегодня буду заканчивать. Если есть вопросы по редактору и не только, буду рад ответить. Завтра поговорим об образовании в IT.

@jsunderhood и меня тимлид тоже спрашивал, мол где гарантии что мейнтейнер не сольётся?

Пишут, что Google ведет разработку новой ОС Fuchsia, основным языком разработки под которую будет Dart nplus1.ru/news/2016/08/1…

Например, меня очень привлекает Shadow DOM, но поддержка пока слабовата caniuse.com/#feat=shadowdom

Всем привет! А Москве доброе солнечное утро. Сегодня поговорим об образовании в ИТ и про изучение JS в частности.

Так случилось, что у меня высшего образования нет. Я проучился 3 курса в МАИ, после чего бросил институт ради своего дела.

Все знания, которые у меня есть, приобрел самостоятельно: самообучение и много практики. Те самые 10 000 часов, о которых часто говорят.

Чему реально научиться в институте? Матану, алгоритмам, терверу. Это знания, которые дают возможность выйти на следующий уровень.

Кроссбраузерной верстке и Реакту в институте вряд ли научат. У института другая задача — давать фундаментальные знания.

Возможно, у вас другой опыт? Если есть люди из крутых ВУЗов вроде МГУ, МФТИ или других не-московских — расскажите.

У меня в институте большинство занятий проходило примерно так: youtube.com/watch?v=g7MDEq…

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

@jsunderhood учусь в РЭУ на прикладной информатике. Знаний профильных мало дают, 1с всякий. JS'у надо учиться самому

Уже многим очевидно, что классический подход к образованию в IT работает не слишком хорошо.

В институтах обычно учат либо фундаментальным вещам, либо устаревшим. А новой информации вокруг так много, что трудно сориентироваться.

Как уже упоминал вчера, я веду курс «JavaScript человеческим языком» в Moscow Coding School. Расскажу про свой опыт.

Курс длится 6 дней, проходит по выходным, с 15:00 до 20:00. Группы обычно состоят из 8-10 человек. Люди приходят разные:

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

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

Особенно часто спрашивают про Framer и другие средства прототипирования, в которых можно использовать JS или CoffeeScript

2. Руководители разного уровня, которым надоело, что разработчики вешают им лапшу на уши по поводу сроков, сложности и стоимости.

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

4. Люди, которые хотят сменить профессию.

Все в один голос рассказывают, что они слышали про JS: популярный язык, он сейчас повсюду, хочу научиться. Много вопросов по Angular и React

Вот промо-ролик курса с отзывами студентов и моими скромными комментариями: vimeo.com/165477490

Один из выпускников последнего набора — @rockbee, дизайн-директор Альфа-Банка. Вроде остался доволен, да, Иван? :)

Программа курса следующая. День 1: переменные, массивы, математические операторы, if - while - for.

День 2: функции, объекты, свойства и методы стандартных объектов JS: Array, String, Math, Date.

День 3: знакомство с DOM, селекторы, обработчики событий. Я собрал учебный прототип главной страницы Яндекса, мы на занятии пишем к ней JS.

День 4: работа с формами, клиент-сервер при помощи AJAX. Тренируемся на учебных страницах Google Sign Up и Google Sign In.

День 5: jQuery. $, когда и зачем можно использовать, анимация, easing, $.get и $.post.

День 6: либо практическая самостоятельная работа, либо мой длинный рассказ о том, что может JS: canvas, contenteditable, Web Sockets и т.д.

Для самостоятельного чтения всегда всех отправляю на learn.javascript.ru. Пока что на русском языке аналогов нет.

@jsunderhood меня физфак научил инженерному подходу, критическому мышлению и синтезу.
Скиллов в ВУЗах нет, конечно.

@jsunderhood

[Перевод] Я заглянул в папку node_modules, и вы не поверите, что произошло - ift.tt/2buPZXD

9:32

@tonymadbrain @jsunderhood да перестаньте вы вестись на эту дешёвую жёлтую прессу. не было там никогда этого мужика github.com/babel/babel/co…

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

Есть ли четкое отличие между Junior, Middle и Senior Front-end Developer? Особенно Senior — мне кажется, это очень широкое понятие.

А вот фоточки с WordCamp, где мы представили Wordpress-плагин для нашего редактора. Релиз в сентябре. facebook.com/setka.io/posts…

@jsunderhood chart.js

@jsunderhood отличие как и везде без приставки frontend, junior - требует помощи в решении, senior - сам его умеет найти

@way2bariton @jsunderhood джуниору счастье : javascripting.com (выбирай раздел data)

@2j2e @jsunderhood а middle тогда получается сомневающийся. Еще не до конца осознавший, что может найти и сам решение:)

After months of testing and tuning, npmcdn.com really is ready for prime time. Please help spread the word! And enjoy using it!

В следующем году этот пример станет неактуальным, но я его люблю: еще не прошло 10 лет с появления первого айфона. Мы видели революцию.

И вот обычная ситуация. Вы — уже опытный разработчик, работаете над интересными проектами в большой компании. Задач всегда хоть отбавляй.

При этом каждый день вокруг появляются новые библиотеки и фреймворки, сопровождающиеся громким хайпом.

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

Возникают вопросы: как успевать следить за новой инфой? как не утонуть в ней? как отделить знаковые вещи от проходных?

Сколько у вас непрочитанных статей в Pocket? Я в какой-то момент перевалил за 1000. Сейчас, наверное, около 2000. И продолжаю добавлять.

@jsunderhood я один такой киллер пишу прямо сейчас

Меня давно волнуют вопросы продуктивности и непрерывного обучения. Недавно попробовал составить список источников информации по фронтенду.

Как онлайн-источников, так и оффлайн. Цифровых и аналоговых. Короче, всех, с которыми сталкиваюсь. Поехали:

Есть такое понятие FOMO (аббревиатура fear of missing out) — страх упустить события, происходящие в жизни знакомых или незнакомых людей.

Примером проявления FOMO может быть знакомая всем привычка без конца проверять обновления в Twitter, Инстаграм и Facebook.

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

@jsunderhood во front-end JS ничего интересного с появлением React не случалось, и почему реакт переломный момент - идеология

Так вот, источники. 1 — RSS. Когда зачитывался, но после смерти Google Reader лично для меня отошел на второй план. Как у вас? Feedly?

2 — Твиттер. Здесь много крутых разработчиков, особенно зарубежных. Главное не подписываться на троллей и спамеров.

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

Лично меня в твиттере смущает: а) масса нерелевантной инфы б) формат твитов не всегда дает развернуться. Но зато всё очень быстро.

3 — Medium. Один из самых умных каналов на текущий момент. Крутые читабельные лонгриды, толковые авторы. Только кириллица страшная.

4 — Рассылки вроде DailyJS, JavaScriptKicks, NodeWeeky и т.д. Формат хорош тем, что туда попадают подобранные материалы, и это раз в неделю.

У меня в почте они все падают сразу в отдельную папку JS, которую я просматриваю по вечерам пару раз в неделю.

5 — агрегаторы статей по предпочтениям. Недавно открыл для себя приложение MyBridge. Оно в раз неделю присылает топ-10 статей по фронтенду.

Разработчики пишут, что у них собственный AI-алгоритм, который выбирает только лучшее под твои предпочтения. itunes.apple.com/ru/app/mybridg…

По похожему пути идет Pocket со своими Recommended Articles, но лично мне от них постоянно приходят тексты про экологию и выборы в США.

6 — чатики в Telegram, в частности, те, которые продвигает @DenisIzmaylov. Там много крутых людей, но лично мне формат не подходит :(

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

Тем не менее приведу пару ссылок: telegram.me/react_js, telegram.me/nodejs_ru

7 — GitHub. Один из самых полезных источников, но требующих мозговых усилий. Возможность почитать код, написанный в Google/Facebook — кайф.

8 — Slack, Gitter и другие «технические» чатики. Опять же, на мой взгляд, КПД таких тусовок слишком мал, чтобы постоянно там находиться.

9 — Google Plus. Неоднократно слышал, что там сидят гики. Сам не пробовал :) У кого-нибудь есть положительный/отрицательный опыт?

10 — Quora, StackOverflow и другие QA-проекты. И тот, и другой — отличные сайты, но кроме как из Гугла туда редко попадаешь.

Мне очень нравится Quora, но недавно читал, что они до сих пор не нашли путь монетизации. Так что будущее неясно.

@jsunderhood А можно посмотреть код самого гитхаба, если постараться и распотрошить enterprise.github.com

11 — сайты/блоги вроде SitePoint, Smashing Magazine, PonyFoo и др. Материалы обычно начально-среднего уровня, зато очень хорошо поданные.

12 — видео-курсы. Udemy, Egghead, да и весь YouTube. На мой взгляд, очень эффективное средство, если нужно быстро в чем-то разобраться.

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

Правда, на видео редко записывают решение каких-то нестандартных задач. Зато есть отличные туториалы от А до Я.

13 — подкасты. Из русскоязычных: RadioJS, Веб-стандарты. Удобный формат, чтобы слушать по пути куда-то, когда не получается читать.

@jsunderhood ну и @frontflip_js

14 — книги. Хорошая книга стоит десяти блогов. Пользу Флэнагана и Кроуфорда переоценить сложно.

Мне нравится то, что появляется на leanpub.com

15 — спецификации W3 и WHATWG. Это не для всех :) Требуют недюжинной усидчивости и времени, хотя написаны проще, чем многие думают.

Зато прочитав разок спеку какого-нибудь DOM Node можно открыть для себя много фундаментальных деталей

16 — конференции и митапы. Я лично призываю выбираться на мероприятия. Это полезно как с точки зрения «людей посмотреть», так и знакомствами

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

Митапы мне еще нравятся тем, что можно посмотреть на разные офисы :) Кстати, через 10 дней лечу в Вильнюс на @frontend_union

17 — отдельным пунктом Хабр, т.к. у сообщества к нему полярное отношение. Встречаются неплохие туториалы для начинающих, но...

...но в целом не вижу особого смысла его читать сейчас. Переводы иностранных статей и блоги компаний — что там еще осталось?

18 — малопопулярные в России сообщества вроде LinkedIn Groups, Reddit, HackerNews. Какое-то время следил за JS-группой в LinkedIn, отписался

19 и последнее — Facebook. Удобен тем, кто там проводит много времени. Много лишнего и неочевидного, но зато это сеть живых людей.

Итог. Я последнее время крайне проникся идеями фокусировки и less is more. Затачивайте пилу в чем-то одном, но не забывайте смотреть вокруг.

Не стоит фолловить 1000 человек, подписываться на 20 рассылок и 50 RSS. Ничего, кроме фрустрации и шума, не получите.

Кстати, если кто не знает — есть отличная рассылка Umar Hansa про использование Chrome Developer Tools

Там всякие хоткеи и трики. Показываются гифками прямо в письме.

Если чувствуете, что взяли на себя больше информации, чем можете переваривать, смело убирайте все лишнее. Unsubscribe, unfollow — это просто

@jsunderhood Единственный стоящий источник информации - это спеки

@jsunderhood да, я всегда с видео-курсов начинаю все новое. udemy нравится )

@jsunderhood тут надо дежурно пошутить про отписку от всех групповых твиттеров

@mr_mig_by @gearmobile @jsunderhood НО! некоторые почтовики не соответствуют RFC.И некот.системы не валидируют + в мылах и логинах - уроды!

Я недавно общался с ребятами из российского Uber. В плане IT много неразберихи, куча сайтов, систем... зато самый дорогой стартап в мире.

Это мы потихоньку подходим к теме завтрашней беседы — свой бизнес и стартапы.

@jsunderhood confirmed

@jsunderhood confirmed

@jsunderhood есть два хороших доклада на эту тему: youtube.com/watch?v=xPFRUM… и youtube.com/watch?v=p5g4gi…. Коротко говоря - надо расслабиться.

@jsunderhood gtd для статей. Очень помогает читать планомерно и постоянно. Моя норма - 5 статей за завтраком.

@jsunderhood взять тот же React: я держу руку на пульсе, понимаю в чём смысл, но кода на нём не писал.

Introducing a React animations library by @asktwi — rotation, slideDown, elastic container
amp.gs/8Ufa pic.twitter.com/TDowWeewYU

@_sashashakun @jsunderhood @blia для android есть мой на RN github.com/terrysahaidak/…

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

Вдогонку к вчерашней теме приведу уже классические выступления на тему анти-хайпа и гонки за новыми технологиями

Андрей Листочкин, «Анти-хайп. Как не гнаться за технологиями и начать жить» youtube.com/watch?v=xPFRUM…

Алексей Симоненко из HTML Academy, «Как я перестал верить технологиям» youtube.com/watch?v=p5g4gi…

За ссылки спасибо @alexey_m_ukolov

Привет всем! Среда — это маленькая пятница. Сегодня поговорим про свой бизнес и IT-стартапы.

(кстати, многие читатели подтвердили, что dev-ua в gitter — хороший, годный канал)

Мой предпринимательский опыт состоит из трех частей: веб-студия, digital-агентство и travel-стартап.

Веб-студия была в далеких 2008-2011 гг. Это был классический микробизнес: мы сидели в маленьком офисе и делали маленькие сайты.

Параллельно я пытался учиться в МАИ, но в какой-то момент нужно было принимать решение, и я выбрал свое дело (и ушел из института)

@jsunderhood в dev-ua много каналов на самом деле

Сайты делались сначала на MODx, потом на Битриксе. Бюджет проектов варьировался в пределах 10-100 тысяч рублей.

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

Во-первых, отсутствовало какое-либо понимание о ценообразовании, конкурентном преимуществе, своей нише. Мы хватались за любых клиентов.

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

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

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

...а также раздел «Для партнеров» на сайте Битрикса, куда сыпались клиентские заявки, и их нужно было успеть ухватить.

Надо отметить, что время от времени удавалось случайно продать большие проекты: 700 тыс. и даже 1 млн руб.

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

Еще одна большая ошибка — сотрудники. Во-первых, мы постоянно пытались нанять кого-то в штат. Это несло за собой доп. затраты: офис, налоги

С фрилансерами тоже не получалось по-нормальному работать: они срывали сроки работы, мы срывали сроки оплаты. Классика!

Денег на квалифицированных программистов у нас не было, поэтому мы брали дешевых, которые мало что умели.

В итоге мы (два фаундера компании) постоянно были заняты текучкой и в том числе кодом вместо стратегических вопросов.

В какой-то момент наш главный клиент предложил стать нашим партнером, войти в долю и отдать нам все свои проекты. Мы радостно согласились,

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

Но очень скоро выяснилось, что новый партнер хочет всё делать очень дешево и при этом участвовать во всех процессах.

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

По прошествии времени основные ошибки того времени я для себя записал так:

1. Отсутствие выстроенного процесса продаж, маркетинга, рекламы, планирования. Деньги — кровеносная система бизнеса.

2. Лишние постоянные затраты (большой офис, юрист в штате, дорогой интернет для юр. лиц)

3. Оформление людей в штат, лишние налоги, превратившиеся в задолженность. Сложность вывода денег со счета ООО.

4. Нехватка квалифицированных сотрудников, попытка делать всё самостоятельно.

5. Нечеткая формулировка задач в ТЗ

6. Как следствие, отрицательный cash flow и постоянный стресс.

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

На тему рынка веб-разработки недавно вышло хорошее исследование CMS Magazine с красноречивым названием: research.cmsmagazine.ru/web-developmen…

Если вкратце, то сегодня это сверхконкурентный рынок с крайне низким порогом входа (выучил HTML, сделал сайт, назвался студией)

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

Во-первых, это плохо масштабируется, т.к. основной ресурс — это программисты и дизайнеры. Их мало, и у вас нет для них хорошей зарплаты.

Во-вторых, вы не предлагаете ничего уникального. Сайты сейчас делают все подряд. А с появлением конструкторов вроде WIX — тем более.

Рынок проектов до 100 тыс. руб. стремительно уходит в автоматику (конструкторы, агрегаторы), т.к. там почти всё можно поставить на поток.

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

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

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

Путь, который может работать — четкая фокусировка, серьезная компетенция и высокие цены. Примеры: @datalaboratory @evilmartians

Выбираете что-то одно, что вы делаете круто. Повышаете цены, ищете «своих» клиентов. Делаете это реально круто и всем об этом рассказываете.

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

Т.е. если вы получаете 100 000, а малый бизнес В ТЕОРИИ может приносить 150 — не надо. Просто найдите время на фриланс или смените работу.

А вот если есть четкая уверенность, что свое дело принесет кратно больше денег, например, 500к/месяц — можно подумать.

@jsunderhood недавно @op писала про ФОТ medium.com/@op/it-%D0%BA%…

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

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

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

К слову, моей первой попыткой предпринимательства в 16 лет была продуктовая палатка в колледже МГКИТ (кажется, там учился @iamsapegin)

Она просуществовала 10 дней :—) Вот здесь я писал ностальгический пост с фотками про это: facebook.com/yaplusplus/pos…

Отдельно выскажусь про такую бизнес-модель, как работа на субподряде у больших агентств. Мне до сих пор еженедельно приходят письма от...

...маленьких компаний или фрилансеров, которые предлагают свои услуги по верстке и программированию на подряде. Это путь в никуда.

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

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

В районе обеда расскажу про рынок digital-агентств. Там похожая ситуация, только больше бюджеты и жирнее клиенты.

А вечером поговорим про стартапы, инвестиции, акселераторы и технологии.

@SheVasya Зачем вообще идти в бизнес без перспективы найти клиентов? Это не бизнес, а прокрастинация. @jsunderhood

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

Про стартапы есть интересный телеграм-канал Аркадия Морейниса: telegram.me/temno (да и много других источников, об этом позже)

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

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

Пока у вас маленькая команда, вам придется участвовать во всех этих процессах. Это дает массу нового и интересного опыта, но это расфокус

В какой-то момент вы начнете ловить себя на том, что забываете названия CSS-свойств и методов стандартной библиотеки

Ситуация простая: вы перестаете быть программистом и становитесь предпринимателем. А предприниматель — это в первую очередь деньги.

Есть путь управленца и есть путь эксперта. Перед тем, как открывать компанию, задумайтесь: какой ваш путь?

И последнее на этот час: лично я ни разу за свой предпринимательский опыт (~7 лет) не сталкивался с давлением госорганов.

Более того, в начале пути ГБУ МБМ даже выдал нам субсидию на развитие бизнеса (300 000 рублей, кажется).

Минутка хантинга: мы все еще ищем фронтендеров в Setka и Look At Media, а также Ruby-бэкендеров. Пишите на yakovishen@setka.io

@listochkin @boriscoder @jsunderhood я бы даже вот этот линк приложил gist.github.com/listochkin/c81…

Недели три назад пересел на работе на iMac 27''. Наслаждаюсь режимом Split View: pic.twitter.com/vngBHXNzLo

@jsunderhood Split View курильщика: pic.twitter.com/B2SvQ06PZv

Комьюнити, кто-нибудь сталкивался с проблемами производительности CSS-calc() на мобильных устройствах? Они есть?

@jsunderhood а я использую i3 под *unix на двух мониторах и наслаждаюсь жизней больше вашего)

@jsunderhood а я купил в DNS noname-монитор на 27" за 15k и уже 3 года наслаждаюсь этим режимом :)

25 августа на MoscowJS 33 в Рамблере расскажу про наш опыт создания WYSIWYG-редактора: moscowjs.timepad.ru/event/363568/

Пока есть пару минут, расскажу про наш стек разработки — беспроигрышная тема в любом dev-сообществе.

Как я уже говорил, бэкенд на всех проектах написан на Ruby on Rails. На фронте есть исторические Backbone и jQuery, на новых проектах React

Код держим во внутреннем репозитории в GitLab, проекты ведем в Asana (а отдел спецпроектов — в Basecamp)

Но сейчас серьезно подумываем о переезде на YouTrack. Код пишем в Sublime и Atom.

Работают все на Маках, наверное, кроме бухгалтерии. Недавно дизайнеру купили iMac 27'' retina, любовались на него часа два

Все такие посты помечены. Вот, например: the-village.ru/village/city/s…

Почему программирование — это долго и сложно quora.com/How-do-I-expla…

@jsunderhood и у него все через шорткаты на клавиатуре. И крутая интеграция со всеми продуктами JetBrains. Мне лично нравится.

Итак, про стартапы. В 2012 году мы с коллегой решили оставить заказную разработку и сделать свой стартап.

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

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

Практически сразу мы нашли знакомых инвесторов, весьма далеких от интернета, но имеющих желание в него вложиться.

Конкретной идеи проекта у нас не было, и нам предложили её придумать. Сначала мы стали думать в сторону платформы для лидогенерации.

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

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

В итоге после 5-10 встреч-переговоров мы пришли к следующему решению: будем делать систему планирования путешествий.

Агрегатор, который собирал бы воедино авиаперелеты, отели, бронирование авто, страховки и т.д, и помогал бы все выбрать и оплатить разом.

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

Доли в проекте были поделены между нами и инвесторами пополам.

Непосредственной движущей силой проекта были я и мой коллега. На его стороне был бэкенд и общий vision, на моей — фронтенд и интерфейс.

Через 3 месяца погружения в тревел-индустрию стало ясно, что мы выбрали себе весьма амбициозную задачу.

Мы узнали, что такое системы бронирования, GDS, депозиты, билетные кассы, субагенты, агентские комиссии, метапоиск, ваучеры и т.д.

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

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

Мы посмотрели на всё это и решили начать с одной простой и популярной ниши — бронирование туров. Комиссия от операторов составляла 10-15%.

При средней стоимости тура от 50 000 руб. и выше. По первым прикидкам даже с конверсией 1% можно было заработать много денег.

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

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

И, разумеется, это должно было быть Single Page Application. Правда, тогда мы не знали такого слова и говорили просто «как во ВКонтакте»

Мы заключили партнерский договор с компанией «САМО-софт», которая уже агрегировала туры у многих операторов.

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

Мой коллега сел писать бэкенд на Yii framework. На его долю выпало решать сложные задачи по кэшированию, обработке отказов, парсингу

Я же довольно быстро уперся в потолок jQuery и решил выбрать подходящий инструмент для SPA. В итоге выбор пал на YUI3, библиотеку от Yahoo

YUI3 во многом очень напоминала Backbone, только была гораздо больше и включала очень много чего (что меня и привлекло)

У неё были свои методы для работы с DOM, AJAX, роутинг, MVC, анимации, утилиты... можно было практически не брать ничего другого.

Я специально поднял несколько макетов интерфейса. Поиск туров: pic.twitter.com/lgZxvooy0j

Страница отеля: pic.twitter.com/sbfZFFVGav

Бронирование: pic.twitter.com/YHMOKcYvqw

Проблем по ходу возникало много. Шлюз для поиска и бронирования постоянно давал сбои. Постоянно не хватало фоток и описаний отелей.

Приходилось отлаживать IE8 и старую Оперу. Но мы не сдавались и продолжали пилить, будучи уверены в том, что наш интерфейс всех покорит.

Я тогда сполна пережил все прелести разработки SPA: обработка роутов, куча отдельных View и десятки перекрестных событий, общий app state

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

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

Два года.

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

Бюджет проекта продолжал расти. Когда он достиг 5 млн рублей, инвесторы сказали «Стоп». Жаль, что это не произошло годом раньше.

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

При этом ни одной продажи сделано не было. Инвесторы устали и потеряли интерес к проекту.

На собрании учредителей было принято решение: финансирование проекта приостановлено, чтобы понять, нужен ли он кому-нибудь на рынке.

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

Словом, отличное время для туристического бизнеса :)

К этому моменту мы уже начали подозревать, что делаем что-то неправильно :) И решили походить с нашим детищем по рынку и послушать реакцию.

Сначала дело шло вяло. Мы отправили заявку в пару стартап-акселераторов, нам прислали кучу вопросов про нишу и конкурентное преимущество

Правильных ответов на тот момент у нас не было. Мы продолжали верить, что система бронирования с красивым интерфейсом — это нужно всем

Зато в 2015 году дела пошли на подъём. Мы пропитчили наш проект на конференции TravelUP, которую устраивала QIWI, и попали в пятерку лидеров

...с которыми QIWI была готова делать совместный пилотный проект в тревел-области. Это нас воодушевило — проект был кому-то интересен!

@webholt @jsunderhood т.к. твой твит раньше, то ты «накаркал», и поэтому несёшь всю ответственность за задержку проекта.

Вот пост на VC про это мероприятие: vc.ru/n/qiwi-travel-…

Далее случилось совсем невероятное. Мы попали в Альфакэмп, совместный стартап-акселератор Альфа-Банка и ФРИИ.

В акселератор было подано около 800 заявок, из них около 1000 выступили на демо-дне, и только 30 прошли в акселератор. И мы в том числе!

Это придало сил и энергии. Мы были готовы предложить Альфа-Банку свою платформу в обмен на их трафик.

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

Акселератор стартовал в июне 2015 года и длился два месяца. Это, наверное, были самые полезные два месяца для нашего проекта.

За эти два месяца мы успели познакомиться с массой умных людей, экспертов ФРИИ и Альфы, а также посмотреть на другие проекты.

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

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

2. Большинство проектов умирают потому, что они оказались никому не нужны, и у них закончились деньги.

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

3. Стартап должен решать реальную проблему реальных людей. Только тогда они будут готовы отдать вам свои деньги.

4. Далеко не каждый бизнес является венчурным. Магазин «Продукты» неинтересен инвестору, т.к. не вырастет в 10 и более раз.

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

6. У стартапа должен быть рынок. Для ФРИИ объем рынка должен быть от 300 млн рублей в год и более.

7. Стартап, застрявший на обороте в 1 млн рублей, скорее всего банкрот. Конкуренция задавит. Нужен постоянный рост.

8. Задача стартапа на начальной стадии — как можно больше, быстрее и дешевле ошибаться. Сконцентрироваться и проверить максимум гипотез.

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

10. В первую очередь надо продавать новаторам, тем самым early adopters, но основные деньги — у большинства.

Акселератор — крайне полезная среда, ставящая мозги на место и приучающая мыслить как product owner.

В заключение скажу, что мы сделали мощный пивот, сфокусировались, и ФРИИ пригласили нас очный акселератор, ...

...предложив 2,1 млн рублей за 7% компании. Но мы к тому моменту уже порядком устали и решили сделать паузу.

В настоящий момент проект заморожен, но не брошен. Мы провели более 100 интервью с клиентами, выявили боль и придумали решение.

@webholt @jsunderhood я с тремя недопэхапэшниками делал поиск отелей. Сделали за 5 месяцев и даже были продажи...

У Setka в этом плане есть серьезное конкурентное преимущество: рядом с нами сидит 3 редакции реальных больших проектов.

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

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

А библиотека YUI, кстати, была похоронена самим Yahoo в конце 2014 года.

Что бы я изменил сейчас, окажись в начале этой истории? 1) Не лез бы в туризм 2) Нашел бы нишу и сфокусировался 3) Выявил реальные проблемы

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

Как сказал один из экспертов ФРИИ, есть два типа стартаперов: одни быстро релизят говно и начинают продавать, вторые вечно пилят продукт

Говно = максимальная простая версия продукта, решающая реальные проблемы пользователей. Minimal Viable Product.

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

В таком бизнесе, как онлайн-тревел (да и вообще e-commerce) это ключевой показатель. На нашем рынке CAC составлял 4000-8000 руб.

(CAC = customer acquisition cost)

Т.е. сначала нужно было потратить 4-8 тыс. руб. на рекламу, затем продать юзеру тур за 50-80 тыс. руб., получить свои 10% комиссии, ...

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

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

Нашел дешевый источник качественного трафика — ты король. И при этом абсолютно неважно, на Реакте твой сайт или на YUI :)

@jsunderhood екоммерс живет исключительно на повторных продажах, и 2я + покупка—это очень хорошо. учитывая сегмент, имо вы тут тоже ошиблись

Про важность Developer Experience: medium.com/@girlie_mac/de…

@jsunderhood золотая пословица software индустрии

If you use npm and want a cdn, check out npmcdn: a cdn so easy to use, you're already using it.

Served 500M+ reqs from npmcdn.com over the past month, over 97% from the cache. So crazy! 😆 pic.twitter.com/82FGuwiwlM

5:48

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

Я почти ни дня не работал в области, не связанной с IT. В 17 лет полдня проработал курьером, а на след. день устроился HTML-верстальщиком

До сих пор даже существует сайт маленькой студии, где я верстал шаблонные сайты на таблицах и самописной CMS: webmedia.ru

Людей мало, толковых еще меньше, но при этом они нужны всем, т.к. все современные web apps напичканы фронтендом по самое-самое

В конце прошлого года я решил устроиться на работу. В резюме последние 7 лет: своя студия, агентство, стартап. В/о нет, в Яндексе не работал

Примерно за 2-3 недели я обошел 10 собеседований (Москва), получил 5 офферов. Мог продолжать, но пора было определяться.

В итоге выбирал между ТуТу.ру, Parallels, Mail.ru, Setka и еще парой компаний. Выбрал Сетку из-за интересных задач и драйвового духа

@jsunderhood остравок Go разрабов набирал недавно

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

Где может реально потребоваться вышка — это при трудоустройстве на сильные технические должности или за границу. Кто работает там — напишите

@jsunderhood Elixir в проде, как дополнительная API надстройка над Elasticsearch. Посматриваю в сторону Elm/Haskell.

Тебе предлагают "ненадолго" перейти на frontend pic.twitter.com/8bMLJ5wz9V

@jsunderhood defile "плохой"

Помни, программист! Ты не средний класс, ты — киберпролетарий.

@jsunderhood коллега переехал в штаты без профильной вышки

@jsunderhood @RIP212 в Германию вроде можно попасть и без диплома. Были уже разговоры на эту тему. В NL тоже иногда просят, иногда нет

Несколько прошлогодних фотографий из офиса Авито. Очень уютно =^..^= pic.twitter.com/82s5EiZP8H

pic.twitter.com/sm7ZDCxLzc

А вот команда Сетки полугодичной давности. Сейчас уже в два раза больше людей. (я в качестве background-image) pic.twitter.com/FPDWhARRLp

Она же, откластеризованная по признаку наличия бороды pic.twitter.com/RZcqGVX4Fg

И вот еще несколько фоток из нашего офиса. Делаем вид, что сосредоточены на работе (позируем фотографу): pic.twitter.com/Zxy1uNoNDc

Верстальщик от бога Саня рубится на PS4 в игру про кусочек мяса: pic.twitter.com/VmW8IN4e9a

Всеобщий любимец, тайский ориентал Старки, терпит дозу любви и нежности: pic.twitter.com/Twrptyja3H

А наш проджект-менеджер Лена выращивает перчики, и недавно мы делали из них перцовку: pic.twitter.com/aBAcnqDCQA

Тут шутка про бэкенд-разработчика на заднем плане pic.twitter.com/NFFJ8Pnwup

На самом деле это продакт-директор Сетки — Роман Худоногов. А пустующий компьютер недавно перешел ко мне.

Кстати, стену на заднем плане мы месяц назад передвинули метров на 5 вглубь, т.к. перестали помещаться. Редакции пришлось потесниться :)

Раз уж заговорили про офисы, пару слов про фриланс. Далее личный опыт: долгое время работать дома — плохо.

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

Это новые знакомства, и (часто) интересный локейшн, мероприятия, новые заказы. Я прошлое лето провел в DI Telegraph, и это окупилось стократ

Я познакомился с ребятами из Moscow Coding School и стал преподавателем. Пообщался с разработчиками Bookmate и Zvooq.

Выступил с большим докладом про фронтенд на Moscow Tech Meetup: youtube.com/watch?v=H3CtzN…

Записался в группу занятий английским с крутым 68-летним нейтив-спикером. Ну и еще много чего. Главное — встать и выйти из дома.

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

Я общался с одним стартапом год назад, они говорили так: React — это мода, она скоро уйдет, мы сразу все делаем на Polymer

@jsunderhood я ни цента до текущего места не заработал кодингом, зато активно писал в блог + делал oss на тему react + rails = isomorphic 💖

Недавно в Телеграм-чатике про JS-вакансии @chicoxyzzy, кажется, звал писать внутренний апп на ES6 без babel

(ES6 без babel звучит как секс без презерватива...)

@biercoff_enn можно, но очень тяжело. Обычно отказывают @jsunderhood @RIP212

@jsunderhood у меня было 30к до вычета налогов, тоже после курсов

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

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

Гайз, посоветуйте какие-нибудь толковые и интересные программерские твиттеры. Ток чтоб не смехуечки и "орнул в голосину", а норм контент.

@goodhoopoe из тех, что я читаю (а ты нет): @nikitonsky, @afiskon, @zenwalker, @xufocoder, @SBozhko, @dshevchenko_biz. Но нужна новая кровь!

Удобно, когда сайт можно скачать с гитхаба и запустить локально. Это я про jsunderhood.ru, который у меня не открывается из-за происков РКН

@biercoff_enn @jsunderhood @RIP212 в Германию без диплома очень сложно, а вот в Финку - вообще без проблем.

(я сейчас не про закрытые проекты, где все сидят на последнем Chrome, а публичные)

@smashercosmo и в Швецию без проблем ;) @biercoff_enn @jsunderhood @RIP212

@jsunderhood у #nodejs разрабов тоже золотой век, мало толковых, а спрос со стороны компаний растёт)
А у фуллстэков вообще век платиновый)

В тему транспайлинга: кто-то нибудь использует альтернативы babel, например, traceur? Если да, то почему?

@jsunderhood есть ещё buble и closure compiler

Сорри за оффтоп, но пришел эпический спам только что. Вдруг кому нужны контакты Джона? :) pic.twitter.com/EFFR7PczRr

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

@jsunderhood еще есть вот такой странный проект github.com/yoshuawuyts/es…

@jsunderhood Traceur я пробовал, когда Бабеля ещё не было, и он был говном. А сейчас в нём ещё меньше смысла.

@Sigiller @jsunderhood подробностей не знаю. Но месяц назад в этой же Твиттер-ленте парень из Финляндии говорил об этом. Он думает о вышке.

@jsunderhood разработчики Bookmate ищут фронта, нет желающих?

Dev Tips: #DevTools: Automatically open DevTools in each new tab: umaar.com/dev-tips/111-a… (Works in Chrome stable) pic.twitter.com/lrgnDIronR

@marinintim @jsunderhood rollup - bundler, buble - transpiller. Оба Рич Харрис из Гардиан сделал.

А вот описание наших фронтенд-вакансий. Разработчик в Сетку: specials.lookatme.ru/workwithus/job…

И в спецпроекты (там больше верстки, анимаций и т.д.): specials.lookatme.ru/workwithus/job…

HolyJS в Москве 11 декабря: первые доклады и приём заявок — habr.ru/p/307972/ pic.twitter.com/1CV3ynHsiS

@_sashashakun @jsunderhood недавно знакомый iOS-программист завалил 70% (не дали оффер Uber и Facebook) , дал оффер только Google. 👻

Кто заинтересован в работе, а не в троллинге — знает что делать.

Фронтендеры, у кого-нибудь есть опыт переезда с Mac OS на Linux? Яблочные устройства в России стали стоить непомерных денег.

Ага, вижу, в них можно экспортнуть файлы. А ничего не теряется при экспорте?

Другое дело, что ноутбук, на который можно поставить Linux и нормально работать, стоит как MacBook 15'' года 2012-2013 (~70-80к)

Только что закончился первый скайп-прогон моего доклада про WYSIWYG для MoscowJS 33. Получил много полезных комментариев. Увидимся 25.08.16

@jsunderhood есть опыт переезда с Linux на Mac, потому что там Adobe не было. Остальной набор инструментов, в принципе, есть.

@virocracy @jsunderhood у меня хромбук на целероне. И с ssd там вполне себе жизнь. Кор, канешн, Староватый, но тянет.

@jsunderhood все-таки лучше разориться на 90т.р и купить MacBook Pro 13. Также лет 5-7 отработает, оно того стоит

@jsunderhood 6 лет на линуксе, с каждым годом все лучшее и лучшее. уже даже фотошоп не проблема (если не дизайнер)

И дисководом!

Всем привет. Сегодня пятница — день искрометного юмора и тонкой иронии.

Хочу с вами поделиться своим фаворитом — сайтом, которые я наблюдаю года с 2008, хотя существует он раньше: web-league.ru

По всей видимости, в этом году они сделали редизайн, но все ключевые моменты остались: цитата из Евангелия, цены от 3000 руб. и пАртфолио

Буквально несколько месяцев назад сайт выглядел вот так: web.archive.org/web/2016030617… Люблю их!

Есть странная история про мой никнейм: @yaplusplus. Я придумал лет 15 назад по первой букве фамилии и первому языку программирования.

И долгое время хотел зарегистрировать домен yaplusplus.ru, но почему-то этого не делал (студенческие годы...)

А потом ВНЕЗАПНО его зарегистрировал думаете кто? YANDEX, LLC: nic.ru/whois/?domain=…

И держит за собой до сих пор. Кто знает, может быть, мы когда-нибудь будем писать на языке Я++? Или даже Йа++ :)

@jsunderhood art73.ru местное творчество

@jsunderhood тогда надо вспомнить ставший уже классическим durgasoft.com

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

Кстати, про редакторы. Ребята из W-O-S недавно зарелизили свой почти что фотошоп в браузере: verstka.io

Похоже на то, что делают Tilda и Readymag

Как у многих, мое погружение в IT началось с компьютерных игр. Мы с другом прогуливали школу и копались в консоли Counter-Strike.

Нашли много чего интересного, в том числе способ подвесить любой сервер одной командой из консоли клиента (CS 1.4-1.5)

Закончилось это тем, что мы сделали свой первый сайт в Microsoft FrontPage на narod.ru, на который выложили все свои познания.

И он даже неплохо неплохо сохранился в веб-архиве: web.archive.org/web/2003090521…

@jsunderhood на самом деле мне не хватает фантазии на что-то одиозно выдающееся, типа vaginaQueen или DarkPenetrator666, поэтому свое имя :С

@jsunderhood У меня в каком-то смысле тоже: у меня был Спектрум, и игры с кассет загружались так долго, что я стал изучать Бейсик ;-)

.@jsunderhood провел сложное исследование с привлечением филологов разных стран.

@jsunderhood Используемых четыре. Один отошёл в прошлое, один основной, но его не везде пропускают (4 символа нельзя, суки).

@jsunderhood Толкина перечитал.

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

@ostelaymetaule @jsunderhood папа в детстве называл Матисом. Потом начал играть в WoW, Матисов было куча, добавил Great. Один на всю жизнь.

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

Мы недавно придумывали кодовые названия для этапов работы по редактору. Сначала был этап 1 и этап 2. Потом все стали путаться.

Завязалась дискуссия в Slack, продолжавшаяся около часа. В итоге у нас теперь фаза «Геннадий» и фаза «Педро». По Геннадию уже скоро дедлайн.

И мы с абсолютно серьезными рожами сидим в переговорках и обсуждаем, какие фичи у нас в Геннадии, а какие уходят в Педро.

А у вас в компании какие есть свои локальные словечки, мемы?

Пруф скриншот: pic.twitter.com/8lei6FdjOg

@jsunderhood Называю очень честно и многословно. Делаю из этого аббревиатуру. Перевожу на латиницу. Отлично выходит.

А еще с недавних пор в редакционном чатике локальный мем:
«Автопрефиксер перестал дописывать вендорные префиксы для старых вебкитов»

(ответ отдела разработки на вопрос, почему верстка поехала)

(для редакции звучит примерно как заклинание)

При входе в офис у нас сидит самый настоящий Упоротый Лис pic.twitter.com/RxVdxeTgG5

@jsunderhood один единственный. По молодости написал неправильно, а вышло фичей.

В первый рабочий день каждому сотруднику дают прочитать «курс молодого бойца». Там есть фраза: «Если работа сделана, можно и угореть».

А теперь минутка холивара, т.е. я хотел сказать, плюрализма мнений. Для JS: TDD или BDD?

@jsunderhood Странный холивар, второе подразумевает как минимум первое и невозможно без него. Проще говоря BDD развитие TDD.

@jsunderhood ASAPDD

У нас, как вы понимаете, Gennady Driven Development

@twenty @jsunderhood ¯\_(ツ)_/¯ Driven Development

Поговорим немного об еще одной прекрасной пятничной теме — рабочих эпик фейлах. Расскажите о своём опыте :—)

У меня в 2009 году была история, когда я вечером перед сдачей проекта клиенту убил сервер с релизной версией проекта.

Сервер был большой и железный, и лежал передо мной. А клиент был в городе Сыктывкар, и туда нужно было лететь утром вместе с сервером.

В итоге пришлось слетать два раза :-) Проект в конце концов успешно сдали, так что история со счастливым концом.

Но до сих пор помню, как включаем сервер перед приемочной комиссией, а там kernel panic и всё такое

@jsunderhood меняли систему скидок в розн. продажах на проде. За 20 минут - минус около 1,5к баксов. Директор попросил больше так не делать

@jsunderhood случайно сделала chmod 777 /

Пятница! Давайте конкурс? Разыгрываем бесплатный билет на #FrontTalks (events.yandex.ru/events/yagosti…) нужно просто ретвитнуть этот твит ;)

Знакомый из Питера рассказывал мне, что состояться в Питере === открыть свой бар. Такая система ценностей. @spbunderhood

@jsunderhood лучше бы вопрос аля: tdd(bdd, atdd) или "о да боже мой, у нас qa есть"

@jsunderhood сказали очистить таблицу (TRUNCATE) ну я и очистил (DROP)

@AlehKashnikau @jsunderhood кстати, да. Интересно, а насколько распространены QA-отделы, и показывает ли это престижность компании?)

Офисный кот Старки погребен под шевронами Сетки pic.twitter.com/Rws7EjgdWZ

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

Зато я с удивлением обнаружил, что установил рекорд по количество самостоятельно написанных твитов: jsunderhood.ru/stats/

Надеюсь, вам было интересно их читать. Делайте стартапы, занимайтесь бизнесом, любите JS

Увидимся 25 августа в Рамблере на MoscowJS 33. И если кто-то едет в Вильнюс на Frontend Union — напишите, увидимся

Спасибо @iamstarkov и @shuvalov_anton за любезное разрешение занять этот эфир на неделю

Не забывайте про наши фронтенд-вакансии в Setka. Фолловьте @yaplusplus, френдите fb.com/yaplusplus. П А К А ! pic.twitter.com/QY5jp32o8z

@jsunderhood @yaplusplus архив недели jsunderhood.ru/yaplusplus/