Встреча состоялась 28 июня 2014 года Санкт-Петербурге в здании Высшей инженерной школы СПбГПУ по адресу ул. Обручевых, 1.
Подробнее о проведённых событиях вы можете прочесть в разделе «События» нашего флагманского сайта или посмотреть видео докладов на нашем канале на YouTube.
Благодаря Node.js, фронтенд-разработчики получили платформу для создания инструментов по автоматизации задач. Популярность этого направления буквально взорвала сообщество: нам доступно уже более 2500 плагинов для Grunt и различных интеграций с популярными инструментами. Оптимизация, препроцессоры, организация зависимостей, автоматическое тестирование кода и приложений. Как не потеряться в инновациях: основные направления автоматизации, будущее инструментов, к которому нужно быть готовым уже вчера. Презентация в HTML
Во фронтенде немало рутины, а рутина — это смерть, поэтому от неё нужно избавляться. Автоматизировать можно всё: от старта нового проекта до управления зависимостями и сборки статического прототипа. Помогут нам в этом инструменты автоматизации, такие как Assemble, Stylus, Bower, Karma и Grunt. Презентация в HTML
Шаблонизация основанная на работе с DOM становится трендом: React, Ractive, Basis.js уже используют этот подход, другие идут в эту сторону. Главным его преимуществом считается скорость построения интерфейсов динамических приложений, но оно далеко не единственное! Другие возможности, которые даёт этот подход, примеры реализации. Презентация в PDF (6 МБ)
Браузеры на редких и необычных устройствах. Особенности интерфейса и взаимодействия, уровень поддержки современных стандартов, типичные и необычные баги. Презентация в HTML
Мобильные телефоны почти приблизились по мощности к компьютерам, однако медленные и нестабильные сети и площадь экрана накладывают существенные ограничения. Люк Вроблевски в книге «Сначала мобильные» описал некоторые принципы проектирования пользовательского взаимодействия в таких «экстремальных» условиях. Доклад посвящен реализации некоторых принципов: отзывчивые картинки и ленивая загрузка; динамическое подключение стилей и скриптов; оптимизация отображения страницы; сборка проекта. Презентация в HTML
Модульный подход к созданию интерфейсов с помощью БЭМ и независимых блоков. История появления, практическая и архитектурная ценность, альтернативные точки зрения и совместимость с веб-стандартами и здравым смыслом. Презентация в HTML
Пре- и постпроцессоры, линтеры, минифаеры, украшатели, тысячи их во фронтенде — но в основе всех лежат парсеры. Какие парсеры бывают, как они устроены и что делать, если вам нужно написать свой. На примере парсеров для JavaScript и CSS. Презентация в HTML
Как уменьшить количество глупых ошибок, быстро ввести в проект новых разработчиков и тестировать качество кода с помощью правил кодирования. Какие правила выбрать, как автоматизировать и почему авторский проект JSCS — простое решение всех этих проблем. Презентация в PDF (530 КБ)
Возможные способы применения фильтров и эффектов для изображений прямо в браузере. Canvas, WebGl, SVG-фильтры, CSS-фильтры и шейдеры, их достоинства и недостатки. Подробнее о неизведанном мире SVG-фильтров, его продуманные до мелочей устои, синтаксис и правила. Описание возможностей: от простых черно-белых картинок до нелинейных искажений и градиентных карт. Минимум скучной теории, максимум живых примеров. Презентация в HTML
Блиц-доклад о специфике вёрстки версии Одноклассников для мобильных устройств, особенности работы JavaScript на мобильных, избранные проблемы и решения. Презентация в HTML
SVG — это не только интересно, но и полезно, и сейчас самое время начать его использовать. Создание и использование SVG-изображений, преимущества разных способов вставки и возможности оформления, а также интересные эффекты с помощью анимации и масок. Презентация в HTML
Фронтенд-разработчик Ostrovok.ru. До этого руководил разработкой веб-клиентов в платежной системе Единый кошелёк. Автор и мейнтейнер опенсорсного JavaScript-фреймворка basis.js.
Занимается фронтендом около 10 лет. Любит адаптивную верстку, «ненавязчивый» JavaScript и чтобы сайт работал у всех и на всём. Работает в «Гетвеаре», прокрастинирует, пишет в блог.
Мобильный фронтендер Одноклассников, в прошлом верстальщик во фрилансе. Любимое в веб-разработке: архитектура JavaScript-приложений, модульность во всем и UIX.
Веб-евангелист в компании Opera Software. Веб-разработчик, организатор и участник IT-конференций, автор блога Пепелсбей.net, пропагандист веб-стандартов.
Фронтенд-разработчик в компании Devexperts. Ненавидит рутину и пытается избавить от неё себя и своих коллег.
Александр Феоктистов
Начинал карьеру как программист на C++, но волею случая оказался на просторах веб-разработки, по которым путешествует уже больше пяти лет. Помимо реализации бизнес-задач старается найти время, чтобы сделать что-нибудь полезное для команды.
Руководитель отдела разработки интерфейсов в Одноклассниках, занимается внутренними стандартами вёрстки и организацией процессов разработки интерфейсов. Проживает в Риге, автор блога ToHTML.it и движка для документирования верстки Source.
Норвежская компания, производитель программного обеспечения. Наиболее известными продуктами компании являются браузер для персональных компьютеров Opera, а также браузеры для мобильных устройств Opera для Android, Opera Mini и новый браузер Coast для iPad.
Сервис интерактивных онлайн-курсов по HTML и CSS. Цель курсов — превратить любого из новичка в профессионала веб-разработки. Мы с самого начала учим работать с живым кодом и самостоятельно писать код, решая задачи, приближенные к реальным. Также ученику периодически приходится проходить испытания, принцип которых — «сверстай, как показано в образце».
Фронтенд-разработчик Ostrovok.ru. До этого руководил разработкой веб-клиентов в платежной системе Единый кошелёк. Автор и мейнтейнер опенсорсного JavaScript-фреймворка basis.js.
Разработчик фронтенда, API, компонентов и приложений в xbSoftware, автор статей на HTML5.by.
Тимлид в компании Devexperts. Оптимизирует процесс фронтенд-разработки, внедряет новые инструменты и технологии, растит кадры. Фанат чистого кода.
Занимается фронтендом около 10 лет. Любит адаптивную верстку, «ненавязчивый» JavaScript и чтобы сайт работал у всех и на всём. Работает в «Гетвеаре», прокрастинирует, пишет в блог.
Фронтенд-разработчик в Engine6. Интересуется микроразметкой, доступностью и автоматическим тестированием. Ведёт технический блог «Хранитель заметок».
Мобильный фронтендер Одноклассников, в прошлом верстальщик во фрилансе. Любимое в веб-разработке: архитектура JavaScript-приложений, модульность во всем и UIX.
Веб-евангелист в компании Opera Software. Веб-разработчик, организатор и участник IT-конференций, автор блога Пепелсбей.net, пропагандист веб-стандартов.
Фронтенд-разработчик в компании Devexperts. Ненавидит рутину и пытается избавить от неё себя и своих коллег.
Начинал карьеру как программист на C++, но волею случая оказался на просторах веб-разработки, по которым путешествует уже больше пяти лет. Помимо реализации бизнес-задач старается найти время, чтобы сделать что-нибудь полезное для команды.
Руководитель отдела разработки интерфейсов в Одноклассниках, занимается внутренними стандартами вёрстки и организацией процессов разработки интерфейсов. Проживает в Риге, автор блога ToHTML.it и движка для документирования верстки Source.
Разработчик в Яндекс.Браузере, мейнтейнер проектов CSScomb.js и Gonzales PE. Использует Vim, ведёт блог.
Норвежская компания, производитель программного обеспечения. Наиболее известными продуктами компании являются браузер для персональных компьютеров Opera, а также браузеры для мобильных устройств Opera для Android, Opera Mini и новый браузер Coast для iPad.
Сервис интерактивных онлайн-курсов по HTML и CSS. Цель курсов — превратить любого из новичка в профессионала веб-разработки. Мы с самого начала учим работать с живым кодом и самостоятельно писать код, решая задачи, приближенные к реальным. Также ученику периодически приходится проходить испытания, принцип которых — «сверстай, как показано в образце».
Верстальщик в LiveJournal, автор блога