🍔

#frontend

Я ❤︎ Фронтенд

44 min

Копаемся под капотом браузера: как работает event loop и compositing

Сергей Чикуёнок

Сейчас, в эпоху клиентских фреймворков, мало кто задумывается, как работают привычные нам вещи в браузере, вроде событий или анимаций. Мы часто следуем „лучшим практикам“ и не задумываемся, почему он…

Я ❤︎ Фронтенд

58 min

Распутываем браузерные потоки

Полина Гуртовая

Многие что-то слышали про основной поток и о том, что его нельзя блокировать. Но что это на самом деле такое? Если есть основной, значит, есть и второстепенные? Попробуем разобраться и не запутаться.

Я ❤︎ Фронтенд

48 min

Кому нужны фронтендеры

Андрей Смирнов

Фронтенд продолжает расширять свое присутствие не только в вебе, но и в области мобильных и десктопных приложений. Однако, остается вопрос: как фронтенд-разработчикам навигировать в этом разнообразии…

Я ❤︎ Фронтенд

43 min

WebAssembly и веб на TypeScript

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

Многих останавливает разработка на WASM, потому что придётся учить С или Rust, популярные в WASM-сообществе, но есть решение — AssemblyScript. Он позволяет писать на TypeScript и компилировать бинарн…

Я.Субботник

50 min

От npm-скриптов до полноценной CLI. DIY гайд

Алексей Попков

Как автоматизировать работу фронтендеров и не создать ещё один бесполезный велосипед? Каждый программист в какой-то момент хочет автоматизировать свою работу скриптами. Обычно из этого получается наб…

Я.Субботник

35 min

Как пасти котов node.js-приложения до продакшена

Андрей Мелихов

Не важно, тестирует ли наше приложение QA или автоматикой гоняются E2E-тесты, и в том и в другом случае мы сталкиваемся с тем, что код разработчика необходимо развернуть в тестовой среде. И нам явно …

Я.Субботник

65 min

Скорость веб-страниц

Данила Авдошин

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

Я.Субботник

43 min

Путешествие до React и обратно

Александр Нефедов

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

Я ❤︎ Фронтенд

43 min

Особенности реализации брутальной дизайн-системы

Артём Арутюнян

Я расскажу историю небольшого проекта на стыке UI, UX и программирования. Как маленькая идея может поглотить десятки часов разработки и сколько удовольствия это может принести. Разберем все боли рабо…

Я ❤︎ Фронтенд

37 min

State Machine: что это и зачем

Сергей Пономарёв

Мы очень часто работаем с состояниями. По большей части на фронте, но также и на бэке, не говоря уже о GameDev-e. Даже турникеты и вендорные автоматы имеют state machine. Несмотря на это, многие не п…

Я ❤︎ Фронтенд

42 min

Contract-first principle в работе c API

Глеб Михеев

Фронтенд-разработчики страдают при работе с API: сначала мы ждём, когда будет разработана первая версия, а потом выясняем, что часть методов не работает, и апишка постоянно отваливается. А потом апи …

Я ❤︎ Фронтенд

45 min

А ваш сайт доступен с клавиатуры?

Глафира Жур

Клавиатура — иногда единственный способ сделать что-то в интернете, если внезапно сломалась мышь. А ещё встречаются пользователи, которые могут перемещаться по сайту только при помощи клавиатуры. Как…

Я ❤︎ Фронтенд

45 min

Я ❤ Storybook

Семён Левенсон

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

Я ❤︎ Фронтенд

43 min

Web Vitals: увидеть и оптимизировать

Артем Белов

В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик.…

Я 💛 Фронтенд

49 min

Node.js фреймворки, или Туда и обратно

Андрей Мелихов

За годы разработок enterprise-приложений на Node.js я использовал Express, Nest.js и AWS-лямбды. У каждого подхода есть свои плюсы и минусы, и все они остаются актуальными, но ни одно из этих решений…

HolyJS

43 min

Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд

Виталий Полещук, Стёпа Михайлюк

Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…

HolyJS

19 min

Улучшаем качество кода React-приложения с помощью Compound Components

Александр Дунай

Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…

YaTalks

52 min

30 лет — полёт нормальный!

Виталий Харисов, Ольга Алексашенко, Сергей Бережной, Сергей Чикуёнок

Вебу исполнилось 30 лет. С лёгким флёром ностальгии поговорим о его взрослении, развитии и самочувствии в 2021 году. Обсудим нашу профессию, сложности и задачи, сопровождение проектов, актуальные тем…

YaTalks

63 min

Когда документация — просто космос

Наталья Теплхина, Дэн Абрамов, Алена Батицкая

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

YaTalks

43 min

Аутентификация в вебе. История развития

Алексей Авдеев

YaTalks

62 min

Спецвыпуск «Веб-стандартов»

Вадим Макеев, Андрей Мелихов, Никита Дубко

Новости фронтенда за прошедшую неделю в специальном выпуске подкаста «Веб-стандарты» в видеоформате.

YaTalks

45 min

Как и зачем проводить тесты с незрячими людьми?

Валерия Курмак, Анатолий Попко

Поговорим о доступности цифрового контента и сервисов, вместе попробуем ответить на важные вопросы: Почему важно проводить тесты с незрячими пользователями? Почему автоматизированных тестов или само…

YaTalks

52 min

Существующие инструменты не работают в невесомости? Напиши свои!

Андрей Ситник, Антон Усманский, Никита Дубко, Роман Дворнов

Опенсорс открывает две дороги: использовать существующие решения или написать своё, учитывая опыт предков. В какой момент пора создавать новый репозиторий? Как поддерживать инструмент? Зачем вкладыва…

YaTalks

37 min

Создание универсальной UI-библиотеки

Евгений Тропин

Доклад будет полезен разработчикам, которые создают свою библиотеку компонентов и заботятся о доступности интерфейсов.

YaTalks

65 min

Научите меня писать интерфейсы для космолётов!

Сергей Бережной, Тина Думилина, Кирилл Мокевнин, Александр Патлух, Алексей Симоненко

Ушла эпоха веб-мастеров, когда можно было научиться делать сайты с помощью книг и CHM-файлов. Как теперь учиться писать веб? Какую школу выбрать? Нужен ли ментор? Нужно ли образование во фронтенде? П…

ITeaConf

26 min

Howto: интерактивная визуализация на сотни тысяч элементов внутри браузера

Иван Затравкин

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

ITeaConf

25 min

Что не так с React.js? Best practices vs code smells

Александр Погорелов

Доклад начну с представления себя и плана презентации, потом разберу каждый из смысловых блоков, которых всего три: немного о самом фреймворке; разбор "запахов" кода; разбор лучших практик. Доклад бу…

ITeaConf

34 min

Рендеринг, Почему никто не следит за потерянными кадрами

Сергей Иванов

Современная фронтенд разработка,в частности вопрос производительности, сводится к тому, чтобы удовлетворить набор требований lighthouse или метрик Core Web Vitals. Однако почему среднестатистический …

DotNext

71 min

Фронтенд на функциональном языке? Подержите мое пиво!

Вагиф Абилов

Вагиф — разработчик бэкенда, как и многие из вас. Что ему делать, когда нужно показать какие-нибудь данные? Написать программу для консоли (вздох)? Или, может быть, выучить CSS и JavaScript (глубокий…

SECON.Weekend про fromtend

109 min

Интеллектуальное шоу про frontend

Сергей Сова, Дмитрий Карловский

Дмитрий Карловский VS Сергей Сова

SECON.Weekend про fromtend

62 min

ElectronJS. В чем магия

Александр Руденко

Каждый когда-то слышал, что десктопные приложения можно разрабатывать с использованием web-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …

SECON.Weekend про fromtend

84 min

Разбираемся в сортах реактивности

Дмитрий Карловский

Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.

HolyJS

75 min

Автоматическая виртуализация рендеринга произвольной верстки

Дмитрий Карловский

Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от ра…

HolyJS

73 min

Алгоритмы консенсуса. При чем тут Node.js?

Андрей Печкуров

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

TechTrain

71 min

Тестирование без боли и страха

Глеб Бахмутов

Мы все стараемся отложить то, что нас пугает и не нравится на потом. Тестирование фронтенда также делается в последнюю секунду, что ведет к предсказуемым последствиям: ошибки просачиваются к пользова…

TechTrain

67 min

Эволюция способов сохранения конфиденциальной информации в секрете

Александра Калинина

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

TechTrain

57 min

Паттерны проектирования умных интерфейсов, версия 2020

Виталий Фридман

Вы — умница. И если вам нужно доставить что-то в режиме жесткого дедлайна, конечно, вы сделаете это. Поскольку у нас нет большого количества времени в запасе, мы полагаемся на вещи, которые всегда ра…

Tver.io

38 min

ML для фронтендеров

Максим Северухин

Рассмотрим что такое ML и с чем его едят фронтед-разработчики. Как нам войти в ML и реализовать уже сегодня первое приложение. А так же разработаем главную фичу Aliexpress прямо на докладе. Даешь ML …

Tver.io

41 min

Wasm 101

Полина Гуртовая

Совсем не хардкорное введение в WebAssembly. Напишем немного кода для стековой виртуальной машины, заглянем под капот v8. И, чтобы нам точно было не скучно, добавим немного C++ и Rust.

Tver.io

29 min

React Reconciler: как написать собственный рендерер

Ярослав Лосев

Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…