FrontFest 2017

November 18 2017
Москва, Россия
Watch
Add 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

See all
Saturday, November 18
Day 1
Get access to all talks
Available
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.

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

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

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

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

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

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

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

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

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

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

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

Антон Немцев

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

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

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

Available
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.

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

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

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

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

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

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

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

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

Product manager at JetBrains

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

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

Available
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 — будет рассказано в докладе.

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

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

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

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

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

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

Available
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. 

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

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

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

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

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

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

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

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

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

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

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

Available
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.

Available
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. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Available
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 и многие другие. 

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

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

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

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

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

Available
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.

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

Антон Епрев

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

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

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

Available
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.

Available
In cart
Free
Free
Free
Free
Free
Free

Tickets

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

Organizer

FrontFest
https://2017.frontfest.ru/

Event host: FrontFest, org@frontfest.ru, 79963810027

Similar events

March 5 2020
Talks 10
Views 504
azure synapse, data strategy, developing ar, method conference, mobile development, modern css, property and patents, serverless php, sql data warehouse, swiftu
March 2 2020
Talks 13
Views 63.97 K
ai, cloud, data mining, data science, multilingual ai systems, responsible data ​, women
February 25-27 2020
Talks 65
Views 11.94 K
network verification, acceltcp, datacenter, filemr, high performance, high speed nics, netsmc, nettlp, nsdi '20 , re architecting, software interacting, stateful tcp offloading
more