Виталий публично
345 subscribers
79 photos
4 videos
211 links
Download Telegram
В базе знаний новая заметка - Почему с турболинками в Rails так сложно? И как фронтенд работает в рельсах.

https://notion.so/df4c32146dd145a5b371adf589437d0f

Норм? Или есть что добавить? Пишите.
Написал обычно не свойственный для Stack Overflow титанических размеров ответ на вопрос по БЭМу и принципам именования в нем.

Ссылка: https://ru.stackoverflow.com/questions/671568

Можно даже плюсануть ответ там. Это подстегнет меня давать больше таких ответов и впредь.
Спасибо, ребят, щедро налили лайков, люблю вас!

На самом деле все окей. Случайный прохожий не сможет поставить лайк на SO. Ему помешает местная система репутации, о которой я еще расскажу. Она крутая
Где меня можно найти в телеграме? В тематических чатах без флуда и спама. Делюсь с вами списком любимых:

По руби, рельсам и веб-разработке внутри этого стека:
- Random Ruby Chat
- Ruby School .us

По веб-разработке широкого профиля (HTML, CSS, JS, UI/UX, Дизайн, IT)
- Школа Веб 2.0
- Frontend_ru
- css
- annode webdev
- DEVs chat

По видеоиграм и их разработке:
- Gamin

По бизнесу и самореализации:
- Чат (Startup Garden)

Еще в ряде чатов я формально сижу, но из-за обилия флуда откликаюсь только, если упомянуть меня в сообщениях как @gambala. Вот они:
- Ruby & RoR
- pro.ruby

А в каких чатах сидите вы? Поделитесь.
А тем временем, в базе знаний новая заметка - пополняемая памятка по тонкостям именования вьюх в рельсах.

https://notion.so/7c7d813dd08e425b839de79a88cff1c3

tl;dr - именуйте лайауты не application.slim, а application.html.slim, всегда. Избавите себя от лишних проблем с рендером js.erb-вьюх.

Знаете о других подобных нюансах? Пишите, пополним заметку вместе.
Разговорились в чате, кто каким путем пришел в IT. Мой путь:

2005-2009
Вожусь в конструкторах видеоигр, знакомлюсь с программированием.

2010-2011
Ставлю на паузу видеоигры, пишу простенькие программы себе в помощь (аналог Evernote, например) под винду и линукс.

2012
От ВУЗа прохожу практику в местной шаражкиной веб-студии. Верстаю сайты на вордпрессе, затем в ModX. Первая з/п порядка 1-3к руб. в месяц.

2013
Изучаю Ruby on Rails. Создаю сайт себе, сайт под дипломную работу в ВУЗе. Регистрирую ИП. Начинаю фрилансить. Ищу в ВК молодых предпринимателей, создаю им лендинги и сайты. Заработок порядка 6-10к в месяц.

2014
Клиентов больше не ищу, работает сарафанка. Одни приводят других. В какой-то момент вливаюсь в молодую команду и работаю над стартапом. 15-20к в месяц с фриланса.

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

2016
Упираюсь в потолок по доходу, если работать на заказ (180-250к). Хочу потолок пробить. Поэтому сокращаю все расходы до критического минимума и все время посвящаю тому самому стартапу из 2014-го.

2017
Стартап - на финишной прямой. За ним - новые проекты.

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

Расширение, палит список технологий, на которых построен открытый в текущей вкладке сайт.

https://wappalyzer.com/

А что используете вы?
Кстати - заметили сочетание Ruby on Rails и React на скрине выше? Теперь и такое бывает.

С релизом Rails 5.1 и webpacker - стало возможным в кои-то веки писать фронтенд на ES6 и современных js-фреймворках. Я уже опробовал много фич Rails 5.1, и последнюю неделю занимаюсь фронтендом. И он крут.

Конечно, не без сложностей:

1. Webpack - отдельный мир. Рельса подстилает соломку и генерирует надежные development и production-ready конфиги, но если всплывают баги (в third-party плагинах, например) - приходится зарываться в вебпак с головой.

2. CoffeeScript → ES6 - непривычно. Прощай, чистый код на отступах - привет, фигурные скобочки и точки с запятой. Но в итоге - к ним быстро привыкаешь, а нативные возможности ES6 уделывают CoffeeScript на раз-два.

3. React - офигенно. Рельсы как фреймворк закрывают много кейсов в разработке. Но один остается - динамичные веб-компоненты на фронтенде. А у нас в Melp.pro их выходит полсотни. Отказаться от динамики, пожертвовав удобством для пользователей - не наш вариант. И к счастью - реакт эту проблему закрывает.

Если в какой-то момент я запущу курс по веб-разработке на рельсах - отдельной главой в нем однозначно будет современный фронтенд в вебпакере и реакт. Потому что хватит мучиться и писать велосипеды на jquery. Уже сейчас можно писать простой и понятный разработчику, но мощный фронтенд в дополнение к рельсовым server-side-rendered страницам.

Интересная тема?
Порой накатывает ощущение собственной беспомощности. Устраняется просмотром заранее отобранных мотивирующих фильмов. На скрине - мой набор, 33 тайтла.

А какие - у вас? Ай-да делиться в чате:
В базе знаний новая заметка - Настраиваем Sublime Text для работы

Стек: Ruby, Rails, Slim, Sass, CoffeeScript, ES6, JSX, React, Git. Мой личный набор плагинов и конфигов.

https://notion.so/Sublime-Text-14b5d9bafbd54559894d2dcdb6ab42d4

А если занимаетесь фронтендом - для вас существует подобная заметка на гитхабе.
Evernote для заметок я начал использовать в 2014-м. До этого сидел в TiddlyWiki, Rizzoma.com, даже в программе собственной разработки на Delphi. На днях залез разобрать базу в риззоме.

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

В веб-разработке (особенно в js-стеке) знания вообще быстро теряют актуальность. Исключения есть, например те же RailsCasts, которые я всем советую - местами до сих пор актуальны, но это потому что Rails-стек относительно стабилен, и сами скринкасты сделаны качественно.

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

Согласны с написанным? Палец вверх.
Там новый выпуск Random Ruby Newsletter подвалил. Рекомендую - хорошая выжимка полезноты по руби и рельсам. С каждой рассылки 3-5 ссылок стабильно идут в закладки.

На рассылку можно подписаться по e-mail, но я отслеживаю в телеграм-канале: @randomruby
В базе знаний есть ссылка на 500 моих закладок. Это личная коллекция ссылок по веб-разработке, бизнесу и жизни:

https://notion.so/500-7f28b255b2604374b222ef63b9925809

Беда в том, что каждую неделю у меня появляется по 20-30 новых закладок, и добавлять их в единый публичный список становится неудобно. Плюс вам будет тяжело отслеживать обновления в закладках.

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

https://notion.so/1-63798b2d2c304470986a57640b612bc7

Там же будут появляться последующие, а на канале, будут анонсироваться.

Как вам формат? Можно ли улучшить? Пишите:
С начала июня пробил потолок по темпу разработки - выдаю теперь по 200 коммитов в неделю. В планах 250-300. Настроение огонь 🔥. Скоро запуск.

Какой темп у вас? Над чем работаете? Го обсуждать:
Коллега выкатил огроменный гайд по гридам, рекомендую - читать на css-live.

Сам я неделю назад перешел на флексы (наконец-то, да), дропнув поддержку IE10 и меньше. Хорошее решение для продакшна. По гридам - подожду 2018-го. Но потихоньку знакомиться можно уже сейчас.

На ангельском есть гайды на css-tricks, codrops и MDN.

На русском, теперь - гайд на css-live.
Получил с коллегой инвайты на dribbble.com, теперь сможем делиться с вами дизайн-шотами melp.pro и других наших проектов.

Если кому нужен инвайт - попросите в чате: https://t.me/designerschat
Отдал свой инвайт https://dribbble.com/gambala
Если кто еще может пригласить, прошу отправить сюда – http://dribbble.com/bauhaus_agency :)
Если нет кнопки пригласить, напишите мне @kopyl
Как с языка снял. Люблю ночь.
Forwarded from UX Live 🔥
Обожаю ночь. Многие люди становятся совами не потому что они не могут заснуть ночью, а просто потому что это идеальное время для сконцентрированной работы. Когда ты знаешь что телефонный звонок может быть только с плохими вестями, а не с правками от клиента.

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

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

А что предлагает день? Ебаную суету, идиотские новости с промокнувшим медведевым, бесконечные сообщения, ожидание чего-то что от нехуй делать кто-то несёт к тебе, чтобы ты это решил.
День это полное говно. Самое худшее время суток как для работы, так и для жизни.
Готов дайджест закладок №2

https://notion.so/2-405518e471c847b98075943776ed4bea

Пара статей (eng) по system-тестам в новых рельсах. Пара (rus) - c UI/UX-советами по реализации веб-форм. Немножно по фронтенду, немножко по SEO и контент-менеджменту. И большой сборник твитов по доступности (a11y).

Лайк/репост, ребят 🔥
Трем сейчас в @frontend_ru за Бутстрап VS БЭМ. Присоединяйтесь. Краткие выдержки от меня:

1) Когда нет дизайна, и хочется по-быстрому собрать рабочий интерфейс - бутстрап в помощь. Либо Foundation, либо Materialize CSS, либо #{random_name} CSS фреймворк. Когда есть дизайн, когда дизайн уникальный, когда макетов много - БЭМ решает.

2) Сам я верстал на бутстрапе 3-4 года. На БЭМ - последние 9 месяцев. Перед этим попробовав все существующие на тот момент популярные css-фреймворки и методологии (пара десятков в сумме). БЭМ люблю.

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

3.1) .col-xs-6.col-sm-4.col-sm-push-8.col-md-6.col-lg-5.col-lg-offset-1

3.2) .navbar-default > ul.nav > lu > a:hover

3.3) Смотришь на новый макет и по каждому блоку думаешь: "Так, этот блок как лучше заверстать - как бутстраповский элемент с модификатором? Или с нуля в новый блок? А как лучше назвать? Чтобы не было конфликтов. И чтобы каскад с бутстрапа не помешал - приоритетность накрутить. Или все же с модификатором? А может переменные бутстрапа подкрутить? А как проследить, не накосячу ли я где-то в других местах этим?"

3.4) Брейкпоинтов в сетке 4, понятно. Как бы мне добавить поддержку еще парочки? Хотя бы десять чтобы было суммарно.

4) Перешел только со второго раза. В первый решил остаться на бутстрапе, потому что (а) самый популярный фреймворк, надежность, (б) приятные и надежные third-party библиотеки с поддержкой бутстрапа типа select2, bootstrap-date-picker, jasny-bootstrap и т.д. Но в итоге боль пересилила, и со второго раза, изучив все доступные варианты - осел на БЭМ.

5) Сейчас в текущем проекте 300 БЭМ-блоков (300 sass файлов). Величина среднего файла - 50 строк (умещается в экран). Плоская структура стилей - в единичных случаях это 4-5 уровней вложенности (4-5 отступов css-селекторов вглубь).

6) Для погружения в БЭМ достаточно одного прочтения ru.bem.info от и до, и пары первых статей из выдачи гугла на хабре, с комментариями.

А какой у вас опыт? Какие проекты, на чем верстаете? Побеседуем в чате: