Я расскажу про свой опыт работы в монолитных и в микрофронтовых приложениях. Раскрою неочевидные плюсы монолита и минусы микрофронтов. Рассмотрим несколько стратегий по децентрализации проекта. Проговорим ту единственную и основную задачу, которую микрофронты решают. И конечно же поделюсь бестпрактисами с Module Federation».

Уровень: мидл-плюс разработчики.

Кирилл

docenko

Неприятный микрофронтенд

Кирилл Доценко — «Неприятный микрофронтенд»

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

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

Азат

davlyatshin azat

major.minor.patch без головной боли

Азат Давлятшин — «major.minor.patch без головной боли»

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

speaker 4

RAGнарёк на Llama’х и не только

Кирилл Плотников — «RAGнарёк на Llama’х и не только»

Лучшие практики использования модальных окон: от законов юзабилити до обеспечения доступности (a11y). Поговорим о том, какие ошибки часто встречаются и как их избежать, обсудим системные баги и научимся грамотно управлять фокусом (focus trap). А ещё вы узнаете про альтернативы модалкам и почему иногда стоит выбрать другой путь.

Роман

Роман Ганин

КВЗСМ или Краткое руководство по проектированию модальных окон

Роман Ганин — «КВЗСМ или Краткое руководство по проектированию модальных окон»

Митап #38

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

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

Андрей

sokolov

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

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

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


Иван

speaker 3

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

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

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

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

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

Митап #37

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

Антон

speaker 1

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

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

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

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

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

Здесь рассказ про строго-типизированный 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 полезно для всех: пользователей, бизнеса и разработчиков.

Митапы

Митап #38

Митап #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