FrontFest 2017

18 ноября 2017
Москва, Россия
Купить видео
В избранное

Blaine Cook

Prinicpal architect в Condé Nast

Егор Банщиков

Разработчик в 2ГИС

Кирилл Чернышов

Разработчик в Red Pineapple Media

Антон Немцев

Разработчик в Template monster

Jose Perez

Web developer в Spotify

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

Улётная фронтенд-конференция в Москве от организаторов CodeFest — пожалуй, крутейшего ИТ-феста за Уралом.

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

Для кого

  • Техническим директорам
  • Тимлидам
  • Разработчикам
  • Программистам
  • QA
Поделиться

Расписание

Развернуть все
18 ноября (суббота)
День 1
Показать
цену в
$
Получить доступ ко всем докладам
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Секция 1

Blaine Cook

Prinicpal architect в Condé Nast

My password doesn't work!

Security is important, but it doesn't have to be complex. Let's dispel myths and assuage fear associated with those linchpin of our online lives – passwords – and build toward a more secure and more usable web.

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

Егор Банщиков

Разработчик в 2ГИС

React, TypeScript и Redux — как сделать SPA для мобильных браузеров

Трафик с мобильных платформ превысил десктопный и продолжает расти. За мобилками будущее — это факт. Но для фронтенда не все так безоблачно. В мобильной разработке есть три важные проблемы — это нестабильное интернет соединение, слабые процессоры телефонов и неполная поддержка CSS и JS в мобильных браузерах. Я расскажу как мы решали эти проблемы пока делали 2gis.ru под мобильные браузеры:

  • Зачем минифицировать бандл, делать ленивую загрузку и бить на чанки.
  • Как хранить и нормализовать данные на клиенте.
  • Что даёт стек React/Preact, TypeScript и Redux.
  • А ещё как сделать “нативную” анимацию.
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Секция 2

Кирилл Чернышов

Разработчик в Red Pineapple Media

Закложурю ваш джаваскрипт. Дорого. Опыт использования ClojureScript в aviasales.ru

Мифы и реальность внедрения эзотерического языка во фронтенд крупной компании:

  • Что такое ClojureScript и как он может помочь в решении проблем современного фронтенда.
  • Что надо сделать, что бы эта дичь попала в прод.
  • Как сделать так, чтобы эта дичь из прода не пропала.
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Секция 3

Антон Немцев

Разработчик в Template monster

Кодстайл и насилие

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

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

Jose Perez

Web developer в Spotify

Progressive Image Rendering

On a regular web page, images represent the largest assets. We might have heard about responsive images to serve the most suitable image for each screen. However, how and when we load them can have a great impact too.

I will show you several techniques used by well known websites, based on placeholders, dominant colours, blurry images and lazy loading to improve user's perceived performance.

These techniques leverage several web technologies like CSS3, canvas and the recent IntersectionObserver API.

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

Илья Таратухин

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

Как переписать крупный проект на Angular и (не) впасть в депрессию

Наш проект работает на связке технологий Dart + Angular. За 2 года мы набили немало шишек, используя этот стек. Написали собственную библиотеку компонентов, которую пришлось переписать.

Это помогло нам понять, как решать проблемы Angular на больших проектах: 

  • когда стоит подсмотреть в код angular-material, а когда копирование решения из популярной статьи может привести к серьезным проблемам,
  • как извлекать пользу от DI и не выстрелить себе в ногу,
  • как правильно готовить changeDetection и что делать, когда он мешает.
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Секция 3

Екатерина Пригара

Product manager в JetBrains

(Не очень) молчаливый наблюдатель: что я узнала, наблюдая за JavaScript-экосистемой

В последние годы мы видели много изменений в JavaScript-экосистеме. Как продуктовый менеджер IDE для JavaScript я следила за этими изменениями со стороны. Это было всегда интересно, но иногда расстраивало. Гибкость и широкий выбор, доступные в JavaScript-разработке, имеют свою цену, о которой мы иногда забываем, решив начать работу со свежей интересной технологией. В этом докладе мы поговорим о вероятных сложностях, которые нужно предусмотреть и легко упустить, при выборе новых технологий.

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

Виктор Грищенко

Разработчик в Врачи без границ

RON: Replicated object notation

RON — это текстовый формат представления данных, как JSON, XML или CSV. Однако, RON построен не «от состояния», а «от изменений». Если вы слышали про Event Sourcing или CQRS, то вы понимаете принцип.
RON облегчает кэширование и обновление данных, merge изменений, спасает от багов синхронизации. Как RON работает и как написать простенькое приложение (чат, блог) используя RON — будет рассказано в докладе.

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

Анатолий Буров

Проектировщик в glvrd.ru

Как устроен Главред

Главред — https://glvrd.ru — сервис для очистки текста от словесного мусора.

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

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

Mathieu Henri

Senior Engineer в Microsoft

CODE & ART

You must be imaginative, strong-hearted. You must try things that may not work, understand how things work to see the patterns beneath. Your only limit is your soul. Bringing some creativity to your craft, and making art, shall make you a better developer. This talk will touch on creative coding, the demoscene, a range of optimisation techniques and the creative mindset. Then we will code an Audio-Visual demo together.

I hope to inspire new developer artists and bring a dash of creativity to your every day problem solving. 

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Получить доступ ко всем докладам
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Секция 3

Игорь Вечканов

Программист в AviaSales

Как сделать идеальный виджет? Опыт Travelpayouts

  • Критерии идеальности. Размер, скорость загрузки, кастомизируемость, простота внедрения.
  • Проблемы с предыдущими виджетами. Фреймворки, конфликты с пользовательским CSS и JS.
  • Технологии. NPM — лучший фреймворк. Monkberry, PostCSS, кастомные плагины.
  • Скорость загрузки. Наши эксперименты с загрузкой виджета.
  • Проблемы виджетов во внешней среде. Конфликты версий библиотек, переопределение событий, конфликты CSS.
  • Изоляция CSS. Традииционные варианты изоляции, и почему они нам не подошли. Наш вариант.
  • Особенности распространения виджетов. Максимально простой код для вставки при огромных возможностях кастомизации. Кэширование статики для моментальной загрузки.
  • Развитие идеи виджета до вайтлейбла, авиа и отельного. Как сделать целый поисковик, который легко вставляется на страницу одним движением.
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Секция 1

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

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

React и данные: Эффективные способы хранения и изменения стейта

При компиляции jsx в js получаются функции. Одни функции вложены в другие, другие вложены в третьи. Если вызвать самую верхнюю функцию, то сначала получится VirtualDOM, а потом и просто DOM.

Пока все хорошо. Но теперь нам нужно поменять какие-то данные в приложении, и изменить наш DOM на их основе. И вот тут начинаются разные нюансы. Все ли изменения одинаково полезны? Какие правки будут вызвать перерендер, а какие нет? Как React выбирает, что именно изменить? Какие изменения в VirtualDOM позовут за собой изменения DOM, а какие нет? Как организовать свои данные так, чтобы приложение работало максимально быстро?

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

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

Léonie Watson

Principal engineer в The Paciello Group

A developer's guide to accessibility APIs

When you use semantic HTML, the browser handles a lot of things for you. But there are times when semantic HTML isn’t used. JavaScript frameworks don’t always use the appropriate element for a task, opting instead to recreate standard elements using div and span elements. As developers, we also use div and span elements as the building blocks of custom widgets and increasingly as the primitives for web components.

Understanding accessibility mechanics is an important part of good interface design. Léonie Watson provides a developer’s guide to accessibility mechanics, explaining the relationship between code, the browser, and assistive technologies and demonstrating how to create accessible custom widgets with HTML, CSS, ARIA, and JavaScript.

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

Lyza Gardner

Co-founder в Cloud Four

JavaScript on Things: Electronics for Web Devs

Did you know that can use the JavaScript skills you already have to control physical objects in the real world? Even if you’ve never wired a simple electronic circuit, this talk is for you. Using open-source software (Johnny-Five, Node.js) and hardware (the Tessel 2 board), our journey will begin with the basics —blinking LEDs, processing simple sensor input—before moving on to more interesting, sophisticated, web-connected devices that you—yes, you!—can build yourself. 

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

Вениамин Тамбурин

Разработчик в Booking.com

Интерфейс для 224 стран на 40 языках

С какими проблемами мы сталкиваемся при разработке интерфейса самой крупной площадки бронирования отелей? Эта задача непроста сама по себе, тем более. Как поддержать более чем 40 языков и 50 различных валют в 224 странах? Я расскажу о том, как наши решения архитектурных задач, проблем производительности и интерфейсов влияют на миллионы людей, которые пользуются нашим продуктом.

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

Владимир Гриненко

Руководитель группы общих компонентов интерфейсов в Яндекс

Декларативная шаблонизация

Помните времена, когда мы использовали HTML-атрибуты, вроде bgcolor, для стилизации? И как здорово стало с изобретением декларативного CSS? Мы избавились от копипаста и получили возможность точечно переопределять любые правила. Давайте привнесем эти же возможности и в разметку.

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

Владимир Дашукевич

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

Алгоритмы и структуры данных меняющие современный Frontend

В современном мире Frontend-программисты не часто сталкиваются с расчетом асимптотической сложности алгоритмов, или с формированием и обходом различного рода деревьев и графов. На практика такие задачи встречаются крайне редко и решаются малым количеством разработчиков для достижения сверх-производительности.

Но это не повод вам не знать этого ;)

В своем докладе я расскажу о структурах данных и соответствующих алгоритмах, которые меняют Frontend. Я расскажу про деревья и их сравнение на примере React/Preact/Inferno, неизменяемые коллекции на примере Immutable.js, а также стэк с очередью на примере React Fiber.

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

Сергей Попов

Наставник в HTML Academy

А что, если мы долетим и там будет всё?

Обзорный доклад по новым спецификациям CSS, которые начинают внедряться или будут внедряться в будущем. В докладе будет рассказ о черновиках спецификаций и о новых свойствах, которые находятся в разработке, но которые мы однажды будем использовать в повседневной жизни — напрмер: CSS Custom Properties, CSS Grid Layout, CSS Box Alignment 4 level, CSS Selectors 4 level, CSS Overflow 4 level и многие другие. 

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

Тимофей Чаптыков

Разработчик в Вконтакте

Оптимизация графики на практике

Разработчики прикладывают много усилий, чтобы сократить размер бандла со стилями или скриптами. При этом можно существенно сократить размер загружаемых ресурсов за счет уменьшения размера графики, затратив гораздо меньше времени и нервов. В докладе будет много о смене форматов, оптимизации без потери качества, объединении и разделении картинок и других (более продвинутых) способах сэкономить килобайты.

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

Franziska Klingner

Software Engineer в FastBill

JavaScript and Node.js — why the ugly duckling is conquering the world

JavaScript was born as this somewhat weird language to make the webpages in the browser more dynamic. Nowadays companies like Netflix and Uber use JavaScript in the backend to serve their content as fast as possible to millions of users.

  • What happened?
  • Where else is JavaScript used today?
  • Why are more and more companies using it?

These and more questions will be discussed in the talk.

Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Получить доступ ко всем докладам
Куплено
В корзине
0 ₽
0 ₽
0 $
0 $
0 €
0 €
Секция 3

Антон Епрев

Старший фронтенд разработчик в Booking.com

История одной метрики производительности в Booking.com

В Booking.com практически любое изменение в продукте осуществляется через A/B тест, за время жизни которого фиксируются изменения в сотнях метрик – от бизнес-ориентированных до производительности. Все когда-то случается в первых раз, и эта история о появлении в экспериментах новой метрики производительности, измеряющей плавность прокрутки страницы в кадрах в секунду.

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

Matheus Fernandes

Software Engineer в ZEIT

The journey to the best job in the world

In this talk I'll share the unusual path I took to get the job of my dreams. 
As a firm believer that open-source is the way to go, I quit college to invest my time into open-source in order to get to where I wanted to be.

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

Билеты

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

Организатор

FrontFest
https://2017.frontfest.ru/

Организационный комитет: FrontFest, org@frontfest.ru, 79963810027

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

3 декабря 2017
Докладов 17
Просмотров 0
Данные, Код, Кэширование данных, ПО, Программирование, Разработка, Софт, Тестирование
2-3 июня 2017
Докладов 27
Просмотров 0
Java, Javascript, Код, ПО, Программирование, Разработка, Скрипт, Софт, Тестирование
5 июня 2016
Докладов 25
Просмотров 4
Java, Javascript, QA, Код, ПО, Программирование, Разработка, Софт, Тестирование
показать еще