- PVSM.RU - https://www.pvsm.ru -

Fronteers 2012 — лучшая конференция по клиентской разработке, часть 2

Fronteers logo

В продолжение первой части отчета [1], я поделюсь своими заметками о втором дне лучшей конференции по клиентской разработке в Европе — Fronteers [2].

Плюс пару слов о Jam Session [3], который проходил за день до конференции.

Видео записи всех докладов уже доступны на Vimeo [4].

Открытый блокнот [5] второго дня конференции.

(осторожно, под катом присутствует тяжелая графика)

Jam Session

На официальной странице [3] мероприятия, можно найти перечень всех 17, десятиминутных докладов, а так же видео записи и слайды с выступлений.

Записи доступны и в iTunes подскате [6], благодаря которому можно выкачать все доклады, для дальнейшего просмотра в офлайне.

Я не буду рассказывать о каждом докладе по отдельности, расскажу лишь пару слов о самом мероприятии и приятных моментах.

Новый формат

Jam Session проходил в баре, не далеко от главного места проведения конференции. В очень тесной и уютной обстановке, в окружении примерно 170 человек, докладчики по очереди выходили со своими короткими выступлениями.

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

Безумно рад был видеть наших соотечественников на сцене — Антона [7], Варю [8] и Рому [9]. Не взирая на языковой барьер, наши ребята отлично выступили, и задали начало для сближения русскоязычного и англоязычного сообществ веб разработчиков.

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

Второй день конференции

The biggest devils in the smallest details

Marcin Wichary [10] — Storify [11]

И сразу же, с первыми слайдами, гениальный инженер из Google задал новый уровень презентирования, потрясая зал захватывающими эффектами и идеями.

Марчин, со своей командой занимается разработкой Google doodles [12], которые частенько поражают нас на главной странице поиска Google.

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

Делюсь своими заметками по докладу:

  • Что бы реализовать кроссбраузерную, производительную анимацию и видео на всех устройствах и браузерах, они написали свой инструмент 'crushinator', позволяющий делать покадровую анимацию, из легковесного спрайта [13] с набором кадров
  • Случалось, что новый релиз Google Chrome запускали раньше, что бы подстроится под новые Google Doodles, предоставив новые возможности браузера к сроку запуска дудлов (по случаю проведения олимпийских игр)

Open Source Ain't Free

David DeSandro [14] — Cлайды [15]

Desandro - Deal with it

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

Если сорс код, как в JavaScript, доступен каждому, это не значит, что все продукты написанные на нём, должны быть бесплатными.

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

Не обязательно прятать код, что бы за него брать деньги, система работает на добропорядочности разработчиков.

The State of HTML5 Video

Jeroen Wijering [16] — Storify [17]

Яхон — создатель JWPlayer [18], рассказал о современном состоянии имплементации HTML5 Video, и показал много интересных примеров [19], который можно использовать уже сейчас.

Во время доклада была упомянут главный тезис разработки JWPlayer'а за 2005 год — не нужно было продавать лицензию на плейер для Youtube за 15$.

Шестая версия плеера, по умолчанию уже использует HTML5 технологии.

Очень впечатлило демо с полосой превью видео [20], как в youtube, и поиск по тексту в видео [21] (по субтитрам).

Building the web platform

Anne van Kesteren [22] — Storify [23]

Докладчик рассказывал о разработке спецификаций стандартов, и о работе браузеров изнутри, из важного, я отметил для себя:

  • нужно помнить, что движок очень часто обращается к селекторам при отрисовки, ховерах и разные ajax действиях.
  • Live DOM Viewer [24]
  • И опять возвращаемся к интересной статье, о том, как работают браузеры [25]

I can smell your CMS

Phil Hawksworth [26] — Storify [27], слайды [28]

CMS Smell

Фил рассказал нам о проблемах современных CMS, и указал на частые ошибки, который стоит избегать.

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

Остро стоит проблема генерируемых ссылок в CMS, чему Фил посветил добрую часть своих слайдов.

К концу доклада, была упомянута интересная система организации контента Perch [29]. Золотая середине, между простотой, и расширяемостью.

«Challenge CMS stink. Fight for the chance to do good on the web.» Phil Hawksworth (прим. перевод «Боритесь с плохими CMS. Сражайтесь за возможность делать веб лучше.»)

Beyond simple transitions, with a pinch of JavaScript

Peter Nederlof [30] — Storify [31], слайды [32]

Питер показал способы продвинутой работы с CSS анимациями — определение текущего состояния на JS, остановка анимации и др.

Для меня было открытием, что CSS анимации не вызывают reflow при отработке. Благодоря тому, что эти анимации статичны, можно заранее рассчитать отображение элементов, так же Питер напомнил, что CSS анимации используют мощности GPU, при рендеринге.

Из заметок:

JS Minty Fresh: Identifying and Eliminating Smells in Your Code Base

Rebecca Murphey [34] — Storify [35], слайды [36]

В слайдах последнего докладчика вы найдёте много полезных советов для улучшения вашего JavaScript кода, так же напоминаю, что все видео записи докладов уже выложены и доступны на Vimeo [4].

В завершение

Это скорей всего последний мой обзор коференций в этом году, если вам понравилось, советую почитать мой отчет [37] о Front-Trends [38]. Обе конференции очень понравились, советую обязательно их посетить в следующем году!

Немного позже, оставлю заметку о прошедшей конференции Webconf [39] в Риге, для которой я собирал спикеров в секцию клиентской разработки. Следите за обновлениями!

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

Автор: Operatino

Источник [40]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/20254

Ссылки в тексте:

[1] первой части отчета: http://habrahabr.ru/post/155157/

[2] Fronteers: http://fronteers.nl/congres/2012

[3] Jam Session: http://fronteers.nl/congres/2012/jam-session

[4] Vimeo: http://vimeo.com/fronteers/videos

[5] Открытый блокнот: https://github.com/hay/fronteers/blob/master/2012/notes/fronteers-day2.md

[6] iTunes подскате: http://itunes.apple.com/podcast/fronteers-2012-sessions/id571602560

[7] Антона: http://twitter.com/SilentImp

[8] Варю: http://twitter.com/toivonens

[9] Рому: http://twitter.com/ki_zu

[10] Marcin Wichary: http://twitter.com/mwichary

[11] Storify: http://storify.com/frenkie/fronteers-12-marcin-wichary-the-biggest-devils-in

[12] Google doodles: http://google.com/doodles

[13] легковесного спрайта: http://www.google.com/logos/2012/moog-hp-sprite2.png

[14] David DeSandro: http://desandro.com/

[15] Cлайды: http://desandro.github.com/open-source-aint-free/

[16] Jeroen Wijering: https://twitter.com/longtailvideo

[17] Storify: http://storify.com/frenkie/fronteers-12-jeroen-wijering-the-state-of-html5-vi

[18] JWPlayer: http://www.longtailvideo.com/

[19] интересных примеров: http://demo.longtailvideo.com/track_demos/captions.html

[20] полосой превью видео: http://demo.longtailvideo.com/track_demos/thumbs.html

[21] поиск по тексту в видео: http://demo.longtailvideo.com/track_demos/search.html

[22] Anne van Kesteren: http://annevankesteren.nl/

[23] Storify: http://storify.com/frenkie/fronteers-12-anne-van-kesteren-building-the-web-pl

[24] Live DOM Viewer: http://software.hixie.ch/utilities/js/live-dom-viewer/

[25] как работают браузеры: http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/#The_main_flow

[26] Phil Hawksworth: http://twitter.com/philhawksworth

[27] Storify: http://storify.com/frenkie/fronteers-12-phil-hawksworth-i-can-smell-your-cms

[28] слайды: http://speakerdeck.com/philhawksworth/i-can-smell-your-cms

[29] Perch: http://grabaperch.com/

[30] Peter Nederlof: http://twitter.com/peterlof

[31] Storify: http://storify.com/frenkie/fronteers-12-peter-nederlof-beyond-simple-transiti

[32] слайды: http://peterned.home.xs4all.nl/talks/Fronteers12/

[33] Генератор матриц трансформаций: http://peterned.home.xs4all.nl/matrices/

[34] Rebecca Murphey: http://twitter.com/rmurphey

[35] Storify: http://storify.com/frenkie/fronteers-12-rebecca-murphey-eliminating-smells-in

[36] слайды: https://github.com/rmurphey/js-minty-fresh

[37] мой отчет: http://habrahabr.ru/post/143382/

[38] Front-Trends: http://front-trends.com

[39] Webconf: http://webconf.lv

[40] Источник: http://habrahabr.ru/post/158915/