Список докладов, с которыми я когда либо выступал на конференциях и могу выступить ещё раз. Все темы актуализируются и улучшаются. И список докладов, которые я планирую ещё только подготовить. ## 25. JavaScript в космосе. Что такое фронтенд и что он умеет - [Слайды](https://alexey-avdeev.com/what-the-frontend-can-do/) - [Анонс](https://vk.com/breakpoint?w=wall-48627112_14795) ## 24. Возможности и вызовы Web3: история, перспективы, demo - [Слайды](https://alexey-avdeev.com/web3-opportunities/) - [Доклад в программе GP Days 2023](https://gpdays.globus-ltd.ru/) - [Видео с GP Days](https://www.youtube.com/watch?v=MpGPGq1kiRA) Web3 - это быстро развивающаяся область, поэтому так важно постоянно обновлять знания и навыки, чтобы оставаться в тренде. О возможностях и вызовы Web3 на #GPDays2023 расскажет Алексей Авдеев, СТО Mish: - Что должны знать разработчики, чтобы быть готовыми создать собственный проект для Web3 или без проблем присоединиться к уже существующему? - Новые технологии и инструменты - смарт-контракты, децентрализованные приложения (DApps) и распределенные хранилища. - Что такое Web 2.5? - Как написать, протестировать и задеплоить dApps (демо)? ## 23. Как разрабатывать для Web3 в 2023-м - [Слайды](https://alexey-avdeev.com/how-to-develop-for-web3-in-2023/) - [Доклад в программе UDW](https://ural-digital-weekend.ru/#timetable) - [Трансляция на канале Владилена Минина](https://www.youtube.com/live/oRJSUI58B0A?feature=share&t=10644) - [Видеотрансляция потока «Разработка» — Ural Digital Weekend 2023 (Пермь, 4 августа)](https://www.youtube.com/live/xhHwK-6uyIo?feature=share&t=27311) Мы знаем термин Web3 уже 9 лет. Все слышали о блокчейне или криптовалютах. Считается, что это новая эпоха развития Интернета, его третья версия. Но готовы ли мы, как разработчики, к этой новой эпохе? В этом докладе расскажу о тех нововведениях, которые конснулись разработки. Что должны знать разработчики, чтобы быть готовым разработать собственный web3-проект или спокойно присоедниться к уже существующему. - Что такое Web3, в чем его особенность? - Как написать Web3 приложение? - Примеры Web3 приложений - Что изменяется во фронтенд-разработке? - Что изменяется в бэкенд-разработке? - Что изменяется в инфрастуктуре? ## 22. F**k Up Night на South HUB [Доклад в программе SouthHub](https://www.southhub.ru/#program) - Как случайно удалить базу данных на продакшене - Как сделать проект, но не суметь его сдать - Как уменьшить смету в 10 раз и сделать говно - Как у меня выгорел джун ## 21. Как подружиться с дизайнером - [Анонс в Телеграмме](https://t.me/sbermarket_tech/365) - [Анонс в Moscow CSS](https://t.me/moscowcss/203) - [Видео](https://www.youtube.com/live/dhjDOhQHnuA?feature=share&t=5183) - [Фотографии](https://efelizavetaphoto.lite.gallery/moscow_css_x_sbermarket_meetup) - [Слайды](https://alexey-avdeev.com/how-to-make-friends-with-a-designer/) Со времени, когда жизнь разделила веб-мастеров на дизайнеров и верстальщиков, прошло много времени. В первое время мы совсем не понимали друг друга, но современные инструменты уменьшили дистанцию между нами и продолжают это делать. Мы начали использовать похожие технологии, одинаковые термины, а иногда и вовсе обходиться друг без друга. Поговорим о том, как стать ещё ближе и научиться говорить на одном языке ## 20. Модуль 5. Product development. Разработка продукта - [Слайды](https://alexey-avdeev.com/product-development/) Лекция по программе "Предпринимательство и инновационное развитие бизнеса" - Жизненный цикл продукта. Методы разработки продукта - Оценка уровня готовности технологии - Теория решения изобретательских задач (ТРИЗ) - Теория ограничений - Умный жизненный цикл продукта ## 19. Web3 для фронтендера - [Слайды CodeFest 23](https://alexey-avdeev.com/web3-for-front-end-developers/) - [Доклад в программе CodeFest 23](https://13.codefest.ru/lecture/2254) - [Видео c CodeFest 23](https://youtu.be/148VLChS-eQ) - [Слайды Стачка 2023](https://alexey-avdeev.com/web3-for-front-end-developers-stachka-2023/) - [Доклад в программе Стачка 2023](https://nastachku.ru/web3-dlya-frontendera) - [Видео со Стачка 2023](https://www.youtube.com/watch?v=9I3SxhlUaTM) Мы знаем термин Web3 уже 9 лет. Мало кто не слышал о блокчейне или криптовалютах. Считается, что это новая эпоха развития Интернета, его третья версия. Но готовы ли мы, как разработчики, к этой новой эпохе? В этом докладе расскажу о тех нововведениях, которые конснулись фронтенд-разработки. Что должны знать разработчики, чтобы быть готовым разработать собственный web3-проект или спокойно присоедниться к уже существующему. - Что такое Web3, чем он отличается от Web 2.0? - Как написать Web3 приложение? - Примеры Web3 приложений - Что изменяется во фронтенд-разработке? - Какие есть готовые решения / библиотеки (wagmi, web3)? ## 18. Как подружиться c фронтенд-разработчиком - [Воркшоп «Разбираем макет глазами фронтенд разработчика»: Алексей Авдеев](https://youtu.be/pB4_QM_iZEQ) - [Слайды](https://alexey-avdeev.com/popular-errors-in-figma-layouts) - [Анонс на Хабре](https://habr.com/ru/company/ozontech/blog/715144/) - [Анонс в Телеграмме](https://t.me/ozon_tech/391) - [Видео Ozon Tech Community Design Meetup](https://www.youtube.com/live/FiqtBduNcEc?feature=share&t=9300) - [Анонс на UWDC 2023](https://uwdc.ru/events/uwdc2023/talks/b13b647f-f03b-4b85-a9b3-0d0b2d988b93) - [Видео с UWDC 2023](https://youtu.be/J_lrovcOzB0) - [Анонс на UIC Dev](https://conf23.uic.dev/speakers/72) - [Видео с UIC Dev](https://www.youtube.com/watch?v=a5qcGsT3g7M) Передача дизайна в разработку — это один из этапов пути до прода. Программисты, которые потом работают с этими макетами, замечают в них одни и те же ошибки. Эти ошибки замедляют разработку: заставляют переспрашивать, уточнять и переделывать. Часто это выливается в затянутые сроки, сорванные бюджеты и недовольство заказчика. Ошибки легче исправить на ранних этапах. Разберём популярные проблемы с макетами и их решения. ## 17. Web 3.0 не существует - [Слайды](https://alexey-avdeev.com/web3-for-front-end-developers/) Поговорим про Web 2.5, Web 3.0, Wev 4.0 и другие попытки дать версию Интернету. ## 16. Как работать с календарями - [Видео с Frontend Day](https://www.youtube.com/watch?v=WIs74Quvqjg&t=9794s) - [Слайды для мини-конференции Frontend Day в Иннополисе](https://alexey-avdeev.com/how-to-work-with-calendars/) Календари недооценены. Мы тратим по 15-20 минут в попытках договориться об удобном времени, забываем о мероприятиях, ставим по три созвона в одно время. В докладе поговорим про историю календарей, техники использования и необычные задачи, которые можно ими решать. Затронем интеграцию, открытые форматы и генерацию. Приглашаю менеджеров и разработчиков, которые хотят лучше познакомиться с технологией Первые календари были найдены около 10 000 лет до н.э., прошли долгий путь развития и дошли до григорианского календаря. Хорош ли григорианский календарь? Что ждёт нас дальше? ### Тезисы * Что такое календари в вебе * Как они появились * Какие задачи решают * Что интересного с ними можно делать ## 15. Плюсы и минусы разных видов коммуникации Этот созвон мог бы быть емэйлом. Эта бесконечная переписка могла бы быть коротким созвоном. Как эффективно общаться в Интернете? ### Тезисы * Как эволюционировало общение между людьми * Почему созвоны съедают эффективность * Как ставить задачи, которые будет приятно выполнять * Как не терять информацию ### Структура выступления - Приветствие - Часть 1. Как эволюционировало общение между людьми - Коммуникация в древнем мире - Коммуникация в средние века - Коммуникация в современном мире - Часть 2. Виды современной коммуникации - Текст (богатый текст) - Аудио (голосовухи) - Созвоны (аудио и видео) - Часть 3. Приёмы увеличения эффективности коммуникации - Не пишите Привет - Не спрашивайте чтобы спросить - Не назначайте созвон без повестки - etc ## 14. Soft skills vs Hard skills. Собираем идеальную команду - [Слайды для курса по стартапам в ННГУ](https://alexey-avdeev.com/soft-skills-and-hard-skills/) - [Запись лекции](https://www.youtube.com/watch?v=f5iIJjEmkyc) ### Тезисы * В чём отличие soft skills от hard skills * На какие скилы смотреть в первую очередь * Как проверять навыки на собеседованиях ## 13. uml-and-others - [Слайды для курса по стартапам в ННГУ](https://alexey-avdeev.com/uml-and-others/) - [Запись лекции](https://www.youtube.com/watch?v=ugVpbQbIQh0) ## 12. Low Code, ч. 2 - [Слайды для курса по стартапам в ННГУ](https://alexey-avdeev.com/low-code/) - [Запись лекции](https://www.youtube.com/watch?v=5gtFFXd-Dis) ## 11. No-Code и Low-Code - [Слайды для курса по стартапам в ННГУ](https://alexey-avdeev.com/no-code-and-low-code/) - [Запись лекции](https://www.youtube.com/watch?v=SoHcKbXgW4I) - [Слайды для курса по стартапам в ННГУ 10 окт. 2022 г.](https://alexey-avdeev.com/no-code-and-low-code-2022/) - [Запись лекции 10 окт. 2022 г.](https://www.youtube.com/watch?v=VVNI_3yicIo) ## 10. Традиционный подход к разработке - [Слайды для курса по стартапам в ННГУ](https://alexey-avdeev.com/traditional-development/) - [Запись лекции](https://www.youtube.com/watch?v=TythbxfZcZc) ## 9. Методологии управления проектами - [Слайды для курса по стартапам в ННГУ](https://alexey-avdeev.com/project-management/) - [Запись лекции](https://www.youtube.com/watch?v=-uE07vblvTs) ## 8. Фронтенд Всемогущий. Что умеет веб-браузер - [Слайды для GPDays 2021](https://alexey-avdeev.com/browser-almighty/) Первый веб-браузер появился в 1990 году. С тех пор прошёл 31 год, две войны браузеров, свержение Internet Explorer, господство Google Chrome. Сейчас Вы можете встретить веб-браузеры даже там, где совершенно этого не ожидаете, например, в банкоматах или космических кораблях. ## 7. Используем USB-токены для аутентификации в браузере - [Слайды для 404Conf](https://alexey-avdeev.com/usb-tokens/) - [Слайды для FrontendConf 2021](https://alexey-avdeev.com/usb-tokens-fc2021/) - [Слайды для YaTalks 2021](https://alexey-avdeev.com/web-authentication-history/) ### Тезисы * Как вас и ваших пользователей могут взломать * Почему полной безопасности не существует * Что такое USB-токен и какие они бывают * FIDO, FIDO2, U2F, passwordless, WebAuthn * Реализуем простейшую аутентификацию в браузере с USB-токеном ### Целевая аудитория Любая аудитория, доклад будет понятен слушателям с любым уровнем подготовки ## 6. Что происходит, когда я набираю "google.com" в адресной строке браузера и нажимаю "Enter" - [Слайды](http://alexey-avdeev.com/what-happens-when/) Это один из популярных вопросов на собеседованиях во фронтенд. Полный ответ на него тянет на целую книгу, а я попытаюсь раскрыть эту тему в формате доклада. ### Целевая аудитория Фановый доклад, рассчитанный на любую аудиторию. ## 5. Качаемся во фронтенд-разработчика 80-го уровня - [Слайды](https://alexey-avdeev.com/level-80-frontend-developer/) ### Тезисы В мои обязанности входит помощь в развитии и прокачке своих разработчиков. Обсудим и похоливарим на тему нужных и ненужных для фронтенд-разработчика навыках. * С чего начинать обучение фронтенду в почти 2020 * Какие опасности подстерегают разработчика на карьерной лестнице * Кем тут вообще можно стать * Нужно ли разбираться с типизацией или весь этот хайп закончится * Актуален ли ещё jQuery * Какой js-фреймворк самый лучший * В чём писать код, чтобы было удобно * Достаточно ли знать только HTML и CSS * Нормально, если я умею в JS, но плохо верстаю ### Целевая аудитория Доклад для тех, кто недавно стал разработчиком и не знает, с чего начать. Доклад для тех, кто давно стал разработчиком и не знает, куда двигаться дальше. ## 4. Docker для фронтендера - [Доклад в программе FrontendConf 2019](https://frontendconf.ru/moscow/2019/abstracts/5593) - [Слайды для FrontendConf 2019](https://alexey-avdeev.com/docker-for-front-end-developers/) - [Видео](https://www.youtube.com/watch/SMM3bsYyFls) - [Слайды для доклада на конференцию кодишь.рф](https://alexey-avdeev.com/docker-for-front-end-developers-codish/) - [Мастер-класс в программе на РИТ 2020](https://ritfest.ru/2020/abstracts/6803) - [Слайды для мастер-класса на РИТ 2020](https://alexey-avdeev.com/docker-for-front-end-developers-mk/) ### Хабр 1. [Docker для фронтендера. Часть 1. Зачем?](https://habr.com/ru/post/478932/) 1. [Docker для фронтендера. Часть 2. Что ты такое?](https://habr.com/ru/post/479018/) ### Тезисы * Docker - это не только для админов. * Чем Docker похож на уже привычные нам инструменты. * Почему именно фронтенд-разработчик, а не кто-то другой, должен уметь собирать своё приложение в контейнер. * Кейсы использования Docker для фронтенд-разработчика. * Почему добавление новых людей в команду гораздо проще, если вы используете Docker. ### Целевая аудитория Начинающие разработчики, которые ещё не сталкивались в Docker. Продолжающие разработчики, которые хотят послушать о чужом опыте, похоливарить и, возможно, узнать что-то новое. ## 3. Как мы делали свой визуальный (WYSIWYG) редактор статей для Life.ru и не только Наша компания специализируется на порталах для СМИ, у нас в портфолио их несколько. Самый известный из них - Life.ru. Хочу рассказать историю про то, как мы создавали для него визуальный редактор, с какими проблемами столкнулись, и как это всё вообще работает. - [Доклад в программе РИТ++](https://frontendconf.ru/moscow-rit/2019/abstracts/5059) - [Слайды](https://alexey-avdeev.com/how-did-we-develop-a-visual-editor/) - [Видео](https://www.youtube.com/watch?v=YIsbi5cMuQE) ## 2. JSON:API - работаем по спецификации Разберемся в спецификации JSON:API. Расскажу, в чём её суть, чем она дополняет RESTful и чем отличается от GraphQL. Плюсы, минусы, подводные камни, опыт использования. - [Доклад в программе DevConf2018](https://devconf.ru/ru/archive/devconf2018/offer/405) - [Доклад в программе FrontendConf2018](https://frontendconf.ru/moscow/2018/abstracts/4001) - [Видео с FrontendConf2018](https://www.youtube.com/watch?v=1cJVwn44iSc) - [Слайды](https://alexey-avdeev.com/jsonapi-work-according-to-specification/) - [Расшифровка доклада на Habr](https://habr.com/ru/company/oleg-bunin/blog/433322/) - [Доклад в программе Avito Frontend meetup](https://habr.com/ru/company/avito/blog/485196/) - [Видео с Avito Frontend meetup](https://youtu.be/JD3HLaLxUJ8) ## 1. Что не так с Emoji Почему мои эмоджи выглядят по-разному в разных браузерах? Что делать, если дизайнеры говорят, что все смайлики должны выглядеть, как на Айфоне? Решаем проблему, попутно разбираясь в спецификациях Emoji и Unicode. - [Слайды](https://alexey-avdeev.com/what-is-wrong-with-emoji/) - [Доклад в программе WSD Минск, 21 октября 2017](https://wsd.events/2017/10/21/) - [Видео c WSTD](https://www.youtube.com/watch?v=DUwZpLBSuiI) - [Доклад в программе FrontendConf2018](https://frontendconf.ru/moscow/2018/abstracts/4002) - [Видео с FrontendConf2018](https://www.youtube.com/watch?v=exb0fsYPfBY) ## 0. Про Middleman и простое создание статических сайтов - [Слайды](https://www.slideshare.net/AlexeyAvdeev1/middleman-61006895) Обзор gem middleman и его возможностей Собственный опыт работы с ним ## -1. Применение BackboneJS для рефакторинга фронтенда веб-приложения * [Анонс Frontend Party + слайды и видео](https://events.yandex.ru/events/meetings/22-nov-2014/) * [Слайды](http://cachev2-m9-10.cdn.yandex.net/download.cdn.yandex.net/company/experience/frontend_party/22_nov_2014_avdeev.pdf?lid=3) В докладе пойдёт речь о том, как использовать JS-библиотеки и фреймворки для достижения модульности, построения грамотной архитектуры и упрощения поддержки фронтенда веб-приложений. Мы также поговорим о многофункциональной библиотеке Backbone.js и о том, как навести порядок в application.js (main.js).