FrontTalks 2014 в Екатеринбурге (фотоотчет)

19 сентября 2014 г. в Екатеринбурге прошла конференция FrontTalks 2014. Если не считать препати UWDC'2014, то это первая конференция FrontTalks, которую мне удалось посетить. Мероприятие проходило в бизнес-центре "Палладиум", в самом центре Екатеринбурга.

FrontTalks посвящено фронтенд разработке во всех её проявлениях. Программа была запланирована на весь день и содержала 9 докладов. Докладчики приехали из Москвы, Новосибирска, Санкт-Петербурга, Екатеринбурга, Челябинск, Минска, Осло и Симферополя. География участников включала Екатеринбург, Челябинск, Пермь, Ижевск и, возможно, какие-то другие города. Общее количество участников – что-то около 240 человек.

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

Общий вид зала
Общий вид зала — Фото: Сергей Звездин

Доклады шли в один поток, с 5-10 минутными перерывами и одним большим перерывом на обед. В перерывах народ активно общался с докладчиками и между собой. Большим плюсом было наличие кофе и воды, которые были доступны буквально в соседнем зале. Мелочь, а приятно.

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

Олег Мохов — открытие конференции
Олег Мохов — открытие конференции — Фото: Сергей Звездин

Первый доклад представил Роман Сальников из 2GIS, который был полностью посвящен инструментам разработчика в Chrome. Весь доклад прошел под девизом "Вы можете и дальше мучиться, а можете потратить немного времени и намного упростить себе жизнь". Я полностью согласен с этим утверждением. Очень часто бывает так, что время потраченное на более глубокое изучение инструментов потом окупится в процессе работы. Роман показал несколько приемов как можно отлаживать код в Chrome Dev Tools – начиная с работы с консолью, заканчивая профилированием CPU и GPU.

Роман Сальников про инструменты разработчика в Chrome
Роман Сальников про инструменты разработчика в Chrome — Фото: Сергей Звездин

Следующим выступил Алексей Иванов из JetStyle, он рассказал о пре- и пост-процессорах CSS. Основная мысль заключалась в том, что препроцессоры – это отличная штука. Но некоторые задачи с препроцессорами решать неудобно. Признаюсь, в самом начале я достаточно скептически отнесся к этому утверждению. Но Алексей очень хорошо показал, что это действительно может быть полезно и да, иногда это удобнее препроцессоров. В докладе были упомянуты SASS, LESS и Stylus, после чего Алексей рассказал историю создания Rework и postcss. А ещё у Алексея отличное чувство юмора – "Что бы ни писали программисты на руби, у них в итоге всё равно получается руби" – это шутка про создание SASS.

Алексей Иванов о пре- и пост-процессорах CSS
Алексей Иванов о пре- и пост-процессорах CSS — Фото: Сергей Звездин

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

Алексей Бахирев про разработку для мобильных устройств
Алексей Бахирев про разработку для мобильных устройств — Фото: Сергей Звездин

Программа мероприятия продолжилась после обеда и на этот раз выступил Роман Дворнов из Ostrovok.ru. Тема доклада Романа – "Баба-Яга против!". Доклад получился очень веселый и позитивный. Но проблематика, которая здесь обсуждалась довольно серьезная и затрагивает она вопросы внедрения новых технологий на фронтенде, обновление стандартов, куда все это ведет и чем это грозит. После выступления Романа, другие докладчики ещё не раз ссылались на Бабу Ягу из этого доклада. Да, всех задело за живое :-)

Роман Дворнов — Баба-Яга против!
Роман Дворнов — "Баба-Яга против!" — Фото: Сергей Звездин

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

Арсений Форштретер о применении flexbox
Арсений Форштретер о применении flexbox — Фото: Сергей Звездин

Продолжил серию выступлений Володя Кузнецов с темой про SVG. Тема очень актуальная с условиях когда диапазон размеров экранов очень велик. Как и ожидалось, SVG до сих пор имеет ряд проблем с совместимостью, но Владимир показал различные уловки, как эти проблемы можно обойти. Также были продемонстрированы возможности анимирования, как всей сцены, так и отдельных её частей. Доклад получился интересный и полезный с практической точки зрения. Думаю, многие возьмут на вооружение то, о чем говорилось в докладе.

Владимир Кузнецов про SVG
Владимир Кузнецов про SVG — Фото: Сергей Звездин

Тему SVG продолжил развивать Дмитрий Дудин в своем докладе "Как сделать Инстаграм в браузере". Доклад был про то, как использовать эффекты и фильтры для фото на клиенте. Было предложено несколько способов, но остановился Дмитрий именно на SVG-фильтрах. Доклад получился очень живой, полный различных примеров и сопровождающийся полезными ссылками на библиотеки, которые позволяют упростить жизнь при работе с изображениями.

Дмитрий Дудин про инстаграм в браузере
Дмитрий Дудин про инстаграм в браузере — Фото: Сергей Звездин

Отличный доклад подготовил Вадим Макеев, человек очень известный в мире веб-технологий. На этот раз Вадим рассказывал об использовании изображений на страницах и рассказал почему тег <img> уже не удовлетворяет современным требованиям. Была показана хронология как это развивалось и в завершение мы увидели отличную демонстрацию того, как в скором будущем мы будем вставлять изображения на страницу. Основная идея в этом направлении – это адаптация изображения под тип устройства и загрузка с сервера только той версии картинки, которая наиболее оптимально подходит под текущие условия. Тема очень интересная, но нужно, чтобы её поддержали все браузеры. Тем не менее, то, что мы увидели очень впечатляет и надеюсь скоро мы сможем этим пользоваться.

Вадим Макеев про <picture>
Вадим Макеев про <picture> — Фото: Сергей Звездин

Последним в программе стоял доклад от Вадима Макишвили с загадочным названием "36". Мне будет очень трудно передать все, о чем Вадим говорил в ходе своего повествования. Если говорить в целом, то доклад был о том, что испытывает человек, который перешагнул возраст "36". О том, что это очень сложный период, и что в этот момент можно наломать дров. Доклад был воспринят на ура и все слушали, затаив дыхание. Эта тема заставляет задуматься над тем, что ты делаешь и зачем это делаешь, а также о том, что будет завтра и что с этим делать.

Вадим Макишвили - 36
Вадим Макишвили - "36" — Фото: Сергей Звездин
Вадим Макишвили - 36
Вадим Макишвили - "36" — Фото: Сергей Звездин

Всегда, оказываясь на новом мероприятии, я стараюсь ответить на вопрос "поеду ли я сюда еще раз?". Что касается FrontTalks, то мне мероприятие очень понравилось – и по формату, и по содержательной части. Так что в случае с FrontTalks – однозначно, приеду еще.

Спасибо организаторам и докладчикам за интересный день!