Санкт-Петербург, 1 октября 2016
Конференция прошла в Университете ИТМО на Ломоносова, 9. Остались вопросы? Пишите: wst@web-standards.ru.
Понравилась конференция? Поддержите нас!
Программа Наверх
- Регистрация
Открытие
<head>
— всему головаЗачем и кому нужен этот тег и почему это важно? Влияет ли
<head>
на скорость загрузки сайта, как использовать<base>
, чтобы всё сломать, сколько фавиконок нужно современному сайту, что общего у<head>
с семантикой. Давайте наведём порядок в вашей «голове»! Слайды в HTMLPokémon GO на веб-технологиях
Эта игра взорвала весь мир своим появлением. Успех игры сложился из известного бренда и интересных технических решений. А можно ли подобные решения применять в вебе? Какие технологии для этого существуют и какие у них ограничения? Как это будет смотреться и сложно ли это все сделать? Слайды в PDF
- Перерыв
PWA. Что это такое?
В мире фронтенда всё чаще слышно «сначала мобайл» — и это верно. Но как сделать веб в мобильных ещё лучше? Почему в последнее время всё чаще вспоминают о PWA и почему довольно старая технология стала востребована именно сейчас. Что уже можно использовать и как это делать на примере Aviasales. Слайды в PDF
Вёрстка писем. Развенчиваем мифы
Типы рассылок: от грязи до необходимых вещей. Подходы к вёрстке — как не сойти с ума, сохраняя тягу к жизни. Зачем нужна автоматизация и семантика кода на примерах. Слайды в HTML
- Обед
Я и ИоТ
Веб шагнул с виртуальных экранов во вполне осязаемую реальность: блютус, биконы, мигающие лампочки и летающие роботы! Шагнул, но хвосты по-прежнему ведут в браузеры к новым API. Хватит гонять пиксели по экрану, айда играть с железками в интернете вещей. Слайды в HTML
CSS-методологии от О до Б
Что отличает сильного верстальщика от обычного? Знание новых технологий, опыт работы, сильные мышцы? Нет, главное отличие — это способность воспользоваться правильной CSS-методологией. Давайте разберёмся, что такое CSS-методология, поделим аудиторию на два лагеря, рассмотрим несколько самых популярных методологий, разделим их на три главных типа и научимся правильно скрещивать. Слайды в PDF
Визуализируй это
Визуализация данных — это не только скучные столбчатые диаграммы. Это ещё и графики, графы, трёхмерные карты и интерактивные фоны. Привычные (и не очень) способы визуализации данных и стек фронтенд-технологий, разработанный в Uber. Слайды в PDF
- Перерыв
Обманчивая простота HTTP/2
Новый стандарт HTTP утвердили полтора года назад, активно рассказывать о нём начали ещё раньше. Скорее всего, вы уже что-то о нём слышали или даже пробовали внедрять. Все рассказы про HTTP/2 полны радуг, единорогов и призывов немедленно его включить. Оно и понятно — он решает накопившиеся проблемы и ускоряет веб. Но не создаст ли решение старых проблем новые? Спойлер: ещё как создаст. Слайды в HTML
<iframe>
или<script>
?<iframe>
, такой старый и знакомый элемент. Так ведь? С чем команда столкнулась при разработке виджета Яндекс.Карт и почему решили использовать<iframe>
вместо других способов встраивания контента. Слайды в PDF- Перерыв
Фронтенд — набор для выживания
Только закончили Академию HTML и не знаете, что вам понадобится дальше, чтобы стать полноценным веб-разработчиком? Реакты, ангуляры, бутстрапы и фреймворки. Куда идти и что нужно учить, если ты новичок. Слайды в HTML
Как зарабатывать миллионы на онлайн-курсах
IT-образование обсуждается на конференциях, митапах и в подкастах. Какую методику и технологии использовать, чтобы создать эффективный прикладной курс? Как не бояться пиратов и почему с вузами всё нормально? И почему офлайн хуже онлайна? Всё на примерах из личного опыта. Слайды в PDF
- Закрытие
Докладчики Наверх
Антон Бульёнов @true_bool
Разработчик в команде визуализации данных Uber, Сан-Франциско. Любит удобные интерфейсы, чёрно-белые фотографии и слоечки.

Милослав Волосков @uyouthe
Пришел в веб из десктопного программирования. Старается разрушить барьер между разработчиками и дизайнерами, любит UML и веб-приложения.

Роман Ганин @realetive
Разработчик интерфейсов в FBS. Амбассадор MODX в России, любит верстать, абхазскую кухню и типографику. Любознательный и дотошный.

Сергей Густун @gaserd123
Разработчик в Aviasales, создатель сервиса Handsales, участник опенсорсного проекта postcss-debug, любит VanillaJS.

Артур Кох @dudeonthehorse
Email Developer, фрилансер. Проводник между разработчиками и маркетологами. Автор публикаций по разработке писем на Хабре, главный комитер фреймворка Kilogram для разработки писем.

Егор Коновалов @agegorin
Фронтенд-разработчик в Центре Высоких Технологий. Делает на веб-технологиях игры, приложения для телевизоров и VR.

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

Алексей Охрименко @ai_boy
Senior JavaScript Developer в IPONWEB. Автор дизайн-паттерна MALEVICH и PEG-парсера SimplePEG. Докладчик, выступал на множестве крупных конференций.

Александр Першин @htmlacademy_ru
Генеральный директор и сооснователь Академии HTML, спаситель Азерота. Обучает тысячи людей фронтенду и влияет на невинные умы новичков.

Алексей Уколов @alexey_m_ukolov
Технический директор в Айтигро. Любит делать удобные интерфейсы, но не любит верстать. Старается понять, почему люди не хотят делать доступные сайты.

Всеволод Шмыров @v_shmyrov
Разработчик интерфейсов в Яндексе. Принимал участие в разработке геосервисов: API Яндекс.Карт и Конструктора Карт.

Организаторы Наверх
Университет ИТМО
Национальный исследовательский университет, ведущий вуз России в области информационных и фотонных технологий. Альма-матер победителей международных соревнований по программированию: ACM ICPC, Google Code Jam, Facebook Hacker Cup, Яндекс.Алгоритм, Russian Code Cup, Topcoder Open и др. Приоритетные направления: IT, фотонные технологии, робототехника, квантовые коммуникации, трансляционная медицина, урбанистика, Art&Science, Science Communication. С 2013 года — участник «Программы 5-100».
Opera
Норвежская компания, известная своими браузерами: Opera для компьютеров, Opera для Android, Opera Mini. Участвует в разработке движков Chromium и Blink, подробнее о технологиях на Dev.Opera.
HTML Academy
Сервис интерактивных онлайн-курсов по HTML и CSS. Цель курсов — превратить любого из новичка в профессионала веб-разработки. Мы с самого начала учим работать с живым кодом и самостоятельно писать код, решая задачи, приближенные к реальным. Также ученику периодически приходится проходить испытания, принцип которых — «сверстай, как показано в образце».
Площадка Наверх
Санкт-Петербург, Университет ИТМО на Ломоносова, 9.