Санкт-Петербург, 20 июня 2015
Конференция прошла в Центре деловой культуры на Почтамтской, 15. Остались вопросы? Пишите: wst@web-standards.ru.
Понравилась конференция? Поддержите нас!
Программа Наверх
- Открытие зала
- Начало
Браузеры наши меньшие, или Нам нужно серьёзно поговорить
Сделали сайт для ретинового Аймака на жирном канале в центре Москвы? Молодцы, осталось проверить его на ультрасовременном 4G-смартфоне, благо тариф безлимитный. А теперь очнитесь, соберите всю свою ответственность и научитесь делать сайты для людей. Прокси-браузеры, мобилки, прогрессивное улучшение и другие базовые принципы веба — давайте иметь совесть. Презентация в HTML.
Компонентный веб. Проникновение в дизайн
Всем давно надоело, что дизайнеры и разработчики дублируют работу друг друга. У каждого свой набор компонентов для построения интерфейса и свои представления о качестве. Как соединить эти два мира вместе и собирать компоненты для дизайнеров с помощью современных инструментов БЭМ, React, AngularJS и редактора Sketch. Презентация в PDF.
- Перерыв
Сначала стайлгайд — подход к разработке UI-компонентов
Живая документация по интерфейсам — новый тренд фронтенд-разработки. Следующий логичный шаг — разработка компонентов, начиная со стайлгайда, чтобы сайт документации становился песочницей для новых интерфейсов. Благодаря такому процессу, разработчики могут уйти от привычной «разработки страниц» к сборке страниц из независимых компонентов. Опыт финских компаний SC5 Online и Elisa в продвижении этого подхода с помощью собственного инструмента в опенсорсе. Презентация в PDF.
Жизнь в изоляции
С ростом кодовой базы компонентный подход, когда каждая логическая часть обособлена, становится всё очевиднее. В JavaScript есть области видимости для изоляции компонентов, но в CSS ничего похожего нет, поэтому и придумываются Shadow DOM (Web Components) и различные методики вроде БЭМ. Взглянем на проблему под другим углом: адаптируя подходы, что уже используются для других задач, можно получить куда больше выгоды, чем просто изолированные стили! Презентация в PDF.
- Обед
Почему Blink — это не новый IE6
Blink — это движок в основе браузеров на Chromium, вроде Chrome, Opera или Яндекс.Браузера. Разработчики любят его и не любят IE6. Так как же Blink может стать новым IE6? Прогуляемся же вместе по тёмным аллеям памяти ко временам, когда динозавры Netscape бродили по земле, а IE6 был лучшим изобретением со времён подтяжек, и спросим себя — повторяется ли история? Презентация в HTML.
Service Workers как предчувствие
W3C продолжает радовать нас новыми спецификациями. Некоторые из них уже вовсю используются благодаря полифилам, а про некоторые пока только рассказывают на конференциях. Как например о Service Workers. Может показаться, что это просто реинкарнация HTML Application Cache, но на деле всё немного сложнее. Чего не хватает веб-приложениям из того, что уже есть у нативных и как здесь могут помочь Service Workers? Презентация в HTML.
- Перерыв
Отладка кода в браузере
Чем плох
console.logи как сэкономить время на отладке в Dev Tools? Как пользоваться точками останова, следить на состоянием стеков, переменных и выражений, ходить по самым запутанным исходникам с картами кода и ловить хитрые исключения. Презентация в PDF.Интерактивная 3D-графика на WebGL
Трехмерная графика гарантированно создаёт вау-эффект и становится все популярнее. В браузере давно можно рисовать 3D на элементе
<canvas>с помощью WebGL и ничего не будет тормозить: трёхмерные сцены описываются на шейдерном языке GLSL ES и отрисовываются прямо на видеокарте. Научимся же использовать современные браузерные 3D-технологии, шейдеры и библиотеку three.js в собственных проектах. Презентация в HTML.- Перерыв
Книги в браузере
Разработка инструмента для чтения в браузере — это больше, чем просто сконвертировать книгу в HTML и показать её. История о том, как такой сервис разработали в Яндексе, с какими проблемами столкнулись по дороге, какие трюки помогут вам верстать книги и чего не хватает в браузерах для удобного чтения. Презентация в PDF.
Кнопка
А также: базовая линия шрифта, флексбоксы, кроссбраузерность, современные технологии и дополнительные обёртки. Презентация в HTML.
Оживляем текст
Какие интересные возможности дарят нам современные технологии, какие из них мы можем применить к тексту? Можно ли заполнить текст видеороликом или залить текст текстом? Способы оформления текста, их преимущества и ограничения. Презентация в HTML.
- Закрытие
Докладчики Наверх
Антон Виноградов @awinogradov
Разработчик интерфейсов со стажем в Альфа-Лаборатории (Альфа-Банк). Активный участник опенсорс-сообщества, автор инструментов и библиотек. Евангелист БЭМа и современных подходов к разработке.
Роман Дворнов @rdvornov
Фронтенд-разработчик в Авито, до этого работал в Ostrovok.ru и в «Едином кошельке». Автор и мейнтейнер опенсорсного JavaScript-фреймворка basis.js.
Василика Климова @Lik04ka
Разработчик интерфейсов в Artec Group, любитель 3D и компьютерных игр.
Роман Комаров @ki_zu
Разработчик интерфейсов в компании Яндекс, отвечает за вёрстку новой Яндекс.Почты,
Брюс Лоусон @brucel
Евангелист открытых веб-стандартов в Opera Software. Соавтор первой книги по HTML5 «Изучаем HTML5». Любитель поэзии, панк-рока, кикбоксинга и вязаных манкини.
Вадим Макеев @pepelsbey
Веб-евангелист в Opera. Разработчик, организатор и участник IT-конференций, автор блога Пепелсбей.net, пропагандист веб-стандартов.
Олег Мохов @olmokhov
Разработчик интерфейсов в Яндексе из Екатеринбурга. Участник сообщества и организатор конференций FrontTalks и EkbJS.
Варя Степанова @toivonens
Фронтенд-разработчик, фокусируется на опенсорсных инструментах, библиотеках UI-компонентов и больших сайтах. Живет в Хельсинки, руководит разработкой библиотеки блоков мобильного оператора Elisa. За плечами работа в медийной компании TMG в Амстердаме и в московском Яндексе.
Вячеслав Шебанов @thought_sync
Сооснователь и технический директор интернет-газеты «Бумага», один из организаторов регулярных встреч SPB Frontend.
Антон Шувалов @shuvalov_anton
Ведущий фронтенд-разработчик в Rambler&Co, мейнтейнер Page.JS и создатель стартапа Reading List. Кроме программирования, пишет музыку и иногда занимается дизайном интерфейсов.
Организаторы Наверх
Opera
Норвежская компания, известная своими браузерами: Opera для компьютеров, Opera для Android, Opera Mini. Участвует в разработке движков Chromium и Blink, подробнее о технологиях на Dev.Opera.
HTML Academy
Сервис интерактивных онлайн-курсов по HTML и CSS. Цель курсов — превратить любого из новичка в профессионала веб-разработки. Мы с самого начала учим работать с живым кодом и самостоятельно писать код, решая задачи, приближенные к реальным. Также ученику периодически приходится проходить испытания, принцип которых — «сверстай, как показано в образце».
Площадка Наверх
Санкт-Петербург, Центр деловой культуры на Почтамтской, 15.