Санкт-Петербург, 28 июня 2014
Конференция прошла в Высшей инженерной школе СПбГПУ на Обручевых, 1. Остались вопросы? Пишите: wst@web-standards.ru.
Понравилась конференция? Поддержите нас!
Программа Наверх
- Открытие зала
Автоматизация фронтенда — сегодня и завтра
Благодаря Node.js, фронтенд-разработчики получили платформу для создания инструментов по автоматизации задач. Популярность этого направления буквально взорвала сообщество: нам доступно уже более 2500 плагинов для Grunt и различных интеграций с популярными инструментами. Оптимизация, препроцессоры, организация зависимостей, автоматическое тестирование кода и приложений. Как не потеряться в инновациях: основные направления автоматизации, будущее инструментов, к которому нужно быть готовым уже вчера. Презентация в HTML
Автоматизация или смерть!
Во фронтенде немало рутины, а рутина — это смерть, поэтому от неё нужно избавляться. Автоматизировать можно всё: от старта нового проекта до управления зависимостями и сборки статического прототипа. Помогут нам в этом инструменты автоматизации, такие как Assemble, Stylus, Bower, Karma и Grunt. Презентация в HTML
- Перерыв
DOM-шаблонизаторы — не только быстро
Шаблонизация основанная на работе с DOM становится трендом: React, Ractive, Basis.js уже используют этот подход, другие идут в эту сторону. Главным его преимуществом считается скорость построения интерфейсов динамических приложений, но оно далеко не единственное! Другие возможности, которые даёт этот подход, примеры реализации. Презентация в PDF
Редкие звери
Браузеры на редких и необычных устройствах. Особенности интерфейса и взаимодействия, уровень поддержки современных стандартов, типичные и необычные баги. Презентация в HTML
От простого к сложному
Мобильные телефоны почти приблизились по мощности к компьютерам, однако медленные и нестабильные сети и площадь экрана накладывают существенные ограничения. Люк Вроблевски в книге «Сначала мобильные» описал некоторые принципы проектирования пользовательского взаимодействия в таких «экстремальных» условиях. Доклад посвящен реализации некоторых принципов: отзывчивые картинки и ленивая загрузка; динамическое подключение стилей и скриптов; оптимизация отображения страницы; сборка проекта. Презентация в HTML
- Обед
БЭМ — норм
Модульный подход к созданию интерфейсов с помощью БЭМ и независимых блоков. История появления, практическая и архитектурная ценность, альтернативные точки зрения и совместимость с веб-стандартами и здравым смыслом. Презентация в HTML
Парсеры для чайников
Пре- и постпроцессоры, линтеры, минифаеры, украшатели, тысячи их во фронтенде — но в основе всех лежат парсеры. Какие парсеры бывают, как они устроены и что делать, если вам нужно написать свой. На примере парсеров для JavaScript и CSS. Презентация в HTML
- Перерыв
Стили кодирования в JavaScript
Как уменьшить количество глупых ошибок, быстро ввести в проект новых разработчиков и тестировать качество кода с помощью правил кодирования. Какие правила выбрать, как автоматизировать и почему авторский проект JSCS — простое решение всех этих проблем. Презентация в PDF
Как сделать Инстаграм в браузере
Возможные способы применения фильтров и эффектов для изображений прямо в браузере. Canvas, WebGl, SVG-фильтры, CSS-фильтры и шейдеры, их достоинства и недостатки. Подробнее о неизведанном мире SVG-фильтров, его продуманные до мелочей устои, синтаксис и правила. Описание возможностей: от простых черно-белых картинок до нелинейных искажений и градиентных карт. Минимум скучной теории, максимум живых примеров. Презентация в HTML
- Перерыв
Особенности мобильной фронтенд-разработки
Блиц-доклад о специфике вёрстки версии Одноклассников для мобильных устройств, особенности работы JavaScript на мобильных, избранные проблемы и решения. Презентация в HTML
Позвольте представить: SVG
SVG — это не только интересно, но и полезно, и сейчас самое время начать его использовать. Создание и использование SVG-изображений, преимущества разных способов вставки и возможности оформления, а также интересные эффекты с помощью анимации и масок. Презентация в HTML
- Закрытие
Докладчики Наверх
Роман Дворнов @rdvornov
Фронтенд-разработчик Ostrovok.ru. До этого руководил разработкой веб-клиентов в платежной системе Единый кошелёк. Автор и мейнтейнер опенсорсного JavaScript-фреймворка basis.js.

Дмитрий Дудин @nedudi
Разработчик фронтенда, API, компонентов и приложений в xbSoftware, автор статей на HTML5.by.

Антон Еремеев @czerny_angel
Тимлид в компании Devexperts. Оптимизирует процесс фронтенд-разработки, внедряет новые инструменты и технологии, растит кадры. Фанат чистого кода.

Олег Корсунский @wildir
Занимается фронтендом около 10 лет. Любит адаптивную верстку, «ненавязчивый» JavaScript и чтобы сайт работал у всех и на всём. Работает в «Гетвеаре», прокрастинирует, пишет в блог.

Владимир Кузнецов @mista_k
Фронтенд-разработчик в Engine6. Интересуется микроразметкой, доступностью и автоматическим тестированием. Ведёт технический блог «Хранитель заметок».

Дмитрий Ляпунов @lapynow
Мобильный фронтендер Одноклассников, в прошлом верстальщик во фрилансе. Любимое в веб-разработке: архитектура JavaScript-приложений, модульность во всем и UIX.

Вадим Макеев @pepelsbey
Веб-евангелист в компании Opera. Веб-разработчик, организатор и участник IT-конференций, автор блога Пепелсбей.net, пропагандист веб-стандартов.

Артём Пархоменко @mank_dev
Фронтенд-разработчик в компании Devexperts. Ненавидит рутину и пытается избавить от неё себя и своих коллег.

Александр Феоктистов
Начинал карьеру как программист на C++, но волею случая оказался на просторах веб-разработки, по которым путешествует уже больше пяти лет. Помимо реализации бизнес-задач старается найти время, чтобы сделать что-нибудь полезное для команды.

Роберт Харитонов @operatino
Руководитель отдела разработки интерфейсов в Одноклассниках, занимается внутренними стандартами вёрстки и организацией процессов разработки интерфейсов. Проживает в Риге, автор блога ToHTML.it и движка для документирования верстки Source.

Алёна Царёва @tonyganch
Разработчик в Яндекс.Браузере, мейнтейнер проектов CSScomb.js и Gonzales PE. Использует Vim, ведёт блог.

Организаторы Наверх
Opera
Норвежская компания, известная своими браузерами: Opera для компьютеров, Opera для Android, Opera Mini. Участвует в разработке движков Chromium и Blink, подробнее о технологиях на Dev.Opera.
HTML Academy
Сервис интерактивных онлайн-курсов по HTML и CSS. Цель курсов — превратить любого из новичка в профессионала веб-разработки. Мы с самого начала учим работать с живым кодом и самостоятельно писать код, решая задачи, приближенные к реальным. Также ученику периодически приходится проходить испытания, принцип которых — «сверстай, как показано в образце».
Площадка Наверх
Санкт-Петербург, Высшая инженерная школа СПбГПУ на Обручевых, 1.