DragonsCave Administration @admin

HabrИнтеграция Vue.js в Битрикс24: Как разработать сложный фронтенд за два месяцаПредставьте, что к вам приходит владелец с видео-концептом новой фичи для клиента, функционал которой отдаленно напоминает космический корабль, а у вас всего два месяца на разработку, и один — на тестирование. Если смогли представить, значит эта статья для вас, а если нет — то и для вас тоже, чтобы заранее знать, как выходить из таких ситуаций.<a href="https://habr.com/ru/companies/bitrix/articles/880530/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/bitrix/articles/880530/</a><a href="https://zhub.link/tags/%D0%B1%D0%B8%D1%82%D1%80%D0%B8%D0%BA%D1%81" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#битрикс</a> <a href="https://zhub.link/tags/crm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#crm</a> <a href="https://zhub.link/tags/%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#онлайнзапись</a> <a href="https://zhub.link/tags/bitrix24" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bitrix24</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://zhub.link/tags/vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a>

Habr[Перевод] Динамические формы с FlaskОдной из распространенных задач в веб-приложениях является создание формы, в которую можно вводить заранее неопределённое количество элементов. Этот подход часто используется при вводе пользовательской информации, например, телефонных номеров или адресов. В примере ниже можно увидеть, как пользователь динамически добавляет дополнительные телефонные номера в форму, нажимая на кнопку "Add another".<a href="https://habr.com/ru/articles/880864/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/880864/</a><a href="https://zhub.link/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#python</a> <a href="https://zhub.link/tags/flask" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#flask</a> <a href="https://zhub.link/tags/bootstrap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bootstrap</a> <a href="https://zhub.link/tags/%D1%80%D1%83%D0%BA%D0%BE%D0%B2%D0%BE%D0%B4%D1%81%D1%82%D0%B2%D0%BE" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#руководство</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%84%D0%BE%D1%80%D0%BC%D1%8B" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебформы</a> <a href="https://zhub.link/tags/%D1%82%D1%83%D1%82%D0%BE%D1%80%D0%B8%D0%B0%D0%BB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#туториал</a> <a href="https://zhub.link/tags/%D0%B4%D0%B8%D0%BD%D0%B0%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5_%D1%84%D0%BE%D1%80%D0%BC%D1%8B" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#динамические_формы</a> <a href="https://zhub.link/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://zhub.link/tags/html%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmlверстка</a>

Habr[Перевод] Почему именно в Chrome под Windows на сайтах не работают эмодзи флаговПредположим, вы захотели приукрасить в UI своего сайта опцию выбора страны/языка симпатичными эмодзи флагов. Превосходно! Это создаст дополнительный визуальный ориентир, который поможет пользователям быстро находить нужную страну, да и в целом это просто красиво. Более того, вы даже можете легко реализовать динамическое определение иконок на основе кода региона: // Смещение для корректировки кода ASCII каждого символа в строке кода ISO страны для определения соответствующего флага. const EMOJI_CHARACTER_OFFSET = 127397;const getEmojiForCountryCode = (countryCode: string) => String.fromCodePoint( ...countryCode .toUpperCase() .split('') .map((char) => char.charCodeAt(0) + EMOJI_CHARACTER_OFFSET), );// "en-US" const currentLanguageCode = navigator.language; // "US" const currentCountryCode = currentLanguageCode.split("-")[1]; // "🇺🇸" getEmojiForCountryCode(currentCountryCode); // "🇫🇷" getEmojiForCountryCode("FR"); // "🇸🇪" getEmojiForCountryCode("SE"); Всё идёт шикарно! Как вдруг…<a href="https://habr.com/ru/companies/ruvds/articles/879938/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/ruvds/articles/879938/</a><a href="https://zhub.link/tags/ruvds_%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%B4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ruvds_перевод</a> <a href="https://zhub.link/tags/%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#программирование</a> <a href="https://zhub.link/tags/%D0%B1%D0%B0%D0%B3%D0%B8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#баги</a> <a href="https://zhub.link/tags/%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D1%8B" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#браузеры</a> <a href="https://zhub.link/tags/chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#chrome</a> <a href="https://zhub.link/tags/firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#firefox</a> <a href="https://zhub.link/tags/windows" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#windows</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://zhub.link/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

HabrЕжегодный опрос PHP-сообщества: итоги 2024 года2024 стал насыщенным годом для русскоязычного сообщества PHP-разработки. PHP Russia 2024, релизы PHP 8.4, Symfony 7.2 и Laravel 11. Как и в последние 4 года, мы провели масштабный опрос, чтобы узнать, чем живут разработчики, какие инструменты используют и куда движется индустрия. На этот раз своим мнением делились 1207 респондентов.<a href="https://habr.com/ru/articles/880552/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/880552/</a><a href="https://zhub.link/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://zhub.link/tags/laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#laravel</a> <a href="https://zhub.link/tags/%D0%B8%D1%82%D0%BE%D0%B3%D0%B8_%D0%B3%D0%BE%D0%B4%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#итоги_года</a> <a href="https://zhub.link/tags/Yii" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Yii</a> <a href="https://zhub.link/tags/%D0%92%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Вебразработка</a> <a href="https://zhub.link/tags/stateofphp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#stateofphp</a> <a href="https://zhub.link/tags/symfony" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#symfony</a>

HabrКак использовать собственный опыт и успешные наработки для ускорения разработкиМы в компании запускали много проектов электронной коммерции, внедряли на них различные интересные решения, порой очень сложные. И, как любая команда разработчиков, не раз задумывались о том, чтобы повысить скорость и эффективность работы. Рассказываю о том, как мы агрегировали личный опыт и нашли подход, который, возможно, будет полезен и командам разработки, и заказчикам.<a href="https://habr.com/ru/articles/879992/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/879992/</a><a href="https://zhub.link/tags/1%D1%81%D0%B1%D0%B8%D1%82%D1%80%D0%B8%D0%BA%D1%81" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#1сбитрикс</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%81%D0%B0%D0%B9%D1%82" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебсайт</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#интернетмагазин</a> <a href="https://zhub.link/tags/%D0%B3%D0%BE%D1%82%D0%BE%D0%B2%D1%8B%D0%B5_%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D1%8F" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#готовые_решения</a>

HabrКак из каши импортов сделать сортированный список FrontendВсем привет! Меня зовут Владимир и работаю джуниор фронтенд разработчиком в одной из лучших компаний:) Сегодня хочу вам рассказать, как можно немного причесать ваш проект чтобы он выглядел более читабельным.<a href="https://habr.com/ru/articles/878638/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/878638/</a><a href="https://zhub.link/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://zhub.link/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</a> <a href="https://zhub.link/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjs</a> <a href="https://zhub.link/tags/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#оптимизация</a> <a href="https://zhub.link/tags/prettier" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#prettier</a> <a href="https://zhub.link/tags/%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BA%D0%BE%D0%B4%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#форматирование_кода</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#фронтенд</a>

HabrКак из каши импортов сделать сортированный список FrontendВсем привет! Меня зовут Владимир и работаю джуниор фронтенд разработчиком в одной из лучших компаний:) Сегодня хочу вам рассказать, как можно немного причесать ваш проект чтобы он выглядел более читабельным.<a href="https://habr.com/ru/articles/878636/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/878636/</a><a href="https://zhub.link/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://zhub.link/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</a> <a href="https://zhub.link/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjs</a> <a href="https://zhub.link/tags/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#оптимизация</a> <a href="https://zhub.link/tags/prettier" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#prettier</a> <a href="https://zhub.link/tags/%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BA%D0%BE%D0%B4%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#форматирование_кода</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#фронтенд</a>

HabrБезопасность на уровне кода: руководство по защите веб-приложений для начинающихПривет, Хабр! Я — Виталий Киреев, руковожу разработкой в хостинг-провайдере SpaceWeb. Сегодня поделюсь с вами базовыми практиками в области безопасности кода для веб-приложений и расскажу о пяти подходах, которые мы применяем в компании для повышения общей безопасности нашей экосистемы и продуктов. Эта статья будет интересна, прежде всего, для начинающих разработчиков и веб-мастеров.<a href="https://habr.com/ru/companies/spaceweb/articles/878066/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/spaceweb/articles/878066/</a><a href="https://zhub.link/tags/%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#программирование</a> <a href="https://zhub.link/tags/%D0%BA%D0%BE%D0%B4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#код</a> <a href="https://zhub.link/tags/%D0%B1%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%BE%D1%81%D1%82%D1%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#безопасность</a> <a href="https://zhub.link/tags/%D0%B1%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%BE%D1%81%D1%82%D1%8C_%D0%B2%D0%B5%D0%B1%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#безопасность_вебприложений</a> <a href="https://zhub.link/tags/%D0%BD%D0%B0%D1%87%D0%B8%D0%BD%D0%B0%D1%8E%D1%89%D0%B8%D0%BC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#начинающим</a> <a href="https://zhub.link/tags/%D0%B4%D0%B6%D1%83%D0%BD%D0%B8%D0%BE%D1%80%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#джуниорразработчик</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D0%BC%D0%B0%D1%81%D1%82%D0%B5%D1%80" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебмастер</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D0%B1%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%B0%D1%8F_%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#безопасная_разработка</a>

Habr[Перевод] Создаем мультитенантные Symfony-приложения с помощью EcotoneСпособ реализации мультитенантности (multitenancy, мультиарендности) зависит от сферы деятельности, в которой мы работаем. В некоторых случаях нам может хватать одной общей базы данных, а в некоторых нам могут потребоваться отдельные базы данных для полной изоляции. У нас может быть всего пара арендаторов (tenants, тенантов) или же наоборот сотни, нам может потребоваться замедлить или ускорить производительность для конкретного арендатора. Все это создает уникальную среду, в которой мультитенантность является не только техническим вопросом, но и вопросом бизнес‑логики. Данная статья представляет из себя практическое руководство, после изучения которого вы узнаете, как и зачем следует применять мультитенантность для различных сценариев в вашем проекте.<a href="https://habr.com/ru/companies/otus/articles/877348/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/otus/articles/877348/</a><a href="https://zhub.link/tags/symfony" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#symfony</a> <a href="https://zhub.link/tags/%D0%BC%D1%83%D0%BB%D1%8C%D1%82%D0%B8%D1%82%D0%B5%D0%BD%D0%B0%D0%BD%D1%82%D0%BD%D1%8B%D0%B5_%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#мультитенантные_приложения</a> <a href="https://zhub.link/tags/Ecotone" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ecotone</a> <a href="https://zhub.link/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a>

HabrЧто такое MR-стенды и с чем их едятВ условиях непрерывной интеграции и высокой скорости разработки фронтенд неизбежно сталкивается с вызовами, связанными с тестированием изменений до их слияния в основную ветку. Любой, даже минимальный апдейт, способен повлиять на пользовательский опыт, поэтому эффективность процессов тестирования становится критически важной. Для нас спасением стали MR-стенды, которые предоставляют возможность изолированного тестирования новой функциональности, минимизируя риски и сокращая время на выявление и исправление ошибок. Рассказываем, как работают MR-стенды, в каких случаях они особенно полезны и как их внедрение повлияло на качество и скорость нашей разработки.<a href="https://habr.com/ru/companies/samolet/articles/870308/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/samolet/articles/870308/</a><a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B2%D0%B5%D0%B1%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#тестирование_вебприложений</a> <a href="https://zhub.link/tags/devops" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#devops</a> <a href="https://zhub.link/tags/ci" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ci</a> <a href="https://zhub.link/tags/cd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cd</a> <a href="https://zhub.link/tags/merge_request" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#merge_request</a>

Habr[Перевод] Что случилось с легковесными десктопными приложениями? История ElectronElectron — это один из самых известных инструментов современного разработчика. Если присмотреться, то это родственник Reactive Native, манящий лозунгом «пиши один раз, запускай везде!», но с гораздо меньшими издержками по сборке и релизу, чем в случае мобильной разработки. Его уникальное преимущество заключается в комбинации Node.js и Chromium, создающей мощную десктопную среду для веб-технологий. Официальный блог Electron не так давно отметил своё десятилетие, что весьма удивляет с учётом того, насколько глубоко этот инструмент успел проникнуть в культуру разработки.<a href="https://habr.com/ru/companies/ruvds/articles/873714/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/ruvds/articles/873714/</a><a href="https://zhub.link/tags/ruvds_%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%B4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ruvds_перевод</a> <a href="https://zhub.link/tags/electron" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#electron</a> <a href="https://zhub.link/tags/github" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#github</a> <a href="https://zhub.link/tags/%D0%B4%D0%B5%D1%81%D0%BA%D1%82%D0%BE%D0%BF%D0%BD%D1%8B%D0%B5_%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#десктопные_приложения</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://zhub.link/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://zhub.link/tags/chromium" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#chromium</a> <a href="https://zhub.link/tags/%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#программирование</a>

HabrИсследование: победители awwwards и их performance в LighthouseВсе дизайнеры обожают сайт awwwards – площадку с платной публикацией, где собраны самые классные работы в сфере веб-дизайна. А поскольку мы душнилы по части performance, мы собрали почти 5000 сайтов, определили их фреймворк и проверили производительность в Lighthouse. Также собрали статистику по их авторам. И вот что получилось.<a href="https://habr.com/ru/articles/874094/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/874094/</a><a href="https://zhub.link/tags/%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#фронтенд</a> <a href="https://zhub.link/tags/lighthouse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lighthouse</a> <a href="https://zhub.link/tags/awwwards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#awwwards</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D0%B8%D1%81%D1%81%D0%BB%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#исследование</a> <a href="https://zhub.link/tags/performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#performance</a> <a href="https://zhub.link/tags/%D1%84%D1%80%D0%B5%D0%B9%D0%BC%D0%B2%D0%BE%D1%80%D0%BA%D0%B8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#фреймворки</a> <a href="https://zhub.link/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjs</a> <a href="https://zhub.link/tags/gatsbyjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gatsbyjs</a> <a href="https://zhub.link/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wordpress</a>

HabrРаботает? Трогай! Рефакторинг«Работает — не трогай!» — знакомая фраза? Звучит как девиз стабильности. Но в наше время все меняется со слишком большой скоростью, а такой подход может стать настоящей ловушкой Джокера. Оставленный без внимания проект рискует превратиться из мощного инструмента решения проблем в неподъемный багаж, неспособный соответствовать новым требованиям. Как же понять, когда «не трогать» становится опаснее, чем «поменять»? Как определить момент, когда старый код начинает замедлять развитие, а не поддерживать его? Сегодня я хочу поговорить с вами о рефакторинге — о том, как найти баланс между работоспособностью и необходимостью изменений, как сохранить проект конкурентоспособным и жизнеспособным, и как, наконец, сделать этот самый рефакторинг.<a href="https://habr.com/ru/articles/873386/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/873386/</a><a href="https://zhub.link/tags/%D1%80%D0%B5%D1%84%D0%B0%D0%BA%D1%82%D0%BE%D1%80%D0%B8%D0%BD%D0%B3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#рефакторинг</a> <a href="https://zhub.link/tags/%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#разработка</a> <a href="https://zhub.link/tags/%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#программирование</a> <a href="https://zhub.link/tags/%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#проектирование</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D1%81%D0%BE%D0%B2%D0%B5%D1%82%D1%8B_%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D1%83" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#советы_разработчику</a> <a href="https://zhub.link/tags/%D1%81%D0%BE%D0%B2%D0%B5%D1%80%D1%88%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9_%D0%BA%D0%BE%D0%B4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#совершенный_код</a> <a href="https://zhub.link/tags/%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#инструменты</a> <a href="https://zhub.link/tags/%D1%82%D0%B5%D1%85%D0%BD%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9_%D0%B4%D0%BE%D0%BB%D0%B3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#технический_долг</a> <a href="https://zhub.link/tags/%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B8_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#практики_программирования</a>

HabrПочему джуны путаются в асинхронном коде (и как научиться с ним работать)Асинхронный код часто становится камнем преткновения для начинающих разработчиков. Почему функции выполняются не в том порядке, зачем нужны промисы, и что делает async/await? В статье я простыми словами объясняю: - Как работает Event Loop и почему это важно. - Какие ошибки чаще всего допускают джуны при работе с асинхронностью. - Как научиться писать понятный и предсказуемый асинхронный код. Если асинхронность вызывает больше вопросов, чем ответов, загляните в статью - там всё по шагам. 🙂<a href="https://habr.com/ru/articles/871328/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/871328/</a><a href="https://zhub.link/tags/%D0%90%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D0%BE%D1%81%D1%82%D1%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Асинхронность</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://zhub.link/tags/event_loop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#event_loop</a> <a href="https://zhub.link/tags/%D0%BF%D1%80%D0%BE%D0%BC%D0%B8%D1%81%D1%8B" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#промисы</a> <a href="https://zhub.link/tags/callbacks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#callbacks</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D0%BE%D1%82%D0%BB%D0%B0%D0%B4%D0%BA%D0%B0_%D0%BA%D0%BE%D0%B4%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#отладка_кода</a> <a href="https://zhub.link/tags/%D0%BE%D0%B1%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8E" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#обучение_программированию</a> <a href="https://zhub.link/tags/asyncawait" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#asyncawait</a>

HabrVue 3 под капотом и тонкости Composition API: Reactivity, Provide/Inject, SuspenseVue 3 уже давно в строю, но его "прокси-движок" и особенности Composition API по-прежнему раскрывают себя всё глубже. В статье мы разберём, как Track/Trigger помогают отслеживать изменения, зачем нужны customRef и как грамотно использовать <Suspense> для асинхронных компонентов. Всё это - на примерах и с советами по оптимизации в крупных проектах. Приступаем к деталям!<a href="https://habr.com/ru/articles/870986/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/870986/</a><a href="https://zhub.link/tags/vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue</a> <a href="https://zhub.link/tags/vue_3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue_3</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://zhub.link/tags/composition_api" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#composition_api</a> <a href="https://zhub.link/tags/%D1%80%D0%B5%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D1%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#реактивность</a> <a href="https://zhub.link/tags/proxy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#proxy</a> <a href="https://zhub.link/tags/customRef" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#customRef</a> <a href="https://zhub.link/tags/suspense" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#suspense</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/provideinject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#provideinject</a>

HabrОптимизация React-приложений: Используем useTransition, useDeferredValue и useOptimistic для плавного UIСделайте интерфейс React-приложения более отзывчивым и плавным с помощью хуков useTransition , useDeferredValue и useOptimistic . Управляйте приоритетами рендеринга, избегайте подвисаний при работе с большими данными и реализуйте оптимистичные обновления для мгновенной реакции интерфейса. Практические примеры и полезные советы ждут вас! 🚀<a href="https://habr.com/ru/articles/870748/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/870748/</a><a href="https://zhub.link/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</a> <a href="https://zhub.link/tags/react_hooks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react_hooks</a> <a href="https://zhub.link/tags/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F_%D0%BF%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%BE%D0%B4%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D0%B8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#оптимизация_производительности</a> <a href="https://zhub.link/tags/%D0%BF%D0%BB%D0%B0%D0%B2%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#плавный_интерфейс</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://zhub.link/tags/usetransition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usetransition</a> <a href="https://zhub.link/tags/usedeferredvalue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usedeferredvalue</a> <a href="https://zhub.link/tags/useOptimistic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#useOptimistic</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D0%BF%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%BE%D0%B4%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D1%8C_UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#производительность_UI</a>

HabruseActionState: новый герой в мире ReactПривет, React-энтузиаст! Случалось ли тебе писать логику для форм, где нужно не только обработать кучу полей, но и синхронизировать их с асинхронными действиями (запросы, загрузка данных, показ успеха или ошибок)? Если да, то, возможно, ты уже слышал об экспериментальном хуке useFormState в React. Однако на смену ему пришёл более мощный инструмент - useActionState . В статье обсуждается, почему прежний подход ушёл на пенсию, чем хорош новый, и как он может упростить жизнь каждому фронтенд-разработчику.<a href="https://habr.com/ru/articles/870216/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/870216/</a><a href="https://zhub.link/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</a> <a href="https://zhub.link/tags/useActionState" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#useActionState</a> <a href="https://zhub.link/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://zhub.link/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://zhub.link/tags/react_hooks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react_hooks</a> <a href="https://zhub.link/tags/react_hook_form" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react_hook_form</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D0%B0%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5_%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D0%B8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#асинхронные_операции</a>

Habr[Перевод] 9 open source библиотек для вашего следующего проектаРазработчики часто сталкиваются с выбором, какие инструменты использовать для своего следующего проекта. Даже если вы серьёзно настроены на разработку продукта, проблема остаётся той же. В этой статье я расскажу о 9 библиотеках с открытым исходным кодом, которые улучшат ваш проект.<a href="https://habr.com/ru/companies/otus/articles/869326/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/otus/articles/869326/</a><a href="https://zhub.link/tags/%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B_%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#инструменты_разработки</a> <a href="https://zhub.link/tags/%D0%BE%D0%BF%D0%B5%D0%BD%D1%81%D0%BE%D1%80%D1%81_%D0%B1%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#опенсорс_библиотеки</a> <a href="https://zhub.link/tags/%D0%B1%D0%B8%D0%B1%D0%B8%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#бибилиотеки</a> <a href="https://zhub.link/tags/%D0%BF%D0%BE%D0%B4%D0%B1%D0%BE%D1%80%D0%BA%D0%B0_%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#подборка_инструментов</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a>

Habr«Улучшая доступность для одной категории пользователей, вы делаете сервис удобнее для всех»Привет! Инклюзивная организация Everland запускает подкаст «Скоро будет доступно?». Мы хотим вдохновить бизнес создавать доступные услуги и показать, как это влияет на пользователей и компанию.<a href="https://habr.com/ru/articles/869194/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/869194/</a><a href="https://zhub.link/tags/%D0%BD%D0%B5%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F_%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D0%BE%D1%81%D1%82%D1%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#невизуальная_доступность</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a>

HabrWeakMap и WeakSet в JavaScriptПривет, Хабр! Когда дело доходит до коллекций данных в JavaScript, большинство разработчиков сразу вспоминают про массивы, объекты, Map или Set . Но есть и другие, менее известные структуры данных, которые можно назвать «инструментами для особых случаев» — это WeakMap и WeakSet . WeakMap и WeakSet — это структуры, которые созданы для работы с объектами. Их основная фичи — слабые ссылки , благодаря которым можно избежать утечек памяти. Эти структуры подчищают за собой автоматически, когда объект, используемый в них, становится недостижимым. Однако их область применения не ограничивается только управлением памятью.<a href="https://habr.com/ru/companies/otus/articles/865512/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/otus/articles/865512/</a><a href="https://zhub.link/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработка</a> <a href="https://zhub.link/tags/%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D1%8B_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#структуры_данных</a>

Recent searches

Search options

Administered by:

Server stats:

#вебразработка