FrontFest 2017

November 18 2017
Москва, Россия
View
To favorites

Blaine Cook

Prinicpal architect at Condé Nast

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

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

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

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

Антон Немцев

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

Jose Perez

Web developer at Spotify

About event

Topic: IT

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

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

Audience

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

Schedule

Show all
Saturday, November 18
Day 1
Get access to all talks
Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 1

Blaine Cook

Prinicpal architect at 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.

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 1

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

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

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

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

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

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

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

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

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

  • Что такое ClojureScript и как он может помочь в решении проблем современного фронтенда.
  • Что надо сделать, что бы эта дичь попала в прод.
  • Как сделать так, чтобы эта дичь из прода не пропала.
Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 3

Антон Немцев

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

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 1

Jose Perez

Web developer at 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.

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 2

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

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

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

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

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

  • когда стоит подсмотреть в код angular-material, а когда копирование решения из популярной статьи может привести к серьезным проблемам,
  • как извлекать пользу от DI и не выстрелить себе в ногу,
  • как правильно готовить changeDetection и что делать, когда он мешает.
Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 3

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

Product manager at JetBrains

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 2

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

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

RON: Replicated object notation

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 3

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

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

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

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 1

Mathieu Henri

Senior Engineer at 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. 

Purchased
In cart
Free
Free
Free
Free
Free
Free
Get access to all talks
Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 3

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

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

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

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

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

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

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

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

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 2

Léonie Watson

Principal engineer at 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.

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 1

Lyza Gardner

Co-founder at 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. 

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 3

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

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

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 1

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

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

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 2

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

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

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

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

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 3

Сергей Попов

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

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 1

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

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

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 2

Franziska Klingner

Software Engineer at 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.

Purchased
In cart
Free
Free
Free
Free
Free
Free
Get access to all talks
Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 3

Антон Епрев

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

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

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

Purchased
In cart
Free
Free
Free
Free
Free
Free
Секция 1

Matheus Fernandes

Software Engineer at 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.

Purchased
In cart
Free
Free
Free
Free
Free
Free

Tickets

Video
Access to all videos
Purchased
In cart
Free
Free
Free
Free
Free
Free

Organizer

FrontFest
https://2017.frontfest.ru/

Organizer committee: FrontFest, org@frontfest.ru, 79963810027

Similar events

December 3 2017
Talks 17
Views 19.19 K
данные, код, кэширование данных, по, программирование, разработка, софт, тестирование
June 2-3 2017
Talks 27
Views 124.04 K
java, javascript, код, по, программирование, разработка, скрипт, софт, тестирование
June 5 2016
Talks 25
Views 112.07 K
java, javascript, qa, код, по, программирование, разработка, софт, тестирование
more