Меня зовут

Виталий Кулешин

Виталий Кулешин

antivitla@gmail.com

верстаю

Читать полностью
Развернуть простыню работ Свернуть простыню работ

Я

Это было после школы и фронтенд тоже не имел термина в трудовой. Верстальщик в конце 90-х это полиграфия, программист слишком специфично, а оператор ЭВМ уже совсем Юрий Гагарин.

Мы с php-шером ебашили работали в Allaire Homesite, который ещё не купила Macromedia, которую ещё не купила Adobe, которая ещё боялась Corel. Это было так давно, что аж <font face="Arial" color="black">.

Там я научился "нарезать" design-макеты на html-таблицы и вставлять в web-страницы. Потом вёрстка таблицами сменилась вёрсткой девицами, а теперь и крекс-пекс-flex-боксами. Макеты так и продолжают "резать" — но стали забывать почему.

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

Образование

У меня четыре высших образования — два незаконченых и два не начатых. МГУ им. Ломоносова, ГАУ им. Орджоникидзе, МГТУ им. Баумана и без клёвого логотипа и видного деятеля Московский Социальный Университет.

Да, это немного странно. Нет, не так. Каждый человек c юности должен активно искать смысл своей жизни. Или хотя бы работы.

Главное не стоит пробовать две вещи — наркотики и веб-дизайн. Мне не повезло...

Дизайнер

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

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

Опыт работы

Я измеряю время не годами, а версиями HTML :). Когда начинал, через полгода ввели HTML 4. В этот момент мы узнали что у HTML оказывается есть какая-то цифра и она всё это время была 3.

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

— Так сколько же ты работаешь?
— Лет 10. А может 15. Не помню.
© Кукуня

Фронтенд-разработчик

А что же сейчас? А сейчас я полноправный участник адского карнавала под названием "фронтенд-разработка". Помимо вёрстки, адаптивности и очевидного jQuery какие ещё названия с клёвыми логотипами я могу показать?

github.com/antivitla

Мой паспорт кодера.

$ bower install testwood

Хочется и верстать через тестирование (Test Driven Development). А это моя попытка сделать инструмент для этого.

$ bower install mr-utils

Сборная солянка утилит и повторяющихся решений для вёрстки (если не смог найти готовых). Например я написал там html-инклюд — по сути упрощенная система компонентов с возможность импорта. Чтоб не привлекать фреймворки или php только того чтоб избавиться от копипасты. В продакшн это не идет, но драматически упрощает структуру в сложных проектах.

Gulp

Ну не смог я Grunt'ом пользоваться. А вот Gulp попал как мёд на израненую душу джаваскриптера. А как же webpack и иже с ними, спросите вы? Хороший тул должен выдерживаться пару лет, как крымское полусладкое, отвечу я.

Angular

Свои поделки я делаю на angular.js, например тайм-трекер 3.0 на нём. Один из редких сбалансированных фреймворков, сделанных с любовью к HTML и CSS.

Polymer

Ещё один фреймворк осмысляющий роль классического HTML/DOM и CSS. Его знаю гораздо меньше, серьёзных вещей не делал, но хотелось бы. Правда неизвестно как он себя ведёт в боевых проектах.

Redux + RxJS + Maquette

А это запчасти франкенштейна архитектуры для след.версии моего тайм-трекера которые (запчасти) я тем самым изучаю. Пытаюсь переждать React-безумие охватившее всех нас.

Bootstrap и Foundation

Нужно прятать от детей, как спички и ножницы.

SASS и LESS

Саша и Лёша :)

* * *

Омут инструментов веб-разработки

Кто лучше? Как выбрать?

Инструменты веб-разработки это идеи. Всегда была цель, была проблема и решением становился инструмент. Сейчас я хочу поговорить о целях и проблемах как способе классификации. Есть собственно бизнес-задача которую решает тул. Но есть ещё кое-что, а именно что за разработчик, в какой он ситуации, подразумеваемые условия использования (автор может не подозревать об их существовании), личные предпочтения.

Один из критериев (проблем) - подготовка разработчика. Есть инструменты, предполагающие и создающиеся потому что (или из-за) разработчик не хочет или не имеет времени изучать скажем тонкости css. И тул прячет эти подробности от него. Другому наоборот - нужно своими руками править css. И тул выносит ему это поближе. Многие хотят вывернуть весь фронтенд через javascript как водолазку через рукав. Для таких фреймворки по сути становятся похожи на C++ :)) А давайте возьмем бэкендера которому традиционно падает задача поднять админку. На которой фронтенд тоже гектарами измеряется. Ему нужно только и всего лишь готовая админка причем на бутстрапе. И плевать на скорости и оптимизации и что угодно. Цель тут другая - не зная особо ничего про фронтенд, суметь поднять, суметь починить, суметь подкрутить. Всё.

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

Третье - распространенность и команда. Сколько человек в процентах знают jQuery? Большинство. А какой-нибудь Dart? Надо ли говорить что в боевых проектах проще, надежней использовать то, что всё знают и так - пусть это нечто постарше, подеревянней и т.д. Новое вино в старые мехи не наливают не случайно.

Ну и прочее в том же духе - например чисто субъективно мне не нравится определённый стиль писания javascript. И это важно.

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

P.S. Возможно непонятно как конвертировать тот же Dart или экспериментальный пока ещё Polymer. А вот именно как эксперимент - нечто создаётся и исследуется в НИИ, стадия "массовый потребительский рынок" ещё не наступила (в ИТ нет такого деления четкого и нечто узкоспецифичное сразу попадает в среду. Что ускоряет процессы адаптации, обкатки и разработки дальше, но яростно запутывает новичков и ситуацию в целом - что есть что здесь). По сути многие вещи это "местечковые" решения. Многие - как Polymer это исследование, которому ещё далеко до боевых проектов, что бы ни говорили их промо-сайты. Просто знать о таком разделении достаточно чтобы вы уже могли класть тот или иной интсрумет в коробочку своей классификации надо вам это или нет - глядя на всё, на сайт, на примеры, на доки. И адский карнавал веб-разработки превратится в мирное цветение многообразной жизни :)

 

Менеджер создаёт определённость а не просит её →

* * *

Мегасайт of Mr. Woodman 4.0
сделано на левом берегу™

P.S. Полезные ссылки