[Из песочницы] RSConf: Обзор и видеоматериалы фронтенд-конференции в Минске

imageThe Rolling Scopes — минское сообщество фронтенд/javascript разработчиков. Мы занимаемся проведением митапов, воркшопов и Q&A сессий. А в этом году доросли до уровня, не побоюсь сказать этого слова, международной конференции. Наше 20-е мероприятие получилось помасштабнее остальных. В связи с этим непременно хочется поделиться деталями проведения, атмосферой и, конечно же, материалами.

31-го января: день воркшоповНакануне события, по наверное уже общепринятой европейской практике проведения подобных мероприятий было решено устроить день практических занятий. Вход был свободный для всех, купивших билет на RSConf.ReactJS уже давно рулит и бибикает, и мы не могли пройти мимо. Виктор Хомяков вызвался показать, как же управлять этим фреймворком, помог создать первое «реактивное» приложение и ответил на вопросы девелоперов уже поюзавших реакт.

image

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

Эстафету у Виктора перехватил Мартин Науманн. Поподробнее докладчик будет представлен позднее. Тема воркшопа — 3D, WebGL и библиотека ThreeJS.

image

В итоге у всех получился примерно вот такой вращающийся освещенный куб с логотипом RS на гранях:

image

Заготовки для занятия Мартина можно выкачать здесь.

Завершал первый день Андрей Листочкин. Обычно его занятие по NodeJS длится целый день, но в этот раз ему было отведено всего 2.5 часа, которые он провел энергично общаясь с присутствующими, ловко уводя темы беседы в нужное аудитории русло. — Хотите секьюрити? — Пожалуйста. — Пефоманс? — Вообще не вопрос.

image

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

— Кто завтра идет на RSConf?

image

1 февраля: основной день RSConf Конференцию единогласно решили делать в один поток: одной проблемой выбора между двумя пересекающимися секциями интересных докладов стало меньше. Ланьярды участников выделялись национальным стилем и отдавали эдаким беларуским колоритом. На обратной стороне была напечатана программа конференции. Практично, удобно и не надо было каждый раз напоминать, кто у нас выступает следующим. Были еще наклейки четырех цветов, фирменная майка конференции со снежинкой и памятные значки. Вот, собственно, из чего состоял весь комплект участника. Никаких раздаток с буклетами, никакого хайринга и обмена электронных ящиков на конфеты.image

Hakon Wium Lie: Why CSS was invented Открыть конференцию выпала честь норвежцу Хакону Вим Ли. Точнее, это нам выпала честь, что CTO Opera Software решил прилететь в Минск и поучаствовать в местном фронтенд-движении. Правда, очень жаль, что вживую пообщаться с ним так не удалось. Самолет из Осло в Ригу немного задержался, и Хакон не успел на стыковочный рейс до столицы Беларуси. Поэтому программа была немного перетасована и для доклада была организована онлайн-трансляция из латвийской столицы.Несколько фактов о спикере: — работал в CERN рука об руку с Тимом Бернерсом Ли; — создатель CSS; — активист веб-стандартов W3C в целом (video, web fonts, Acid2, etc); — член партии пиратов Норвегии; — запустил рекламную кампанию в Осло против высотных зданий и рекламы на улицах; — владеет собственной фермой и деревообрабатывающей мастерской; — его имя довольно сложно произносится, в особенности англоязычной частью населения, поэтому эдаким упрощением стало howcome.

Хакон сам по себе очень позитивный человек. Он очень легко отнесся к негодам судьбы, вынудившим его читать доклад из Риги, и с самого утра начал задавать тон конференции, приветливо улыбаясь на камеру из номера в отеле и умело работая с публикой даже на таком расстоянии. Доклад был смачно пропитан раритетными фоточками из CERN, историей создания www и конкретно CSS.

Видео доклада (до 11-ой минуты будет приветствие от организаторов, затем — выступление Хакона):

[embedded content]

Dr. Axel Rauschmayer: Using ECMAScript 6 today Аксель — программист с 30-летним стажем, в веб-девелопменте с 1995 года, организатор Мюнхенского фронтенд сообщества, спикер на крупнейших конференциях, его блог 2ality.com очень популярен в мире джаваскриптеров. Также он пишет пишет книги и проводит тренинги для девелоперов.С удивительной легкостью он откликнулся на предложение выступить в Минске и задолго до конференции начал изучать русский язык (по прибытии, конечно же, осилил и фразы па-беларуску).

Видео его полуторачасового слота по аспектам ES6 с минской конференции попало в еженедельную подборку javascriptweekly.com. В итоге на данный момент его посмотрели около 5 тысяч пользователей. Предлагаем и вам детально разобраться в ECMAScript 2015.

Часть I:

[embedded content]

Часть II:

[embedded content]

Martin Naumann: The visual web of today and tomorrow — WebGL and WebVR Мартин очень классный и энергичный спикер. Познакомившись в ним на конференции SpainJS два года назад мы просто не могли не пригласить его на RSConf. Он буквально завалил нас идеями докладов и с радостью согласился провести воркшоп накануне конференции. В итоге мы остановили свой выбор на виртуальной реальности — очень интересная штука, которая пока еще не вошла в наш повседневный быт, но в ближайшем и обозримом будущем несомненно станет частью нашей жизни.Мартин работает на швейцарский стартап, который специализируется на разработке проектов на WebGL. В частности, сейчас он занят проектом виртуальной расстановки мебели по модели вашей квартиры. Очень полезная штука при переезде или заселении в новый дом.

В докладе Мартина — много демок (его проект, Lead Motion, WebGL красивости), немного кодинга на Three.js и конечно перманентная линия вопросов/ответов по Web Virtual Reality:

[embedded content]

Тут внезапно случился обеденный перерыв. В этот час фронтендеры не только заправлялись для дальнейшего усвоения материалов конференции. Как сказал Мартин в своем докладе, организаторы каким-то магическим образом намутили Oculus Rift, и, хотя не удалось подключить его проект из-за нестабильной сборки FIREFOX VR, люди смогли попробовать стандартные демки и походить по виртуальной комнате, попробовать сесть на стул, который так реалистично передавал Oculus, что можно было запросто свалиться на вполне реальный пол.

image

Еще одной развлекухой было собирание по крупицам HTML-тегов. Благо, на каждом ланьярде была своя буква, и приходилось кооперироваться, парсить аудиторию и выискивать нужного человека. Как собрали «blockquote» для нас до сих пор остается загадкой.

image

Ребята на следующем фото решили скреативить, и если тегами здесь и не пахнет, то фраза просто огонь! Вполне реальные претенденты на победу. Ведь за нее каждому будет бесплатный билет на следующую RSConf. В нашей группе в FB скоро будет голосование за лучшее фото, коих было немало. И все отнюдь не с цензурными словами!

image

Один час пролетел незаметно, и настала пора снова возвращаться к докладам.

Кирилл Демура: Aperiodic tiling Кирилл — CSS нерд, который может анимировать все, что движется в браузере. В рамках доклада-молнии на конференции он рассказывал о своем внезапном увлечениии, тезисы которого представлены ниже: — Как сгенерировать аватарку пользователю по его ID; — Что такое паркеты (периодические, непериодические и апериодические), для чего они нужны, как с этим работать и использовать; — Какое отношение к паркетам имеет химия? — Разбор по полочкам игры «Жизнь» на апериодических паркетах.

Презентация очень красочная, подробная и не простая:

[embedded content]

Juha Paananen: FRP with Bacon.js Горячий финский парень Юха — адепт функционального реактивного программирования в javascript-мире, создатель самой популярной FRP-библиотеки BaconJS.Лайв-кодинг и демки на BaconJS, философия этой библиотеки и подхода в целом из первых рук от Юхи Паанена:

[embedded content]

Андрей Листочкин: Ember = Angular = React Андрей прилетел к нам из Киева. Он активный участник и организатор украинского фронтенд-сообщества, участвует в хакатонах и проводит тренинги. Его доклад был самым веселым, да еще и с холиварным названием, отличной подачей и глубокой сутью. Он разбирает и перемывает косточки архитектурам и разработке на каждом из трех заявленных фреймворков.Последние 5 минут доклада аппаратура зажевала, но слайды Андрея можно найти здесь.

[embedded content]

Дмитрий Ломов: Javascript со скоростью света Дмитрий Ломов (Google, Мюнхен) программирует уже два десятка лет и успел поработать в JetBrains, Microsoft и Google. Сейчас участвует в разработке V8/Blink, а также является членом комитета по стандартизации JavaScript (Ecmascript) TC39 от команды Google V8.В докладе Дмитрий рассказывает об интимных подробностях работы V8, а также c какими проблемами сталкивается платформа и как все-таки их можно решить. «use stricter+types» — новый лучший друг js-оптимизатора. В своей презентации Дмитрий дает ответ на такой вопрос: зачем при живых TypeScript, Dart, Flow нужен еще и SoundScript, поддержку которого планирует сделать команда V8. Доктор Аксель Раушмайер прямо в Минске написал статью по мотивам доклада и выложил ее в свой блог. Все-таки очень приятно, что участники RSConf были первой публичной аудиторией (сразу после комитета по джаваскрипту в Mountain View), которая услышала о нововведениях и смогла позадавать свои каверзные вопросы Дмитрию.

Видео доклада:

[embedded content]

На конференции был синхронный перевод докладов как с английского на русский, так и vise-versa. Особой популярностью хедсеты не пользовались: только процентов 10 участников отдали свой ID в обмен на перевод уже начавшего разбираться в разработке переводчика (дело в том что он уже переводил две конференции по фронтенду в Минске, и я думаю, что сайт он уже вполне способен себе запилить). Правда, Северин Кистнер из Мюнхена заценил девайсы.

Simultaneous translation at #RSConf works surprisingly well.

 — Severin Kistner (@sekistner) 1 февраля 2015

Интересный факт: билет на конференцию стоил 30$, а Северин отдал за визу в синеокую 180 €: что только не делает тяга к новым знаниям. В целом, ему очень понравился подбор докладчиков, и он обязательно приедет в Минск снова на мероприятие такого уровня. Это того стоило, Сева! Gregor Adams: Discovering fractals with CSS RS Crew были на конференции dotCSS в Париже и там познакомились с творчеством Грегора Адамса. После его тогдашней яркой презентации сразу появились коварные планы пригласить его в Минск. Просто посмотрите работы Адама на CodePen. Невероятные вещи на CSS.На конференции его доклад здорово разгрузил информационный поток, шедший от предыдущих спикеров, и постепенно засыпающая часть зала взбодрилась ото сна. Благо, фракталы, танцующие под «Sail», того стоили: красиво, динамично, вдохновляюще.

[embedded content]

CSS Quiz Конкурс от Саши Герасимова завершал официальную часть конференции.Его смысл был вот в чем: участники открывают ссылку в браузере. По веб-сокетам клиент коннектится к серверу, и происходит регистрация в системе. После того, как все сделали предыдущий шаг, ведущий дает отмашку жмет кнопку у себя в админке, и участникам одновременно посылаются задания.

Пример одного из заданий выглядит именно так:

image

Суть проста: пользователь в присланной верстке должен выбрать подсвеченные html-теги. На прохождение этапа дается 2 минуты, время каждого участника фиксируется, и первому дается балл, второму — два, и тд. После 10 этапов вся сумма подбивается, и по наименьшей участники ранжируются в итоговом протоколе.

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

К слову, фронтендеры руки-ножницы сражались не просто за уважение или виртуальный почет, но был и вполне материальный приз — Google ChromeBook Pixel, врученный победителю компанией PandaDoc (нашими давними знакомыми и партнерами).

image

Исходники квиза будут выложены на наш гитхаб, но только после того, как будет проведен еще и JS Quickdraw.

Афтепати Мы, как организаторы, не стали сильно заморачиваться, а в особенности в разгар кризиса бюджета на масштабное проведение на Минск-Арена не было, поэтому еще во время проведения квиза в IBB-центре стартовал BeerJS со вкуснейшим разливным, подогревавшим градус дискуссии и способность общения. Благодаря фотобоксу участники могли сразу унести домой свидетельство, где они были все воскресенье 1 февраля. Можно было сделать вот такую фотку со спикерами: imageАксель так и говорит:, а ты юзаешь ES6 #прямосейчас?

5 февраля, воркшоп «Improving Smashing Magazine«s Performance: A Case Study» Конференция была настолько насыщенной, что воркшоп редактора Smashing Magazine Виталия Фридмана не помещался в основной день конференции. Но, как говорится, что ни делается, все к лучшему: одного часа воркшопа участникам было бы мало. Поэтому 5 февраля, в четверг (традиционный день для наших митапов) он за два с половиной часа рассказал, как же все-таки SmashingMagazine удалось достичь 100 балов в PageSpeed для мобильных устройств.image

Слайды и фотографии Все презентации, фото и видео отчеты бережно складываются на страницу обзора конференции.То, что придает нам сил идти дальше Thanks @rollingscopes conference! I met many interesting people and learned a lot from various discussions. #ar_trav

 — Axel Rauschmayer (@rauschma) 2 февраля 2015 Many thanks to #rsconf in Minsk for having me! Excellent audience and a great chance to discuss some of our ideas.

 — Dmitry Lomov (@mulambda) 1 февраля 2015 Был долгий и насыщенный день на #rsconf Восторг, радость, любимые котики рядрм

 — Ginger Witch (@imp313) 1 февраля 2015 Вот и закончилась #RSConf Спасибо организаторам и докладчикам. Была рада увидеть знакомых и развиртуализироваться ;) До новых встреч!

 — Anna (@asktwi) 1 февраля 2015 Плюс небольшой обзор от участника RSConf Павла Дробушевича можно найти здесь.Собранные через форму фидбеки и оставленные во время конференции отзывы дали нам знать, что мы идем в правильном направлении и двигаем всем сообществом js-разработку вперед. Спасибо за участие и теплые слова, без вас бы ничего не вышло!

В заключение Как вы поняли, у нас это был не последний ивент. В феврале уже прошел 15-й митап, в ближайшем будущем будут воркшопы по Polymer и ES6.Спасибо, что дочитали заметку до конца.

image

Это было круто. До скорой встречи, друзья! Let’s Roll!

© Habrahabr.ru