FrontDays 2017

20 мая 2017
Тольятти, Россия
Уютная конференция фронтенд разработчиков
Смотреть
В избранное

Алексей Букин

Разработчик в Альфа-лаборатория

Игорь Шеко

Frontend в Voximplant

Александр Павлов

Ведущий разработчик в AndersenLab

Анастасия Горячева

Разработчик в Avito

Леонид Блохин

Big Data Engineer в Provectus

О мероприятии

Уютная конференция фронтенд разработчиков, участники которой обсуждали модные технологии, методологии и подходы.

В программу конференции вошли только технические доклады от ведущих разработчиков компаний.

Доклады строились на практическом опыте, который докладчики получили во время создания реальных продуктов, и решения сложных кейсов.

Для кого

  • Тимлидам
  • FrontEnd-Разработчикам
  • Проектировщикам интерфейсов
  • Системным администраторам
  • QA-специалистам
Поделиться

Расписание

Развернуть все
суббота, 20 мая
День 1
Получить доступ ко всем докладам
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Корпоративные практики

Алексей Букин

Разработчик в Альфа-лаборатория

Как мы уменьшили время релиза с 4 месяцев до 30 минут

Расскажу как устроена разработка фронта на продуктах Альфа-Банка: сборка, continuous integration and delivery, Apache Mesos/Marathon. В подробностях и с техническими деталями покажу с какими проблемами столкнулись и как решали.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Введение в технологию

Игорь Шеко

Frontend в Voximplant

WebRTC: почему рано хоронить Flash

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Для практикующих инженеров

Александр Павлов

Ведущий разработчик в AndersenLab

Идем к синхронному flow в асинхронном мире nodeJs

Эволюция разработки на nodeJs. От callback ада до async. Как попасть в светлое будущее через эволюцию своего legacy кода на примере expressJs. Покажу на примере простого express приложения как менять свой код, чтобы выйти из callback ада в светлое настоящее.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Корпоративные практики

Анастасия Горячева

Разработчик в Avito

Фронтенд для миллионов

Требовательность аудитории Авито растет постоянно. Мир, технологии – всё меняется. Ожидания пользователей всё выше и выше.

Как меняемся мы сами, чтобы дарить больше радости нашим пользователям? Почему эти изменения – внезапно – помогают нам самим развиваться в профессии? Какие боли и выгоды приносит текущий стек технологий, при чем тут дизайн-платформа, есть ли жизнь без react, куда мы катим open source и что будет дальше.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Введение в технологию

Леонид Блохин

Big Data Engineer в Provectus

Мист. Сервис для работы с Apache Spark

Расскажу в кратце, что такое Big Data, опишу стек технологий. Расскажу о проекте Hydrosphere, как он появился, и какие решает задачи. Расскажу про Apache Spark, как он работает, чем отличается от Hadoop Map Reduce. Расскажу про Mist, какие задачи решает, опишу функционал, как его настроить для работы, как запустить, покажу примеры. Данных становится все больше и больше, а необходимость, их хранить и производить над ними вычисления всегда была и будет. Mist дает прекрасную возможность работать с большими данными в удобном виде, это снижает порог сложности, заполняя пробел между математиками и программистами. Что в свою очередь снижает стоимоть проекта.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Введение в технологию

Артём Кузвесов

Frontend developer в Ideco

Документация REST API

Часто возникает ситуация, когда нужна документация для API. Например, если вы работаете в команде, где роли backend и frontend разработчика исполняют разные люди. Или нужно дать доступ к API сторонним разработчиком. Такая документация должна быть всегда актуальной и легкочитаемой. Как показывает практика, хранение её в google docs/Markdown/reStructuredText/etc. неудобно и программисты часто забывают её вовремя актуализировать. Лучше всего, если документация API будет храниться максимально близко к коду. P.S.: В рамках доклада я рассмотрю возможные решения для документирования API, остановлюсь на swaager и расскажу почему он лучше, покажу как им пользоваться. Примеры буду рассматривать на NodeJs, но всё сказанное одинаково хорошо ложится на любой популярный язык разработки. Чем будет полезен мой доклад для слушателей: Я подниму проблему актуальности документации. Слушатели узнают о REST API (как показывает практика, есть разработчики, которые знают его только поверхностно и используют не всё правильно). Произведу сравнение готовых решений для документации API. Расскажу про swagger. Как с помощью него делать документацию для API в отдельных файлах или же генерировать сразу из кода. Как можно сразу проверить и протестировать свою документацию. Как красиво её отобразить. Что делать, если какие-то методы в коде устаревшие и хочется как-то указать на это в документации. Как с помощью swagger по описанию документации сгенерировать код самого API для разных языков (Python/NodeJs/PHP/Ruby/etc.).

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Хардкор

Игорь Лобанов

Full-stack developer в OneTwoTrip

Деоптимизация JavaScript

Расскажу как работает V8, что такое Ignition, как изменился pipeline выполнения JavaScript за последнее время и почему отложили релиз Node.js 8. Покажу как с помощью плагина к babel полностью отключить оптимизацию на уровне движка и насколько она влияет на производительность вашего кода.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Введение в технологию

Олег Наянов

Фронтенд-разработчик в Restream

Погружение в Service Worker

Поговорим о том, что это такое, как обеспечить работу приложения в оффлайне и управлять кэшем.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Введение в технологию

Сергей Савельев

Frontend developer в Яндекс

Регрессионное тестирование верстки с помощью gemini

В докладе будет рассказано как использовать интрумент для тестирования верстки скриншотами, для чего это нужно, что он дает и в каких случаях это необходимо. Расскажу, на примерах react/angular, как встроить этот инструмент в свой процесс разработки.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Корпоративные практики

Дмитрий Тупалов

Backend developer в Tyme.ru

REACTивные терминалы оплаты. Да, так тоже можно!

Опыт разработки на самых актуальных технологиях на не самых актуальных устройствах.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Получить доступ ко всем докладам
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Введение в технологию

Игорь Шеко

Frontend в Voximplant

AMP для e-commerce и журналистики

– Расскажу что такое Acelerated Mobile Page. Почему сейчас это актуально и мегакруто.

– Расскажу про опыт внедрения AMP в мире: какие предпосылки для внедрения, какие ресурсы задействованы, что это приносит в итоге.

– Обзорно расскажу про доступные AMP инструменты и компоненты. Для самых важных покажу примеры использования.

– Расскажу про собственный опыт внедрения AMP на работающих проектах. Опишу несколько самых частых граблей.

– Затрону тему мотивации партнеров и начальства для выделения ресурсов на разработку AMP расширений. Все исходники будут доступны слушателям по qrcode на последнем слайде.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Для практикующих инженеров

Всеволод Шмыров

Разработчик интерфейсов API Яндекс.Карт в Яндекс

Особенности разработки API

Разработка API/Framework/ встраиваемого контента сильно отличается от разработки обычного frontend-приложения. На примере нашего API Яндекс.Карт я расскажу, чем именно. Какие задачи обычно решают разработчики API? С каким проблемами сталкиваются? Какие есть ограничения в разработке? Чем еще должен заниматься разработчик API, кроме непосредственно разработки? API Яндекс.Карт - это продукт для frontend разработки. Но в целом рекомендации будут полезны для создания любого API.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Для практикующих инженеров

Виталий Потапов

Разработчик в Яндекс

Весна. Время почистить код!

Рассмотрим практическое применение во фронтенде рекомендаций из книги "Чистый код". Сделаем вместе пошаговый рефакторинг и сформируем правила для eslint, которые помогут писать более чисто.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Для практикующих инженеров

Алексей Охрименко

Senior JavaScript developer в IPONWEB

CSS-методологии от О до Б

CSS-методологии от О до Б. Что отличает сильного верстальщика от обычного? Знание новых технологий, опыт работы, сильные мышцы? Нет, главное отличие это способность воспользоваться правильной CSS-методологией. Давайте разберёмся, что такое CSS-методология, поделим аудиторию на два лагеря, рассмотрим несколько самых популярных методологий, разделим их на три главных типа и научимся правильно скрещивать.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Хардкор

Артём Белов

Разработчик в Право.ру

Прогрессивные методы ускорения

В докладе пойдёт рассказ о синергии взаимодействия подходов прогрессивных приложений и актуальных методах оптимизаций, для различных условий. Нам попробуют помочь HTTP/2, Server Push, Service Worker, БД на клиенте и другие техники.


Главное — ответить на вопрос: «как свести время интерактивности приложения к минимуму?».

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Хардкор

Алексей Иванов

Фронтенд-разработчик в Evil Martians

Оптимизация сборки Webpack

Вы пишете код на ES6 с использованием импортов и экспортов, вы используете для сборки Webpack. Вы знаете что Webpack 2 и UglifyJS умеют делать много всего хорошего для того чтобы уменьшить размер получаемого билда – dead code elimination, tree shaking, вот это все.

Вы настраиваете сборку, подключаете все правильные плагины, пишете настройки и пытаетесь посмотреть насколько у вас получилось уменьшить размер кода, но что-то идет не так:

1. Неиспользуемые export’ы все равно попали в сборку.

2. react и react-dom из node_modules в сборке почему-то весят в 3-4 раза больше чем лежащие в папочке dist/ react.min.js и react-dom.min.js.

3. А если подключить в сборку напрямую react.min.js, то почему-то размер каждого react-компонента вырастает на пару килобайт.

4. lodash-es, подключенный вместо lodas никак не экономит размер и все равно тянет в билд всю библиотеку.

5. И т. д. Почему так? Что мы сделали не так? Где магия? Что вообще происходит??? В своем докладе я постараюсь ответить на эти вопросы и рассказать как сделать свою сборку более эффективной.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Корпоративные практики

Виталий Грин

Разработчик в Альфа Лаборатория

Как подружить дизайнеров с разработчиками? Прототипирование на основе WebComponents

"Виталик, а запили мне прототип! Ты ж программист - тут всего то одна простая формочка... Виталик, мы тут провели тестирование прототипа и выяснилось, что нам нужно внести две небольшие правочки… Ты ж программист ты за 5 минут сделаешь!" Я думаю у многих в этой жизни случался подобный разговор с дизайнерами. Так как сделать, чтобы дизайнер перестал бояться кода? Как дать возможность ему провести UX тестирование не привлекая разработчика? Как сделать так, чтобы дизайнер и разработчик говорили на одном языке?


Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €

Билеты

Видеозапись
Доступ к записям всех докладов
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €

Организатор

Веблайм
https://weblime.ru/

Организационный комитет: Веблайм, hello@weblime.ru, 88005005059

Похожие мероприятия

21 марта 2018
Докладов 11
Просмотров 3
jsx, css , css модули и веб компоненты, верстка, интерфейс, проектирование, прототип, разработка
11 ноября 2017
Докладов 6
Просмотров 3
верстка, дизайн, интерфейс, проектирование, прототип, разработка, тестирование, фронтенд
4 ноября 2017
Докладов 10
Просмотров 2
css , верстка, интерфейс, по, проектирование, прототип, разработка, софт, стили, фронтенд
показать ещё