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

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

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

image

Что появится в 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 формате из любых источников.

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

Подробнее

Мастер-класс «Верстка больших проектов — переходим на следующий уровень» + промо коды

22 марта, в Киеве, я планирую провести мастер-класс о современной верстке совместно с SmartMe.

Отзыв о мастер-классе от Антона Немцева: Отличный мастер-класс планируется в Киеве. Не пропустите. Роберт — властелин верстальщиков одноклассников и просто очень клевый. По большому счету он, вероятно, забыл о фронтенде больше, чем большинство когда-либо узнает. Ваш шанс его послушать

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

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

Тут можно посмотреть план мастер-класса и зарегистрироваться. Под катом пару промо кодов с 10% скидкой и информация о возможности пообщаться в Киеве.

Подробнее

Запись полного процесса верстки макета по MCSS

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

Что бы не откладывать реализацию идеи я воспользовался подручным QuickTime плеером для записи скринкаста и расставил сопроводительные комментарии прямо в YouTube. Записывал в несколько этапов, отлучаясь на важные дела.

Процесс разработки запечатлен от начала до конца, без предварительной подготовки кроме шаблона проекта с Grunt и настройки инструмента browser-sync. Общее время верстки макета заняло около 3 часов, видео ускорено в 2 раза. В процессе верстки использовал LESS с компиляцией из Grunt и половину времени использовал второй монитор с открытым, авто-обновляемым через browser-sync, браузером. Остальные инструменты описаны в аннотациях на видео.

Репозиторий проекта содержит результат и исходники дизайна, также есть демо страница.

2013, подводим итоги

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

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

Подробнее

Быстрая настройка и простая поддержка NodeJS приложения

image

С ростом популярности NodeJS в нашей команде (и в мире вообще), а так же с запуском наших первых проектов на ноде, появилась необходимость в навыках настройки и запуска сервера на виртуальном хостинге. Конечно можно было выбрать готовые PaaS решения на Heroku или на Nodejitsu, но это обычно дороже для первого запуска проекта и не очень удобно для внутренних инструментов на ноде, в виду ограничений по расширяемости.

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

  • Вечный запуск процесса NodeJS аппликации и вывод на публику
  • Базовая настройка NoSQL базы данных MongoDB
  • Авто-запуск и менеджмент приложения

Подробнее