Особенности реализации брутальной дизайн-системы
Я расскажу историю небольшого проекта на стыке UI, UX и программирования. Как маленькая идея может поглотить десятки часов разработки и сколько удовольствия это может принести. Разберем все боли работы с платформой в попытках обойтись без javascript. Посмотрим на итоговый генератор документации.
TechTrain
57 min
Паттерны проектирования умных интерфейсов, версия 2020
Виталий Фридман
Вы — умница. И если вам нужно доставить что-то в режиме жесткого дедлайна, конечно, вы сделаете это. Поскольку у нас нет большого количества времени в запасе, мы полагаемся на вещи, которые всегда ра…
FrontendConf
42 min
Production Ready Design
Ксения Лушникова
В нашей команде Яндекс.Денег мы выработали подход разработки и дизайна веб-интерфейсов. Я покажу, как легко мы собираем живые интерфейсы и передаём их в продакшн, как создаётся дизайн Яндекс.Кассы и…
HolyJS
43 min
Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд
Виталий Полещук, Стёпа Михайлюк
Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…
Frontend Love
22 min
Micro-interactions with React Spring
Emma Bostian
In her own words, Emma is a UX Engineer with a passion for design. She has recently transitioned into a UX Engineering role at LogMeIn where she builds Design Systems with React.
Я.Субботник
40 min
Магия современных возможностей JavaScript для работающего программиста
Александр Николаичев
Расскажу о таких современных возможностях JavaScript, как лямбда-функции, символы и прокси-объекты. Их использование позволяет писать лаконичный код и избегать лишних абстракций, особенно для сложных…
Я.Субботник
47 min
@yandex ui
Владимир Гринеко
Презентация @yandex/ui — open source библиотеки React-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом…
Я.Субботник
65 min
Скорость веб-страниц
Данила Авдошин
Расскажу про то, как делать веб быстрым, почему нужно заниматься скоростью, как измерять скорость и покажу примеры из жизни настоящих ускорений.
Tver.io
29 min
React Reconciler: как написать собственный рендерер
Ярослав Лосев
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
Tver.io
156 min
State Management Talks
Сергей Сова, Павел Черторогов, Артём Арутюнян, Павел Малышев, Александр Шушунов
"Наденьте на хеллоуин костюм shared mutable state и вы напугаете кучу фронтедеров!" Зачем нужны стейт-менеджеры на фронтенде, что за стейт хранится в них и где место бизнес- и не только логике, разб…
PiterJS
30 min
Фоновые сервисы в браузерах — есть ли жизнь после закрытия вкладки?
Максим Сальников
Пользователь закрывает вкладку в браузере и ваше замечательное фронтенд-приложение испаряется. А что, если можно было бы оставить какие-то его части, и еще немного поработать во благо улучшения UX? О…
HolyJS
19 min
Улучшаем качество кода React-приложения с помощью Compound Components
Александр Дунай
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
ChernivtsiJS
28 min
Как мы строили дизайн систему
Dmitry Barabash
Slides: https://github.com/chernivtsijs/chernivtsijs-2019
YaTalks
37 min
Создание универсальной UI-библиотеки
Евгений Тропин
Доклад будет полезен разработчикам, которые создают свою библиотеку компонентов и заботятся о доступности интерфейсов.
TechTrain
67 min
Эволюция способов сохранения конфиденциальной информации в секрете
Александра Калинина
Каждый программист в своей жизни встречается с информацией, которую необходимо держать в секрете: пароли к учеткам, секретные ключи доступа, CVV код от карточки, в конце концов. Однако не каждый сраз…
SECON.Weekend про fromtend
62 min
ElectronJS. В чем магия
Александр Руденко
Каждый когда-то слышал, что десктопные приложения можно разрабатывать с использованием web-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …
Я ❤︎ Фронтенд
43 min
WebAssembly и веб на TypeScript
Александр Коротаев
Многих останавливает разработка на WASM, потому что придётся учить С или Rust, популярные в WASM-сообществе, но есть решение — AssemblyScript. Он позволяет писать на TypeScript и компилировать бинарн…
Я ❤︎ Фронтенд
43 min
Web Vitals: увидеть и оптимизировать
Артем Белов
В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик.…
SECON.Weekend про fromtend
84 min
Разбираемся в сортах реактивности
Дмитрий Карловский
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.
Я ❤︎ Фронтенд
45 min
А ваш сайт доступен с клавиатуры?
Глафира Жур
Клавиатура — иногда единственный способ сделать что-то в интернете, если внезапно сломалась мышь. А ещё встречаются пользователи, которые могут перемещаться по сайту только при помощи клавиатуры. Как…