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

HabrПоиск на RxJS и Taiga UIПривет, Хабр! Я Антон Марченко, разработчик в Т-Банке. Поделюсь интересной задачей по работе с потоками на RxJS, которую мы однажды решали. Представьте HR-портал ИТ-компании, в котором реализован поиск по постам и статьям. Нам предстояло внедрить на сайт несколько внешних поисков: по пользователям, ссылкам и исходникам. А еще предусмотреть скелетоны и обработку ошибок и заложить возможность добавлять новые внешние источники поиска динамически, не дорабатывая каждый раз пользовательский интерфейс.<a href="https://habr.com/ru/companies/tbank/articles/936794/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/tbank/articles/936794/</a><a href="https://zhub.link/tags/angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#angular</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/rxjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#rxjs</a>

HabrГлаза Битрикса боятся, а руки делают — как кастомизировать сделки с нуляВсем привет, я Сергей — ведущий программист в e-commerce агентстве<a href="https://habr.com/ru/companies/kislorod/articles/935914/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/kislorod/articles/935914/</a><a href="https://zhub.link/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#php</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" 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_%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2" class="mention hashtag" rel="nofollow noopener" target="_blank">#разработка_сайтов</a> <a href="https://zhub.link/tags/%D0%B1%D0%B8%D1%82%D1%80%D0%B8%D0%BA%D1%8124" class="mention hashtag" rel="nofollow noopener" target="_blank">#битрикс24</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/%D0%B124" class="mention hashtag" rel="nofollow noopener" target="_blank">#б24</a> <a href="https://zhub.link/tags/%D0%BA%D0%BE%D1%80%D0%BE%D0%B1%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#коробка</a> <a href="https://zhub.link/tags/crm%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D1%8B" class="mention hashtag" rel="nofollow noopener" target="_blank">#crmсистемы</a> <a href="https://zhub.link/tags/%D1%81%D0%B4%D0%B5%D0%BB%D0%BA%D0%B8" class="mention hashtag" rel="nofollow noopener" target="_blank">#сделки</a>

HabrCoffeeCup, HotDog и другие: странные и прекрасные HTML-редакторы прошлогоНедавно на Хабре видел публикацию об интернете нулевых и поймал себя на мысли, что порой по нему скучаю. И дело даже не в том, что мне не хватает дизайна или вырвиглазных Flash-баннеров. Каждый лишний килобайт веб-страницы мог привести к тому, что человек просто оттуда уйдет, не дождавшись загрузки. Такие технические ограничения вынуждали веб-мастеров оптимизировать размер изображений и применять массу других приемов, которые позволяли снизить объем передаваемых данных. Когда-то я тоже занимался подобным, а свой первый веб-сайт и вовсе создавал в обычном блокноте. И лишь спустя несколько лет я познакомился с приложениями, которые сильно упростили жизнь в то время. О них и пойдет речь. Наливайте себе чайку — и добро пожаловать в небольшое путешествие в прошлое.<a href="https://habr.com/ru/companies/ru_mts/articles/932870/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/ru_mts/articles/932870/</a><a href="https://zhub.link/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://zhub.link/tags/html%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmlредактор</a> <a href="https://zhub.link/tags/%D0%B8%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%8F_it" class="mention hashtag" rel="nofollow noopener" target="_blank">#история_it</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/it%D1%81%D1%82%D0%B0%D0%BD%D0%B4%D0%B0%D1%80%D1%82%D1%8B" class="mention hashtag" rel="nofollow noopener" target="_blank">#itстандарты</a> <a href="https://zhub.link/tags/CoffeeCup" class="mention hashtag" rel="nofollow noopener" target="_blank">#CoffeeCup</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" target="_blank">#фронтенд</a>

HabrSteroids — ещё один фронтенд фреймворк на базе React?На старте проекта обычно встает вопрос о выборе готовой ui-библиотеки для решения шаблонных задач, таких как создание форм, инпутов, кнопок и других компонентов. Количество готовых ui-библиотек для React так стремительно растет, что уже сложно остановить свой выбор на какой либо из них. Зато в таком разнообразии каждый может найти библиотеку, подходящую под его задачи. В этой статье хочется рассказать о фреймворке Steroids, который разработан и поддерживается в нашей компании. Изначально мы не планировали создавать фреймворк, а просто собирали удачные решения рутинных задач. Получился набор полезных утилит и мини-библиотек, который позволял нам работать быстрее. Мы постепенно добавляли в него новые элементы, он рос и видоизменялся, и в итоге вырос в полноценный фреймворк Steroids.<a href="https://habr.com/ru/companies/kozhindev/articles/927546/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/kozhindev/articles/927546/</a><a href="https://zhub.link/tags/%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%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" 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%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" target="_blank">#фронтендразработка</a> <a href="https://zhub.link/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactjs</a> <a href="https://zhub.link/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</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%B0" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#фронтенд</a> <a href="https://zhub.link/tags/open_source" class="mention hashtag" rel="nofollow noopener" target="_blank">#open_source</a> <a href="https://zhub.link/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactjs</a>

HabrСайт с роутингом за вечер без единой строки кода на Next.js с помощью AI и текстовых промптовВ этой статье я расскажу, как всего за один вечер создал полноценный адаптивный SPA-сайт на Next.js без единой строчки кода — используя только AI и текстовые промпты. Поделюсь своим опытом, расскажу о возможностях современного инструмента, который позволяет быстро и легко собрать рабочий фронтенд и сразу захостить его на собственном домене. Если вы думаете, что для создания SPA обязательно нужна кастомная разработка — эта история покажет, как современные AI-инструменты могут значительно упростить и ускорить процесс. Конечно, я не утверждаю, что это полностью заменит работу разработчиков, но для многих задач такой подход действительно эффективен и позволяет быстро получить рабочий результат без глубокого погружения в код.<a href="https://habr.com/ru/articles/919370/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/919370/</a><a href="https://zhub.link/tags/%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%81%D1%82%D0%B2%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D0%BB%D0%BB%D0%B5%D0%BA%D1%82" class="mention hashtag" rel="nofollow noopener" target="_blank">#искусственный_интеллект</a> <a href="https://zhub.link/tags/%D0%B8%D0%B8" class="mention hashtag" rel="nofollow noopener" target="_blank">#ии</a> <a href="https://zhub.link/tags/vercel" class="mention hashtag" rel="nofollow noopener" target="_blank">#vercel</a> <a href="https://zhub.link/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#nextjs</a> <a href="https://zhub.link/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/web%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" target="_blank">#webразработка</a> <a href="https://zhub.link/tags/zerocode" class="mention hashtag" rel="nofollow noopener" target="_blank">#zerocode</a> <a href="https://zhub.link/tags/single_page_application" class="mention hashtag" rel="nofollow noopener" target="_blank">#single_page_application</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_%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2" class="mention hashtag" rel="nofollow noopener" target="_blank">#разработка_сайтов</a>

HabrПосчитаем мои года опытаДопустим, мы в курсе про отсутствие корреляции между реальным опытом и годами опыта, фильтры, накрутку. Но если и вправду посчитать количество лет опыта? Что туда относить, если это нестандартная история человека, полюбившего программирование еще в школе? Итак, я вам: описание проектов, условия, сроки (все не обещаю). Вы мне: количество лет (для интереса можно по ролям: hr, тимлид, не-эксперт-в-резюме и другие). Поехали!<a href="https://habr.com/ru/articles/912360/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/912360/</a><a href="https://zhub.link/tags/%D0%BA%D0%B0%D1%80%D1%8C%D0%B5%D1%80%D0%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#карьера</a> <a href="https://zhub.link/tags/%D1%83%D1%87%D0%B5%D0%B1%D0%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#учеба</a> <a href="https://zhub.link/tags/%D0%BC%D0%BE%D1%82%D0%B8%D0%B2%D0%B0%D1%86%D0%B8%D1%8F" class="mention hashtag" rel="nofollow noopener" target="_blank">#мотивация</a> <a href="https://zhub.link/tags/%D0%BF%D0%B5%D1%82%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82" class="mention hashtag" rel="nofollow noopener" target="_blank">#петпроект</a> <a href="https://zhub.link/tags/%D0%BF%D0%B5%D1%80%D0%B2%D0%B0%D1%8F_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0" class="mention hashtag" rel="nofollow noopener" 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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/%D0%B4%D0%BE%D1%81%D1%82%D0%B8%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F" class="mention hashtag" rel="nofollow noopener" target="_blank">#достижения</a>

HabrКак настроить баннер cookie-согласия по требованиям GDPR, Google Consent Mode и законодательства разных странВ современном вебе защита персональных данных – неотъемлемая часть ответственной разработки. Один из ключевых элементов – получение согласия пользователя на использование cookie-файлов. Несоблюдение этих требований может повлечь не только серьёзные штрафы, но и подорвать доверие аудитории. В этой статье мы разберём: · Зачем нужно согласие на cookie? · Какие бывают типы cookie? · Что такое Google Consent Mode? · Как реализовать баннер согласия? · Как управлять куки в зависимости от предпочтений пользователя? · Как проверить, что настройки согласия работают?Зачем нужно согласие на cookie? А также приведем примеры политик использования файлов cookie.<a href="https://habr.com/ru/articles/907836/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/907836/</a><a href="https://zhub.link/tags/gdpr" class="mention hashtag" rel="nofollow noopener" target="_blank">#gdpr</a> <a href="https://zhub.link/tags/cookie_tracking" class="mention hashtag" rel="nofollow noopener" target="_blank">#cookie_tracking</a> <a href="https://zhub.link/tags/cookies" class="mention hashtag" rel="nofollow noopener" target="_blank">#cookies</a> <a href="https://zhub.link/tags/%D0%B7%D0%B0%D0%BA%D0%BE%D0%BD%D0%BE%D0%B4%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D1%82%D0%B2%D0%BE" class="mention hashtag" rel="nofollow noopener" 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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D0%B0%D1%8F_%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" 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%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85" class="mention hashtag" rel="nofollow noopener" target="_blank">#безопасность_данных</a>

HabrЭффективный поиск с Elasticsearch: как мы повысили конверсию на 27%Хотим поделиться опытом<a href="https://habr.com/ru/articles/907418/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/907418/</a><a href="https://zhub.link/tags/elasticsearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#elasticsearch</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" 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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%81%D0%B0%D0%B9%D1%82%D1%8B" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебсайты</a>

HabrНе так страшен Битрикс24, как о нем говорят: практический опыт модульной доработки для бизнесаВсем привет, я Сергей — ведущий программист в e-commerce агентстве<a href="https://habr.com/ru/companies/kislorod/articles/904166/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/kislorod/articles/904166/</a><a href="https://zhub.link/tags/%D0%B1%D0%B8%D1%82%D1%80%D0%B8%D0%BA%D1%8124" class="mention hashtag" rel="nofollow noopener" target="_blank">#битрикс24</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_%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2" class="mention hashtag" rel="nofollow noopener" 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" 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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#php</a>

HabrПиши простой кодИ это решит 95% проблем типичного стартапа. Как-то так повелось, что по всему СНГ и его окрестностям на работу набирают зумеров с колоссальным опытом в три года, и они начинают создавать идеальные архитектуры. Да, каждый из вас, как только получает возможность взять на себя хоть малейшую ответственность, сразу вспоминает все прочитанные и не прочитанные книги и пилит свою уникальную архитектуру, непохожую ни на что.<a href="https://habr.com/ru/articles/903426/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/903426/</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%B0" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#программирование</a> <a href="https://zhub.link/tags/backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#backend</a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://zhub.link/tags/%D0%B0%D0%BB%D0%B3%D0%BE%D1%80%D0%B8%D1%82%D0%BC%D1%8B" class="mention hashtag" rel="nofollow noopener" target="_blank">#алгоритмы</a> <a href="https://zhub.link/tags/%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#архитектура</a>

HabrКак программисты делали куличиВообще, заказ не большой — 100 куличей нужно отвезти за день до праздника на точку под реализацию. Времени ещё — месяц. Станиславский Станислав — главный технический специалист на проекте. Он точно знает, как собрать группу из 10 хорошо подкованных ребят и заставить их сделать это чётко, качественно и в срок. Бюджет — с запасом. Станислав уже имел опыт — последние три года подряд подготавливал подобные заказы, знает, как это делают профессионалы, сам шишек набил. 10 человек он не из головы взял — это правильное количество, если применять современные подходы. В этом году тренд — куличи с начинкой из дубайского шоколада. Такие ещё не делали, но что там может быть сложного? Чтобы процесс пошёл быстрее, всю работу, конечно же, разбили на задачи и определили, кто и чем будет заниматься. Вован, Лёньчик и Гриша будут заниматься замесом теста. Александр и Олександр — изготовлением верхних украшений. Решили, что сверху куличи украсят белково-заварной помадкой по классике, но поверх добавят цветки из мастики и желатинового единорога, покрытого белым шоколадом. Маргарита, Вика и Октавия будут заниматься финальной сборкой, ну а курировать процесс будет Семён.<a href="https://habr.com/ru/articles/902612/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/902612/</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5_%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0%D0%BC%D0%B8" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#программирование</a> <a href="https://zhub.link/tags/%D0%B1%D0%B5%D0%B7%D0%B4%D0%B5%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA%D0%B8" class="mention hashtag" rel="nofollow noopener" target="_blank">#бездельники</a> <a href="https://zhub.link/tags/%D0%BC%D0%B8%D0%BA%D1%80%D0%BE%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D1%8B" class="mention hashtag" rel="nofollow noopener" target="_blank">#микросервисы</a> <a href="https://zhub.link/tags/%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#архитектура</a> <a href="https://zhub.link/tags/backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#backend</a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

HabrЗнакомство с Web Locks APIПредставьте оживлённый перекрёсток без светофоров и знаков приоритета. Машины едут в разных направлениях, кто-то пытается проскочить первым, кто-то резко тормозит. Рано или поздно это приведёт к аварии. Примерно так же работают современные веб-приложения: множество вкладок, фоновых процессов и асинхронных операций конкурируют за общие ресурсы, будь то отправка запроса к API, определение очередности какого-то действия или синхронизация состояния. Долгое время разработчики обходились кустарными решениями — флагами в localStorage, хитрыми setInterval и т.д. Но с появлением Web Locks API у нас наконец появился стандартный способ расставить приоритеты в этом хаосе. Web Lock API - это механизм, позволяющий скриптам, находящимся в рамках одного orign , блокировать доступ к ресурсу, удерживать блокировку пока выполняется необходимый код, а затем разблокировать ресурс, чтобы другие части программы могли получить к нему доступ.<a href="https://habr.com/ru/articles/901822/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/901822/</a><a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://zhub.link/tags/frontend%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" target="_blank">#frontendразработка</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a>

HabrВкалывают роботы, а не человек: как мы разработали ТГ-бота, который в 4 раза ускорил проведение маркетинговых акцийПривет, хабровчане! Я Алиса — тимлид в e-commerce агентстве KISLOROD . Хочу рассказать об интересном кейсе по разработке ТГ-бота, который мы интегрировали с сайтом на 1С-Битрикс. Бот забрал на себя до 70% механической работы и рутинных операций менеджеров со стороны клиента, а покупателям упростил регистрацию в акциях в несколько раз.<a href="https://habr.com/ru/companies/kislorod/articles/900970/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/kislorod/articles/900970/</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_%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2" class="mention hashtag" rel="nofollow noopener" target="_blank">#разработка_сайтов</a> <a href="https://zhub.link/tags/%D0%B1%D0%BE%D1%82%D1%8B_%D1%82%D0%B5%D0%BB%D0%B5%D0%B3%D1%80%D0%B0%D0%BC" class="mention hashtag" rel="nofollow noopener" target="_blank">#боты_телеграм</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" target="_blank">#1сбитрикс</a> <a href="https://zhub.link/tags/%D0%BC%D0%B5%D1%81%D1%81%D0%B5%D0%BD%D0%B4%D0%B6%D0%B5%D1%80%D1%8B" class="mention hashtag" rel="nofollow noopener" 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%B0" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#программирование</a> <a href="https://zhub.link/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#php</a> <a href="https://zhub.link/tags/%D0%B1%D0%BE%D1%82%D1%8B_%D0%B4%D0%BB%D1%8F_%D0%BC%D0%B5%D1%81%D1%81%D0%B5%D0%BD%D0%B4%D0%B6%D0%B5%D1%80%D0%BE%D0%B2" class="mention hashtag" rel="nofollow noopener" target="_blank">#боты_для_мессенджеров</a>

HabrДинозаврик по имени ДжунЕще совсем недавно джуны очень ценились. Можно было вырастить преданного сотрудника, гораздо медленнее поднимать ему зарплату, и в итоге получался отличный боец, который знает все правила взаимодействия в компании и плавно перерастает в мидла. Вакансий на рынке было много. Если говорить о веб-разработке, то залететь верстальщиком было вообще плевое дело — пару недель почитать книжки по HTML/CSS, попрактиковаться с табличной версткой (да, бывалые динозавры еще помнят, когда такой подход был мейнстримом), потом перейти к блочной — и можно отправляться на собеседования. Неделя — и вы уже в руках какой-нибудь веб-студии, а там, при желании, через полгода станете полноценным фронтендером или переквалифицируетесь в бэкенд-разработчика. Хорошие времена: можно не особо напрягаясь было заработать на хлеб, клацая по клавиатуре.<a href="https://habr.com/ru/articles/901506/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/901506/</a><a href="https://zhub.link/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#ai</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/web%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" target="_blank">#webразработка</a> <a href="https://zhub.link/tags/%D0%BD%D0%B5%D0%B9%D1%80%D0%BE%D1%81%D0%B5%D1%82%D0%B8" class="mention hashtag" rel="nofollow noopener" target="_blank">#нейросети</a> <a href="https://zhub.link/tags/%D0%B8%D0%B8" class="mention hashtag" rel="nofollow noopener" target="_blank">#ии</a> <a href="https://zhub.link/tags/%D0%B4%D0%B6%D1%83%D0%BD%D1%8B" class="mention hashtag" rel="nofollow noopener" target="_blank">#джуны</a>

HabrИнтеграция виджета обратного звонка МТС Exolve в документацию на MkDocsПривет, Хабр! Это Екатерина Саяпина, Product Owner платформы<a href="https://habr.com/ru/companies/ru_mts/articles/900676/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/ru_mts/articles/900676/</a><a href="https://zhub.link/tags/%D0%BC%D1%82%D1%81_exolve" class="mention hashtag" rel="nofollow noopener" target="_blank">#мтс_exolve</a> <a href="https://zhub.link/tags/exolve" class="mention hashtag" rel="nofollow noopener" target="_blank">#exolve</a> <a href="https://zhub.link/tags/mkdocs" class="mention hashtag" rel="nofollow noopener" target="_blank">#mkdocs</a> <a href="https://zhub.link/tags/docker" class="mention hashtag" rel="nofollow noopener" target="_blank">#docker</a> <a href="https://zhub.link/tags/%D1%81%D1%82%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9_%D1%81%D0%B0%D0%B9%D1%82" class="mention hashtag" rel="nofollow noopener" target="_blank">#статический_сайт</a> <a href="https://zhub.link/tags/%D0%BC%D0%BE%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5_%D0%BE%D0%BA%D0%BD%D0%BE" class="mention hashtag" rel="nofollow noopener" target="_blank">#модальное_окно</a> <a href="https://zhub.link/tags/user_experience" class="mention hashtag" rel="nofollow noopener" target="_blank">#user_experience</a> <a href="https://zhub.link/tags/api" class="mention hashtag" rel="nofollow noopener" target="_blank">#api</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82_%D0%BE%D0%B1%D1%80%D0%B0%D1%82%D0%BD%D0%BE%D0%B3%D0%BE_%D0%B7%D0%B2%D0%BE%D0%BD%D0%BA%D0%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#виджет_обратного_звонка</a>

HabrConfKeeper — хранение конфигов и паролей Ваших проектовПривет, Хабр! В этой статье будет обзор online менеджера паролей и конфигов для разработчиков, который помимо управления еще может шифровать данные, причем даже в двух режимах. Один безопаснее другого. Стало интересно? Добро пожаловать под кат.<a href="https://habr.com/ru/articles/898954/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/898954/</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/%D0%BA%D0%BE%D0%BD%D1%84%D0%B8%D0%B3%D1%83%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener" target="_blank">#конфигурирование</a> <a href="https://zhub.link/tags/%D0%BF%D0%B0%D1%80%D0%BE%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9_%D0%BC%D0%B5%D0%BD%D0%B5%D0%B4%D0%B6%D0%B5%D1%80" class="mention hashtag" rel="nofollow noopener" 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%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85" class="mention hashtag" rel="nofollow noopener" target="_blank">#безопасность_данных</a>

HabrMake Data Visualization Great Again (или как мы создавали свой инструмент визуализации данных)Всем привет! Меня зовут Олег Косарев. Я – ведущий инженер-программист. В группе компаний «Цифра» занимаюсь развитием и поддержкой продукта «Диспетчер». Моя основная специализация – Frontend-разработка. В данной статье я хочу поделиться с вами нашим опытом по созданию MVP (Minimum Viable Product, «минимально жизнеспособный продукт») редактора аналитических панелей .<a href="https://habr.com/ru/companies/zyfra/articles/896302/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/zyfra/articles/896302/</a><a href="https://zhub.link/tags/data_visualization" class="mention hashtag" rel="nofollow noopener" target="_blank">#data_visualization</a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://zhub.link/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a> <a href="https://zhub.link/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#npm</a> <a href="https://zhub.link/tags/charts" class="mention hashtag" rel="nofollow noopener" target="_blank">#charts</a> <a href="https://zhub.link/tags/scrum" class="mention hashtag" rel="nofollow noopener" target="_blank">#scrum</a> <a href="https://zhub.link/tags/retrospective" class="mention hashtag" rel="nofollow noopener" target="_blank">#retrospective</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a>

HabrПолезные библиотеки для React-приложений в 2025 году: на что обратить вниманиеПривет, Хабрчане! Это Леша Жиряков, техлид backend-команды витрины KION. В прошлый раз я писал о секретах популярности Python , а сегодня будет пост о разработке на React. Расскажу, какие библиотеки стоит добавить в свой набор в 2025 году, приведу плюсы и минусы каждой, данные с GitHub и примеры использования. Начнем!<a href="https://habr.com/ru/companies/ru_mts/articles/892964/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/ru_mts/articles/892964/</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" 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" 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%B0" class="mention hashtag" rel="nofollow noopener" 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_%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D1%85_%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" target="_blank">#разработка_мобильных_приложений</a> <a href="https://zhub.link/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactjs</a>

HabrПолезные советы для парсинга данных веб-сайтовВ одной из предыдущих статей мы узнали, что такое парсинг, и изучили примеры получения данных с HTML-страниц с помощью Python. В этой инструкции продолжаем продвигаться в этом направлении и предлагаем советы, использование которых поможет автоматизировано извлекать данные из большинства существующих сайтов. Предупреждаем, что получение данных автоматизированным путем может быть запрещено условиями использования сайтов. Мы не поощряем нарушения этих условий, правил, указанных в файле robots.txt или иных правовых норм. Используйте представленные методы только в рамках разрешенных сценариев, соблюдая политику владельцев ресурсов.<a href="https://habr.com/ru/companies/timeweb/articles/889762/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/companies/timeweb/articles/889762/</a><a href="https://zhub.link/tags/timeweb_%D1%81%D1%82%D0%B0%D1%82%D1%8C%D0%B8" class="mention hashtag" rel="nofollow noopener" target="_blank">#timeweb_статьи</a> <a href="https://zhub.link/tags/%D0%BF%D0%B0%D1%80%D1%81%D0%B5%D1%80%D1%8B" class="mention hashtag" rel="nofollow noopener" target="_blank">#парсеры</a> <a href="https://zhub.link/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#python</a> <a href="https://zhub.link/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</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" target="_blank">#оптимизация</a> <a href="https://zhub.link/tags/%D1%84%D0%B0%D0%B9%D0%BB%D1%8B" class="mention hashtag" rel="nofollow noopener" 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%B0" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#браузеры</a> <a href="https://zhub.link/tags/windows" class="mention hashtag" rel="nofollow noopener" target="_blank">#windows</a> <a href="https://zhub.link/tags/network" class="mention hashtag" rel="nofollow noopener" target="_blank">#network</a>

HabrОбщий обзор Telegram Mini App: особенности, преимущества, ограничения и примерыTelegram Mini App — встроенное в мессенджер веб-приложение, которое дает возможность пользоваться сервисом без установки отдельных программ. Это позволяет иметь удобный сервис, интегрированный с экосистемой мессенджера, будь то интернет-магазин, система бронирования и др. Мы написали общий обзор данного приложения, его возможности, первые шаги к созданию и существующие примеры.<a href="https://habr.com/ru/articles/886864/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/886864/</a><a href="https://zhub.link/tags/telegram" class="mention hashtag" rel="nofollow noopener" target="_blank">#telegram</a> <a href="https://zhub.link/tags/telegrambot" class="mention hashtag" rel="nofollow noopener" target="_blank">#telegrambot</a> <a href="https://zhub.link/tags/telegram_mini_app_%D0%BA%D0%B0%D0%BA_%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C" class="mention hashtag" rel="nofollow noopener" target="_blank">#telegram_mini_app_как_сделать</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%B0" class="mention hashtag" rel="nofollow noopener" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/web%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" target="_blank">#webразработка</a>

Recent searches

Search options

Administered by:

Server stats:

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