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

FrontFest — это московский и региональный CSS, это святой JS и высокие нагрузки в одном флаконе. У нас есть пять секций, которые призваны охватить весь фронтенд, и о чем бы там не говорилось — мы ищем доклады про решение проблем, про эксперименты и про то, что поможет облегчить работу разработчиков.

FrontFest — это общение! Вот уже восемь лет подряд мы ежегодно принуждаем к общению 1 500 участников CodeFest и планируем сделать то же самое в рамках FrontFest. Экспертные зоны, нетворкинг, вечерний виски-энд и другие прямолинейные способы общения со спикерами и между участниками.

  • My password doesn't work!
    JS

    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.
    Blaine Cook
    Condé Nast
  • Developer's guide to accessibility mechanics
    Mix

    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.


    Léonie Watson
    The Paciello Group
  • Декларативная шаблонизация
    Vyorstka

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

    Let's write an Arena Shooter together in vanilla Javascript. Using basic knowledge of Canvas, DOM events and APIs we will build the gameplay of a classic but shiny Arena Shooter.
    Mathieu 'p01' Henri
    Microsoft
  • React, TypeScript и Redux — как сделать SPA для мобильных браузеров
    JS

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

    • Зачем минифицировать бандл, делать ленивую загрузку и бить на чанки.
    • Как хранить и нормализовать данные на клиенте
    • Что даёт стек React/Preact, TypeScript и Redux.
    • А ещё как сделать “нативную” анимацию.
    Егор Банщиков
    2ГИС
  • Почему никто не воспринимает фронтендеров всерьёз
    Kvartirniki

    С точки зрения бекендера: фронтендер не умеет программировать; фронтендер не видит общей картины; ...и почему это не так.
    С точки зрения бизнеса: бизнесу всё равно; интерфейс второстепенен; ...и почему это не так.
    С точки зрения фронтендера. Кругом плохой код! Инструменты не работают! ...и почему это не так.

    Владислав Козуля
    Финам
  • Progressive Image Rendering
    Vyorstka

    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.


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

    В последние годы мы видели много изменений в JavaScript-экосистеме. Как продуктовый менеджер IDE для JavaScript я следила за этими изменениями со стороны. Это было всегда интересно, но иногда расстраивало. Гибкость и широкий выбор, доступные в JavaScript-разработке, имеют свою цену, о которой мы иногда забываем, решив начать работу со свежей интересной технологией. В этом докладе мы поговорим о вероятных сложностях, которые нужно предусмотреть и легко упустить, при выборе новых технологий.
    Екатерина Пригара
    JetBrains
  • Закложурю ваш джаваскрипт. Дорого. Опыт использования ClojureScript в aviasales.ru
    JS

    Мифы и реальность внедрения эзотерического языка во фронтенд крупной компании. Что такое ClojureScript и как он может помочь в решении проблем современного фронтенда? Что надо сделать что бы эта дичь попала в прод? Как сделать так что бы эта дичь из прода не пропала?

    Кирилл Чернышов
    Red Pineapple Media
  • JavaScript and Node.js — why the ugly duckling is conquering the world
    JS

    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.

    Franziska Klingner
    FastBill
  • RON: Replicated object notation
    Mix

    RON - это текстовый формат представления данных, как JSON, XML или CSV. Однако, RON построен не "от состояния", а "от изменений". Если вы слышали про event sourcing или CQRS, то вы понимаете принцип. 
    RON облегчает кэширование и обновление данных, merge изменений, спасает от багов синхронизации. Как RON работает и как написать простенькое приложение (чат, блог) используя RON - будет рассказано в докладе.
    Виктор Грищенко
    Врачи без границ
  • Туманное будущее JavaScript или куда мы все идем
    Kvartirniki

    Квартирник будет посвящен грядущим изменениям в нашей професии. Мы рассмотрим, на что может повлиять появление WebAssembly в браузере, какую часть работы можно будет отдать C/С++ программистам, а также возможность запуска кода Java или C# в браузере. Поговорим о параллельно исполняющемся JavaScript коде и атомарных операциях в нем. Погрузимся в типизацию на примере TypeScript, Flow, PureScript, Reason и обсудим последние предложения по типизации самого JavaScript. Узнаем о последних известиях с фронтов Stage 0-4 и о возможных нововведениях из других языков программирования.

    Приходи и стань свидетелем будущего JavaScript.


    Владимир Дашукевич
    XBSoftware
  • Как устроен Главред
    Mix

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

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

    Анатолий Буров
    glvrd.ru
  • Как сделать идеальный виджет? Опыт Travelpayouts
    Mix

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

    Игорь Вечканов
    AviaSales
  • Six apps — one code with angular
    Workshop

    You and your team have this great Idea and you have your users using different devices and operating systems to access the same application. Some users are on the Web, some on Mobile some of their Desktop and you also have to worry about what operating system they are on and also have to consider how your application is presented on each device & operating system.

    What if there was a way to code your app without worrying too much about operating systems/devices/screen sizes and just focusing on getting your idea across to your users regardless. Join me on a journey where I show you how to use Angular, Ionic & the PWA standard to build apps for IOS, Android, Windows, Web, Mac & PC with the same code all using just HTML5.

    Sani Yusuf
    Haibrid
  • Оптимизация графики на практике
    Vyorstka

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

    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.

    Mathieu 'p01' Henri
    Microsoft
  • React и данные: Эффективные способы хранения и изменения стейта
    JS

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

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

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

    Алексей Иванов
    Злые марсиане
  • Интерфейс для 224 стран на 40 языках
    Vyorstka

    С какими проблемами мы сталкиваемся при разработке интерфейса самой крупной площадки бронирования отелей? Эта задача непроста сама по себе, тем более. 
    Как поддержать более чем 40 языков и 50 различных валют в 224 странах? Я расскажу о том, как наши решения архитектурных задач, проблем производительности и интерфейсов влияют на миллионы людей, которые пользуются нашим продуктом.
    Вениамин Тамбурин
    Booking.com
  • JavaScript on Things: Electronics for Web Devs
    JS

    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.
    Lyza Danger Gardner
    Independent
  • Программисту нужно знать всё
    Mix

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

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

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

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

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


    Владимир Дашукевич
    XBSoftware
  • Кодстайл и насилие
    Vyorstka

    Раскажу как выбрать кодстайл и контролировать его использование с помощью разнообразных инструментов и толики насилия.
    Антон Немцев
    Template monster
  • Тренды и фронтенды
    Kvartirniki

    На квартирнике Никита и Виктор будут вместе с аудиторией говорить о паспределенных системах, синхронизации данных, архитектуре приложений, и бегстве из JS.
    Никита Прокопов
    Cognician
  • When things start getting serious - Building a production-ready Node.js backend
    Workshop

    You already had fun creating a Node.js server and your prototype is up and running? Now comes the serious part — getting it production ready. In this workshop we will start with such a basic prototype and work our way from setting up proper configuration management and request validation to capturing logs, custom metrics and request traces. You will learn about best practices and helpful packages and practice right away on the example project.
    Franziska Klingner
    FastBill
  • История одной метрики производительности в Booking.com
    JS

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

    Наш проект работает на связке технологий dart + Angular. За 2 года мы набили немало шишек, используя этот стек. Написали собственную библиотеку компонентов, которую пришлось переписать. Это помогло нам понять, как решать проблемы Angular на больших проектах. Когда стоит подсмотреть в код angular-material, а когда копирование решения из популярной статьи может привести к серьезным проблемам? Как извлекать пользу от DI и не выстрелить себе в ногу? Как правильно готовить changeDetection и что делать, когда он мешает?


    Илья Таратухин
    Wrike
  • А что, если мы долетим и там будет всё?
    Vyorstka

    Обзорный доклад по новым спецификациям CSS, которые начинают внедряться или будут внедряться в будущем. В докладе будет рассказ о черновиках спецификаций и о новых свойствах, которые находятся в разработке, но которые мы однажды будем использовать в повседневной жизни — напрмер: CSS Custom Properties, CSS Grid Layout, CSS Box Alignment 4 level, CSS Selectors 4 level, CSS Overflow 4 level и многие другие.
    Сергей Попов
    HTML Academy
  • The journey to the best job in the world
    JS

    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.

    Matheus Fernandes
    ZEIT

Вход в кабинет

Представьтесь, пожалуйста

Восстановление пароля