Вам предстоит большой рефакторинг без остановки разработки? Может быть, вам нужно объединить разные технологические стеки в единое целое? Или вы как и планируете иметь несколько реализаций одного и того же компонента?

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

Андрей

sokolov

Два фронтенда, один сервис

Андрей Соколов — «Два фронтенда, один сервис»

В этом докладе будет представлен обзор различных возможностей работы с датой и временем в JavaScript. Мы рассмотрим встроенные API, такие как Date, Intl и Temporal, их особенности и применение. Также уделим внимание популярным библиотекам, которые основаны на этих API, такими как Day.js, date-fns, Luxon и Moment.js. Мы проанализируем их возможности, преимущества и недостатки, чтобы понять, какой инструмент наиболее подходит для различных задач, связанных с обработкой дат и времени.


Иван

speaker 3

Эволюция работы с датами в JavaScript

Иван Капитонов — «Эволюция работы с датами в JavaScript»

Нужен моушен ролик приложения или мечтали снять свой 3д мультик,  программы монтажа вас отпугивают, а за плечами куча лет фронтенд разработки? Не беда, наверстаем!

Кирилл

speaker 4

Наверстаем видео или как монтировать в коде

Кирилл Плотников — «Наверстаем видео или как монтировать в коде»

Митап #37

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

Антон

speaker 1

Мета-фреймворки на примере Analog.js

Антон Кривохижин — «Мета-фреймворки на примере Analog.js»

Расскажу зачем вам нужен единый код-стайл и как мы его настраивали на своём проекте. Обсудим почему самописная документация не работает. Разберём по косточкам конфигурации eslint / tsconfig, основанные на реальном опыте. Отметим лайфхаки и нюансы при настройке глобального код-стайла.

docenko

Как настроить код-стайл в большом проекте и не обжечься

Кирилл Доценко — «Как настроить код-стайл в большом проекте и не обжечься»

Здесь рассказ про строго-типизированный Runtime реакт с дополнительными плюшками. Юмор тут будет душный сложный, не всем понравится. Но наша гипер-квалифицированная пояснительная бригада всегда готова предоставить моральную поддержку.

Виктор

vershansky

Как изолировать React разработчика от собственных ошибок

Виктор Вершанский — «Как изолировать React разработчика от собственных ошибок»

Многие из нас строят фундамент своих знаний из говна и палок и затем не проводят должного рефакторинга из-за недостатка мотивации. 
В докладе мы сначала обсудим, как начинающим специалистам найти своего наставника.
А далее: зачем опытным айтишникам заниматься помощью начинающим и какие в этом могут быть преимущества.

Тимур

Как развиваться через наставничество?

Тимур Гафиулин — «Как развиваться через наставничество?»

Митап #36

Как избежать превращения CI/CD в устаревшую систему, о которой никто не знает, как она работает, и как упростить процесс внесения изменений. Рассмотрим, на что нужно обратить внимание при ревью кода.

Алексей

Без названия

Упрощаем CI/CD на примере github-actions

Алексей Николаев — «Упрощаем CI/CD на примере github-actions»

Решение проблемы поддержки легаси-кода большого проекта на Backbone не всегда заключается только в переходе на React. В нашем случае пришлось менять и архитектурный подход. Узнаете как мы справляемся с этой задачей, какие проблемы встретили и как нам помогла методология FSD.

Михаил

Без названия (1)

FSD при переходе на новый стек

Михаил Дмитриевский — «FSD при переходе на новый стек»

Рассмотрим с вами протокол HTTP, как его развитие повлияло на функциональность в браузере, разберем как осуществляется навигация в браузере на уровне процессов, а также как разработчик может сделать и контролировать HTTP-запрос.

Сергей

Ufocoder

В погоне за HTTP

Сергей Ufocoder Иванов — «В погоне за HTTP»

Митап #35

poster event 2486821

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

Екатерина

Екатерина Танькова

Что происходит в браузере после того, как пользователь ввёл адрес в адресную строку

Екатерина Танькова — «Что происходит в браузере после того, как пользователь ввёл адрес в адресную строку»

Расскажу о том, с помощью каких инструментов профилирования Node.js разработчики в Яндекс Практикуме «положили» графики времени ответа сервера, как нашли код, который ничего не делал и исполнялся сотни миллисекунд на каждый запрос. На какие грабли наступили и как стали лучше.

Алексей Яковлев

Как в Практикуме удаление одной строчки кода ускорило время ответа сервера в несколько раз

Алексей Яковлев — «Как в Практикуме удаление одной строчки кода ускорило время ответа сервера в несколько раз»

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

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

Таким образом, мы смогли решить все поставленные бизнес-задачи. Время выхода на рынок сократилось, мы создали эффективную организационную модель разработки, и снизили риски удаления приложения из App Store.

Зулейха

Зулейха Ибрагимова

Гибридное мобильное приложение с нуля за 3 недели

Зулейха Ибрагимова — «Гибридное мобильное приложение с нуля за 3 недели»

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

Илья

Илья Морозов

Последние тенденции на рынке IT глазами HR

Илья Морозов — «Последние тенденции на рынке IT глазами HR»

Митап #34

«Код-ревью — это механизм, который может помочь повысить качество кода, обменяться знаниями и усилить командную работу, но иногда всё выходит совсем не так, как хотелось бы. В докладе расскажу, как вынести из код-ревью максимум и не превратить эту деятельность в поле боя»

Ангелина

Ангелина Купцова

Код-ревью с уважением

Ангелина Купцова — «Код-ревью с уважением»

«Некоторые ставят под сомнение необходимость, некоторые теряют веру в традицию, но мы раз и навсегда разберемся зачем нужны юнит тесты и почему разработчику стоит инвестировать в них свое время»

Светлана

Света Беляева

Нахрена, а главное зачем: введение в юнит-тестирование

Светлана Беляева — «Нахрена, а главное зачем: введение в юнит-тестирование»

Angular — прекрасный фреймворк, в котором „из коробки“ есть все, что нужно для тестирования.

Однако заложенного функционала иногда не хватает, а тесты писать не так удобно, как хотелось бы. В докладе расскажу, как обстоят дела с тестированием „из коробки“ и как можно ускорить написание тестов.

Никита

Никита Куликов

Make it easy. Упрощаем написание тестов в Angular

Никита Куликов — «Make it easy. Упрощаем написание тестов в Angular»

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

Нурсултан

Нурсултан Бергалиев

Стримы и потоки в Node.js

Нурсултан Бергалиев — «Стримы и потоки в Node.js»

Митап #33

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

Вадим

Вадим Царегородцев

Как я мигрировал реакт приложение на свелт

Вадим Царегородцев — «Как я мигрировал реакт приложение на свелт»

Это доклад про форматы анимации для веба, которые пришли на смену GIF. Какой лучше? mp4, webm, apng, sprites или vector-based? Вообще, правильного ответа нет. Чтобы разобраться почему Я хотел бы раскрыть эту, казалось бы, несложную тему с разных сторон: Обычное приложение на HTML, WebGL игра и как автоматизировать получение разных форматов анимации.

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

Александр

Саша Коротаев

GIF умер, кто следующий?

Александр Коротаев — «GIF умер, кто следующий?»

Хотите меньше прокрастинировать и грызть реактивщину? Тогда мы идем к вам

Ян

Ян Лаврюшев

Погружение в эффектор

Ян Лаврюшев — «Погружение в эффектор»

Митап #32

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

Умяр

Юсупов Умяр

Еще одна история про codeStyle в еще одной большой команде

Юсупов Умяр — «Еще одна история про codeStyle в еще одной большой команде»

Через два месяца наступает 2020 год, а мы все ещё транспайлим код для браузеров из 2013 года. Как так сложилось? Почему мы не можем отказаться от устаревших браузеров? Есть ли компромисс между старыми и новыми браузерами? На эти и другие вопросы ищите ответы в докладе.

Валентин

Семирульник

Проклятие обратной совместимости

Семирульник Валентин — «Проклятие обратной совместимости»

Рассмотрим доказательство того, что система TS оказалась полной по Тьюрингу и важен ли этот факт для нас?

Вячеслав

Слава Шебанов

Система типов TypeScript как машина Тьюринга

Вячеслав Шебанов — «Система типов TypeScript как машина Тьюринга»

Митап #31

Создание пользовательских скриптов, их структура, история и места распространения.

Евгений

Котляров

UserScripts — зачем нужны, чем могут помочь и где они обитают

Евгений Котляров — «UserScripts — зачем нужны, чем могут помочь и где они обитают»

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

Павел

Павел Франков

Как побеждать на техническом интервью

Павел Франков — «Как побеждать на техническом интервью»

Доклад про будущее, которое настоящее. Когда кнопка «сделать хорошо» не стеб, а реальный инструмент разработчика. «Разработка без усилий — это нормально?»

GraphQL — всадник сингулярности

Вадим Царегородцев — «GraphQL — всадник сингулярности»

Митап #30

Since the 1940s it has started to become more clear that making good products is not only about the engineering but the aesthetics, that helps to sell it to the end customer. The new thing called "design" was born and it rapidly conquered the world. Today design is an inhered part of software development. But can it work the other way around?

In my talk/research I’m going to proof that applying simple design principles can and will make you a better software engineer. We’re going dig into a brief history of modern product design, figure out what makes design different from art and draw parallels with software development. We will see what makes an open-source library popular and how is design responsible for that.

Тактаров

Can Design Principles Make me a Better Software Engineer?

Alexey Taktarov — «Can Design Principles Make me a Better Software Engineer?»

It is easy to embed video to your html page, but when it is necessary to playback protected video content things become more complex.

During the presentation you will become familiar with the video content protection in general and how to implement playback of protected video content in different browsers.

Голубев

Video content protection overview for Frontend developers

Alexey Golubev — «Video content protection overview for Frontend developers»

WebGL is a fastest rendering technology in web, but API looks to hard to learn. Standard already lives 9 years long but no big amount of real experts we have. I will show how to create 2D graphics in browser using React or Canvas to render it using WebGL.

This talk for developers who knows that WebGL is to fast, but do not know right way to reduce complexity and draw something except one triange from many examples from the google search results.

WebGL and 2D: simple as Web

Alexander Korotaev — «WebGL and 2D: simple as Web»

Meetup #29

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

Елена

Правдина

Фронтенд: обработка ошибок

Елена Правдина — «Фронтенд: обработка ошибок»

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

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

Дима

Семьюшкин

Психология для айтишников: про рабочую атмосферу

Дима Семьюшкин — «Психология для айтишников: про рабочую атмосферу»

Однажды Александру предложили написать какую-нибудь игру для стенда на конференции WSD. У него было всего три недели, полная свобода в выборе темы и коллеги, на которых он все это тестировал. Как идея начала бежать впереди реализации и к чему приводят ошибки. Самые эпичные провалы и сюрпризы того, когда сырое приложение уходит в продакшн.

JS Битва: история побед и поражений

Александр Коротаев — «JS Битва: история побед и поражений»

Митап #28

Evgenii will take us through the basics of GraphQL, and explain how GraphQL concepts led to the establishment of proactive community, and creation of a vast ecosystem, with different tools and libraries, which benefits both user and developer experience.

Шкодин

GraphQL: basics and emotions

Evgenii Shkodin — «GraphQL: basics and emotions»

Talk about voice assistant interface development, comparing states of known voice assistants, pros and cons of VUI, some use cases in US enterprise. Nelly will describe turn arounds of understanding VUI’s states and why interface will not disappear.

Нелли

Кам

The voice path

Nelly Kam — «The voice path»

Okay Google: why do I need semantics and tags apart from <div>? I don’t give a damn about specs or making “what’s right”, I think inmates are in charge of web standards asylum and CSS for me is Client Side Scripting. My <Link/> with onclick is hundred times easier than <a> or <button> dilemma. Only useful tags and markup practices without myths and fairy tales for true full-stacks.

RaQK8x62p-A

Semantics for Cynics

Vadim Makeev — «Semantics for Cynics»

Meetup #27

История появления PWA, что было до и как к этому пришли. Рассмотрим предыдущие итерации технологии, поймём почему PWA это будущее веба, почему PWA полезно для всех: пользователей, бизнеса и разработчиков.

Артур

Столяр

История PWA

Артур Столяр — «История PWA»

Разрабатывая дизайн больших экранов для Smart TV и игровых консолей PlayStation, хочу поделиться опытом своей работы. Доклад об основах дизайна приложения для Smart TV.

Мекрюков

Дизайн больших экранов

Сергей Мекрюков — «Дизайн больших экранов»

Доклад адресован программистам, которые уже успешно реализуют свои проекты и которые только начинают его разработку. 

Будут затронуты следующие вопросы:
- Что такое интеллектуальная собственность и как ее определить?
- Как подтвердить свое авторство любому человеку, который что-либо создает.

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

Руслан

Гацалов

Защита интеллектуальной собственности в сфере IT

Руслан Гацалов — «Защита интеллектуальной собственности в сфере IT»

Митап #26

Обзорный доклад о WebAssembly. Расскажу зачем его создали, какие проблемы решает, как это делали раньше и почему WASM работает лучше прочих. Объясню как WASM ложится в архитектуру приложений сегодня и почему это не замена JavaScript. Коснусь стандарта WASM, из чего состоит, как интегрируется с браузером и внешней инфраструкторой. Покажу шаги для запуска первой программы на WASM и примеры его использования.

Николай

говоров

Применение WebAssembly

Николай Говоров — «Применение WebAssembly»

Взаимодействие дизайна с фронтом. Реальная практика TradingView. Почему мы перешли со Sketch на Figma.

Митапы

Митап #37

Митап #36

Митап #35

Митап #34

Митап #33

Митап #32

Митап #31

Митап #30

Meetup #29

Митап #28

Meetup #27

Митап #26

Митап #25

Митап #24

Митап #23

Митап #22

Митап #21

Митап #20

Митап #19

Митап #18

Митап #17

Митап #16

Митап #15

Митап #14

Митап #13

Митап #12

Митап #11

Митап #10

Митап #9

Митап #8

Митап #7

Митап #6

Митап #5

Митап #4

Митап #3

Митап #2

Митап #1