Pull to refresh
89
Karma
2
Rating
Глеб Михеев @glebmachine

Frontend-разработчик с 2003 года

Микросервис головного мозга. Рецепты качества

Конференции Олега Бунина (Онтико) corporate blog JavaScript *Cloud services *Microservices *

Эта статья подготовлена на основе доклада «Микросервис головного мозга» Михаила Трифонова, Lead frontend Cloud и основателя frontend-сообщества TeamSnack. Мы разберём когда необходимы микрофронты, каким должен быть технологический стек, как нарезать мироксервисы и какие существуют стандарты при построении микросервисной архитектуры.

Эта статья, по сути, продолжение первой части «Микросервис головного мозга. Пилим всё, что движется». В ней Михаил рассказывал, как ему с командой удалось ускорить разработку с помощью микросервисного подхода. Они поэтапно строили микросервисную архитектуру, распилили монолит, UIKIT и создали архитектуру.

Читать далее
Total votes 2: ↑2 and ↓0 +2
Views 2.6K
Comments 0

RTC, почти RTC и Франкенштейн

Конференции Олега Бунина (Онтико) corporate blog Working with video *

Не смотря на то, что технологии WebRTC уже больше 10 лет, сейчас она очень активно развивается. За последний год, использование WebRTC в браузерах выросло в 100 раз, апишка стала IETF-стандартом и научилась делать новые интересные трюки.

Я — Полина Гуртовая, занимаюсь фронтенд-разработкой и изобретаю велосипеды. В статье расскажу об RTC (Real-time communication) и быстрой доставке данных. Если мы говорим об RTC в Web, то мы говорим о WebRTC. Когда я только начинала работать с WebRTC, мне встретилось множество таинственных сокращений: TCP, NAT, SCTP, DTLS, ICE, STUN, TURN, RTP, UDP, AVC…

Хорошие новости: разобраться в них оказалось совсем не сложно. Сейчас мы сделаем это вместе. WebRTC crash course. Поехали!

Читать далее
Total votes 11: ↑11 and ↓0 +11
Views 2.9K
Comments 0

Почему вам не нужна версия для слабовидящих

Конференции Олега Бунина (Онтико) corporate blog Web design *Accessibility *

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

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

Читать далее
Total votes 35: ↑34 and ↓1 +33
Views 10K
Comments 17

Мы и есть фронтенд: как создается особая атмосфера FrontendConf

Конференции Олега Бунина (Онтико) corporate blog Programming *Community management *Conferences

FrontendConf входит в группу конференций Олега Бунина «Онтико». Это профессиональное мероприятие для фронтенд-разработчиков различных грейдов. Его организацией занимается программный комитет: ищет спикеров, готовит программу, помогает сделать доклады интересными и полезными. Как все устроено изнутри и можно ли стать частью этого большого и важного дела, рассказывают члены программного комитета.

Читать далее
Total votes 6: ↑6 and ↓0 +6
Views 394
Comments 1

Как достичь производительного рендеринга в браузере

Конференции Олега Бунина (Онтико) corporate blog CSS *Interfaces *HTML *Browsers

Один великий китайский философ сказал: «каждый разработчик должен понимать, как исполняется его программа». Что ж, давайте разбираться. Говорить будем про рендеринг и его производительность.

Меня зовут Глеб Михеев, я CTO Skillbox Holding, а также руководитель программного комитета FrontendConf. Уже как 19 лет работаю в коммерческой разработке. Сегодня я расскажу, как устроен браузерный конвейер поставки кадров на экран и что нужно знать каждому разработчику, чтобы его интерфейсы были отзывчивыми, не лагали, а анимации были плавными и выдавали 60fps даже при высокой вычислительной нагрузке на main thread.

Читать далее
Total votes 17: ↑16 and ↓1 +15
Views 3.9K
Comments 1

Дорогу молодым: как FrontendConf 2022 помогает начинающим спикерам и почему это важно для индустрии

Конференции Олега Бунина (Онтико) corporate blog Programming *Community management *

FrontendConf меняет подход в индустрии: в этом году программный комитет сконцентрировался на поиске новых спикеров и нетривиальных тем. Поэтому у всех кто уже давно хотел выступить, но не решался, есть отличный шанс сделать это.

Зачем нужно выступать, как победить страхи и почему компаниям выгодно отправлять сотрудников на конференции? На эти вопросы ответят члены программного комитета.

Читать далее
Total votes 12: ↑8 and ↓4 +4
Views 1.1K
Comments 0

TypeScript: худший лучший язык программирования

Конференции Олега Бунина (Онтико) corporate blog Website development *JavaScript *Programming *TypeScript *

На конференции FrontedConf 2021 Андрей Старовойт показал плюсы и минусы TypeScript. Если вы сомневаетесь, стоит ли его использовать — эта статья для вас, чтобы вы смогли для себя всё решить. Если вы уже любите и используете TypeScript, то надеюсь, вам тоже будет интересно.

Все преимущества и недостатки языка описаны, конечно, через призму опыта Андрея. Несмотря на то, что последние 7 лет он работает в компании JetBrains над продуктом WebStorm на Java Kotlin, пишет он и на TypeScript. Попутно много смотрит на код других людей, пытаясь понять, что с ним можно сделать внутри WebStorm и почему типы выбились неправильно. А также — какие инспекции можно применить так, чтобы люди стали счастливы, а их код — лучше.

Читать далее
Total votes 64: ↑57 and ↓7 +50
Views 52K
Comments 43

Производительность фронтенда: большое приложение на реактивном SSR-топливе

SuperJob corporate blog Конференции Олега Бунина (Онтико) corporate blog High performance *Website development *JavaScript *

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

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

На все эти вопросы ответил frontend-разработчик Виталий Старов на конференции FrontendConf 2021. Он рассказал о серверном рендеринге на примере приложения SuperJob. Читайте под катом, как SuperJob пришли к своей реализации серверного рендеринга, узнав по пути много интересного. Узнаете, когда хорош SSR и как он работает, из чего он устроен, чем может быть полезен и кому.  

Читать далее
Total votes 18: ↑18 and ↓0 +18
Views 4.7K
Comments 1

Микросервис головного мозга. Пилим всё, что движется

Конференции Олега Бунина (Онтико) corporate blog Cloud corporate blog JavaScript *Cloud services *Microservices *

Это история о том, как увеличить скорость выкатки фич, но сохранить качество продукта. О болевых точках, которые замедляют разработку, и новой «болезни» — микросервисе головного мозга, которую диагностировал Михаил Трифонов, техлид фронтов в SberСloud. Он утверждает, что она приводит к росту функциональности ML Space на 683% при увеличении команды разработки всего в 2 раза. Невероятно, но бизнес-аналитика это подтверждает. Так что давайте разбираться по порядку.

Читать далее
Total votes 18: ↑18 and ↓0 +18
Views 11K
Comments 6

Frontend Security: о чем вы хотели бы забыть, но не сможете

Конференции Олега Бунина (Онтико) corporate blog Information Security *Website development *Programming *Conferences

Какие атаки на клиентскую часть веб-ресурсов вы знаете? XSS, CSRF, HTTP Response Splitting, Clickjacking, CSHM, атаки на CORS, следствия других ошибок программистов? В среднем разработчик вспоминает не половину, и даже не треть. Разнообразие атак зависит только от фантазии и любопытства злоумышленников, и все они созданы, чтобы навредить вашим клиентам, а значит — и вам.

Татьяна Новикова — ex-пентестер с опытом в безопасности около четырех лет, а ныне Application Security Engineer. В команде ЦАРКА (Центр анализа и расследования кибератак) она занималась пентестом — полной проверкой веб-ресурсов  на безопасность. В том числе команда работала с white-box, то есть с исходными кодами, и разбирала безопасность не только бэкенда, но и фронтенда. Сейчас Татьяна перешла в Beeline Казахстан и занимается обеспечением процессов безопасной разработки.

На основе своего опыта она выступила на конференции Frontend Conf Live 2020. В одной статье, конечно, невозможно покрыть все уязвимости и потенциальные опасности, поэтому сегодня будет самое актуальное и страшное из доклада — то, что может нанести максимальный ущерб.

Читать далее
Total votes 28: ↑28 and ↓0 +28
Views 19K
Comments 7

Веб-безопасность 202

Конференции Олега Бунина (Онтико) corporate blog Information Security *Website development *Programming *Conferences

Сегодня публикуем завершающую часть вторая часть теории, которую рассказал эксперт по информационной безопасности и преподаватель Иван Юшкевич провел мастер-класс по безопасности на конференции РИТ++ на платформе hacktory.ai.

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

Первую часть можно посмотреть по этой ссылке, а вторую — здесь.

Сегодня рассказ будет о уязвимостях сериализации и обходе аутентификации.

Читать далее
Total votes 9: ↑9 and ↓0 +9
Views 4.6K
Comments 2

Веб-безопасность 201

Конференции Олега Бунина (Онтико) corporate blog Information Security *Website development *Programming *Conferences

Сегодня — вторая часть теории, которую рассказал эксперт по информационной безопасности и преподаватель Иван Юшкевич (https://twitter.com/w34kp455) провел мастер-класс по безопасности на конференции РИТ++ на платформе hacktory.ai.

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

Сегодня рассказ будет о CSRF, XSS и XXE.

Читать далее
Total votes 15: ↑14 and ↓1 +13
Views 7K
Comments 3

Веб-безопасность 200

Конференции Олега Бунина (Онтико) corporate blog Information Security *Website development *Programming *Conferences

Почему стоит использовать пароли по умолчанию? Почему PreparedStatements только усложняют код, а возможность внедрения JavaScript-кода на сайте является фичей?

Эксперт по информационной безопасности и преподаватель Иван Юшкевич провел мастер-класс по безопасности на конференции РИТ++ на платформе hacktory.ai.

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

Теоретическую часть пришлось разбить на 3 части. Сегодня рассказ будет о том, что злоумышленник может сделать с найденными файлами и директориями. А также, как используются удаленное выполнение кода (инъекции), в том числе и в SQL.

Читать далее
Total votes 22: ↑21 and ↓1 +20
Views 9.8K
Comments 3

Десятка лучших frontend-сообществ и каналов

Конференции Олега Бунина (Онтико) corporate blog JavaScript *Conferences Design

Что может быть ценнее новых идей и нового опыта? Только возможность обсудить их вместе с людьми, которые в теме. 

Мы решили сделать для вас подборку самых интересных frontend-сообществ и полезных каналов на YouTube для разработчиков JavaScript и веб-дизайнеров.

Читать далее
Total votes 24: ↑23 and ↓1 +22
Views 7K
Comments 0

50 цветных оттенков Mavo. Решение задач веб-разработчика без JavaScript

Конференции Олега Бунина (Онтико) corporate blog Web design *Website development *Programming *HTML *

В начале 2016 года в опросе Лии Веру в Твиттере половина из 3578 человек ответили, что не очень комфортно чувствуют себя с JavaScript. И речь не только о новичках. Профессионалам тоже нелегко — ежедневно выходит огромное количество библиотек, и невозможно уследить за всеми современными трендами в мире веб-разработки. 

Но кое-что все-таки выделяется. В 2016 году появилась новая технология от лаборатории Массачусетского технологического института — Mavo. Он прекрасен тем, что позволяет прокачать HTML за счёт добавления в него относительно небольшого количества атрибутов. В результате вы получаете рабочее веб-приложение так, будто вы использовали JavaScript, но на самом деле кода JS там будет ноль. Точнее, там не будет JS-кода, который вам пришлось бы писать руками.

Дмитрий Шарабин, евангелист технологии Mavo, сегодня расскажет нам про ее 50 цветных оттенков. Видео его выступления на FrontendConf 2020 — здесь.

Читать далее
Total votes 23: ↑22 and ↓1 +21
Views 4.5K
Comments 24

Вам показалось! Все о Perceived Performance

Конференции Олега Бунина (Онтико) corporate blog AvitoTech corporate blog Website development *Development Management *IT-companies

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

В большинстве случаев с ростом реальной производительности улучшается и Perceived Performance. А когда реальная производительность не может быть с легкостью увеличена, существует возможность поднять видимую. В своем докладе на Frontend Live 2020 бывший разработчик Avito Frontend Architecture Алексей Охрименко рассказал о приемах, которые улучшают ощущение скорости там, где ускорить уже нельзя.

Читать далее
Total votes 23: ↑22 and ↓1 +21
Views 9.4K
Comments 23

Как разрабатывать сотни A/B экспериментов

Конференции Олега Бунина (Онтико) corporate blog Research and forecasts in IT *Conferences IT-companies
А/Б-тестирование — это способ измерить эффективность нового функционала путем сравнения. Вы создаете новый заголовок, кнопку или изображение и показываете их только части аудитории сайта. В течение нескольких недель собираете статистику об использовании нового функционала и на основании этого принимаете решение об открытии новой фичи для 100% пользователей.

Senior Frontend Developer ЦИАН Иван Бабков, который разрабатывал приложения для регистрации доменов, интернет-банкинга и поиска по жилой недвижимости в своем докладе на конференции FrontendConf рассказал об инфраструктуре компании для работы с А/Б-экспериментами, проблемах и путях их решения.

image

Читать дальше →
Total votes 17: ↑17 and ↓0 +17
Views 2.9K
Comments 1

Будни такси ВКонтакте

Конференции Олега Бунина (Онтико) corporate blog Ситимобил corporate blog Website development *Development Management *
Артем Пулявин руководит фронтенд-разработкой в Ситимобил и на конференции FrontendConf 2020 рассказал про такси ВКонтакте: как проект начинался и каким он стал.

Проект задумывался внутри Ситимобил как экспериментальный, но за год по количеству поездок вырос в 30.000 раз. Артем поделился своими выводами о том, как удалось добиться таких результатов. Вы узнаете про процесс разработки, который теперь удовлетворяет ненасытных product-менеджеров, а еще как команда «Такси ВКонтакте» обходится без алертов, чем логирует ошибки и как расследует инциденты.


Читать дальше →
Total votes 26: ↑23 and ↓3 +20
Views 5.8K
Comments 9

Полнотекстовый поиск в Couchbase Server

Конференции Олега Бунина (Онтико) corporate blog Search engines *Programming *Go *Conferences
Дмитрий Калугин-Балашов большую часть своей жизни писал поиск: с 2011 года в компании Mail.ru был поиск по почте, затем был небольшой перерыв из-за работы в США, а сейчас это — работа над поиском в Couchbase. Одна из первых вещей, которую Дмитрий понял, работая в США — не всегда покупают самое эффективное решение. Иногда покупают то, где клиент будет иметь меньше проблем.

Поэтому ещё в 2013 году Дмитрий написал движок поиска для почтовых ящиков Mail.ru и рассказал об этом в том же году на конференции HighLoad и в статье на Хабре. А на HighLoad 2019 показал, как устроен полнотекстовый поиск в Couchbase Server, и сегодня мы предлагаем расшифровку его доклада.


Читать дальше →
Total votes 12: ↑11 and ↓1 +10
Views 2.3K
Comments 0

Как стать свободным от «цепей» старых браузеров

Конференции Олега Бунина (Онтико) corporate blog Browsers Web analytics *Conferences
Люди не готовы отказываться от старых друзей, старых традиций и старых-добрых предпочтений. А еще некоторые из них привыкли к устаревшим версиям браузеров, а современное ПО устанавливать отказываются. О том, что делать, если вы стали заложником старых браузеров, рассказал в своем докладе на конференции «Frontend Conf» руководитель направления разработки ДомКлик Денис Красновский.


Читать дальше →
Total votes 15: ↑14 and ↓1 +13
Views 4.3K
Comments 2

Information

Rating
850-th
Location
Москва, Москва и Московская обл., Россия
Works in
Date of birth
Registered
Activity