Запуск альфа версии Дизайн-лего

image

Сразу после зимнего хакатона и первого прототипа Дизайн-Лего я анонсировал скорый выпуск инструмента в опенсорс. Мы немного увлеклись разработкой API для SourceJS для интеграции с Дизайн-лего, но уже готовы показать первую альфу — https://github.com/sourcejs/lego.

Код пока сыроват, и мы обкатываем процессы внутри команды, но первый шаг сделан и мы очень вдохновлены предстоящей разработкой!

Автоматизация фронтенда — от простого к сложному

~3/4 разработчиков, судя по опросу из твитера, активно используют инструменты автоматизации сборки и пакет менеджеры. Так чего же ты ждешь, дорогой %username%?

image

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

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

Подробнее

Запись онлайн-презентации SourceJS

Буквально прямиком из печки публикую запись вчерашней онлайн-презентации движка SourceJS:

В видео удалось обозреть все самые основные моменты работы с движком:

  • Установка движка с нуля и настройка плагинов
  • Создание первых документаций (спек)
  • Организация dev/prod сервера
  • Мысли об интеграции с Jade/Haml и BEM подобными библиотеками
  • Примеры структуры движка и спек на реальном проекте

Помимо этого упомянул интеграцию с Gemini для Image-regression тестирования и ответил на ряд вопросов из чата.

Запись процесса автоматизации с Grunt

В рамках проекта markup-process, для которого я ранее записывал полный процесс верстки макета с нуля, записал еще одно видео про автоматизацию с Grunt:

Как и в прошлый раз, видео ускоренно в 2 раза, и процесс записан без подготовки. До ускорения, вся работа занята около 40 минут, в ходе чего были использованы следующие инструменты:

Помимо перечисленных инструментов, запечатлен процесс организации файловой системы и настройки сервера с grunt-contrib-connect. В последней версии проекта markup-process, вы найдете примеры работы других инструментов с Grunt и Gulp. Для тех, у кого нету времени разбираться во всем с нуля, очень советую попробовать стартовые заготовки для автоматизации фронтенда.

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

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

Онлайн-презентация SourceJS

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

31 июля, в 20:00 по Москве, я устрою Hangouts трансляцию, где покажу основные фишки инструмента и как мы с ним работаем. За новостями следить можно со страницы мероприятия или в твитере @operatino.

image

UPD Ссылка на запись

Что появится в SourceJS 0.4:

  • Новая, упрощенная файловая структура и система плагинов
  • Yeoman-генераторы для старта и создания новых спек
  • API для работы с содержимым спек (которые лежит в основе Дизайн-лего)
  • Система взаимодействия между SourceJS и мастер-апликацией (вашей библиотекой компонентов)
  • Улучшения в навигации по компонентам
  • Полная поддержка .src файлов взамен .html и возможность подключать свои middleware для спек

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

Промо-коды на мастер-классы + отчет

Как и в прошлый раз, для грядущих мастер-классов мы подготовили промо-коды — RHR-Promo-Kiev на сессию про Автоматизацию фронтенда на практике и RHR-Promo-Kharkov на Верстку больших проетков.

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

image

Сюда же добавлю обзор по запланированным целям: запустил проект TodoCSS для сравнения методологий верстки и уже записал процесс настройки автоматизации сайта, который ранее так же верстал на видео. В исходники уже можно подглядеть, а видео смонтирую на неделе, а то получилось по ходу дела создать пару PR с фиксами использованных инструментов :)

Параллельно мы запустили первую бета-версию хаба статей DevShelf.us, и готовим серьезный стайл гайд по препроцессорам в рамках проекта MCSS.

Автоматизация фронтенда

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

Первое выступления с fdconf.by ребята уже обработали и выложили на Youtube, за что им огромное спасибо!

Слайды доклада.

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

Первый релиз открытого хаба статей

Мы подготовили все необходимое для первого стабильного релиза DevShelf.us и уже анонсировали его на хабре http://habrahabr.ru/post/226621!

Любая поддержка, идеи и материалы от сообщества приветствуются!

О мастер-классах и общественной активности

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

Следуя поставленным ранее целям, в этом году я акцентируюсь на формат мастер-классов. Цель переключения на новый формат — возможность более глубоко раскрыть тему технических вопросов и поднять популярность данного формата в странах СНГ.

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

Подробнее

Дизайн-лего

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

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

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

Под катом я расскажу об основных целях и архитектуре инструмента.

Подробнее