Санкт-Петербург, 28 июня 2014

Конференция прошла в Высшей инженерной школе СПбГПУ на Обручевых, 1. Остались вопросы? Пишите: wst@web-standards.ru.

Понравилась конференция?

Программа Наверх

  1. Открытие зала
  2. Автоматизация фронтенда — сегодня и завтра

    Благодаря Node.js, фронтенд-разработчики получили платформу для создания инструментов по автоматизации задач. Популярность этого направления буквально взорвала сообщество: нам доступно уже более 2500 плагинов для Grunt и различных интеграций с популярными инструментами. Оптимизация, препроцессоры, организация зависимостей, автоматическое тестирование кода и приложений. Как не потеряться в инновациях: основные направления автоматизации, будущее инструментов, к которому нужно быть готовым уже вчера. Презентация в HTML.

    Роберт Харитонов

  3. Автоматизация или смерть!

    Во фронтенде немало рутины, а рутина — это смерть, поэтому от неё нужно избавляться. Автоматизировать можно всё: от старта нового проекта до управления зависимостями и сборки статического прототипа. Помогут нам в этом инструменты автоматизации, такие как Assemble, Stylus, Bower, Karma и Grunt. Презентация в HTML.

    Антон Еремеев и Артём Пархоменко

  4. Перерыв
  5. DOM-шаблонизаторы — не только быстро

    Шаблонизация основанная на работе с DOM становится трендом: React, Ractive, Basis.js уже используют этот подход, другие идут в эту сторону. Главным его преимуществом считается скорость построения интерфейсов динамических приложений, но оно далеко не единственное! Другие возможности, которые даёт этот подход, примеры реализации. Презентация в PDF.

    Роман Дворнов

  6. Редкие звери

    Браузеры на редких и необычных устройствах. Особенности интерфейса и взаимодействия, уровень поддержки современных стандартов, типичные и необычные баги. Презентация в HTML.

    Олег Корсунский

  7. От простого к сложному

    Мобильные телефоны почти приблизились по мощности к компьютерам, однако медленные и нестабильные сети и площадь экрана накладывают существенные ограничения. Люк Вроблевски в книге «Сначала мобильные» описал некоторые принципы проектирования пользовательского взаимодействия в таких «экстремальных» условиях. Доклад посвящен реализации некоторых принципов: отзывчивые картинки и ленивая загрузка; динамическое подключение стилей и скриптов; оптимизация отображения страницы; сборка проекта. Презентация в HTML.

    Владимир Кузнецов

  8. Обед
  9. БЭМ — норм

    Модульный подход к созданию интерфейсов с помощью БЭМ и независимых блоков. История появления, практическая и архитектурная ценность, альтернативные точки зрения и совместимость с веб-стандартами и здравым смыслом. Презентация в HTML.

    Вадим Макеев

  10. Парсеры для чайников

    Пре- и постпроцессоры, линтеры, минифаеры, украшатели, тысячи их во фронтенде — но в основе всех лежат парсеры. Какие парсеры бывают, как они устроены и что делать, если вам нужно написать свой. На примере парсеров для JavaScript и CSS. Презентация в HTML.

    Алёна Царёва

  11. Перерыв
  12. Стили кодирования в JavaScript

    Как уменьшить количество глупых ошибок, быстро ввести в проект новых разработчиков и тестировать качество кода с помощью правил кодирования. Какие правила выбрать, как автоматизировать и почему авторский проект JSCS — простое решение всех этих проблем. Презентация в PDF.

    Александр Феоктистов

  13. Как сделать Инстаграм в браузере

    Возможные способы применения фильтров и эффектов для изображений прямо в браузере. Canvas, WebGl, SVG-фильтры, CSS-фильтры и шейдеры, их достоинства и недостатки. Подробнее о неизведанном мире SVG-фильтров, его продуманные до мелочей устои, синтаксис и правила. Описание возможностей: от простых черно-белых картинок до нелинейных искажений и градиентных карт. Минимум скучной теории, максимум живых примеров. Презентация в HTML.

    Дмитрий Дудин

  14. Перерыв
  15. Особенности мобильной фронтенд-разработки

    Блиц-доклад о специфике вёрстки версии Одноклассников для мобильных устройств, особенности работы JavaScript на мобильных, избранные проблемы и решения. Презентация в HTML.

    Дмитрий Ляпунов

  16. Позвольте представить: SVG

    SVG — это не только интересно, но и полезно, и сейчас самое время начать его использовать. Создание и использование SVG-изображений, преимущества разных способов вставки и возможности оформления, а также интересные эффекты с помощью анимации и масок. Презентация в HTML.

    Юлия Бухвалова

  17. Закрытие

Докладчики Наверх

Юлия Бухвалова @yoksel

Верстальщик в LiveJournal, автор блога Про CSS.

Юлия Бухвалова

Роман Дворнов @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.