Category : javascript

javascript
Настройка Workbox Background Sync для совместимости с iOS и Android WebView

Важность надежной обработки запросов в оффлайн-режиме невозможно переоценить, особенно для приложений, которые должны функционировать и в отсутствии интернет-соединения. Workbox - это мощный инструмент для управления Service Worker в браузерах, он как раз призван решать подобную задачу при помощи соответствующего плагина, но поддержка Background Sync API не универсальна. В этой статье я покажу, как расширить Workbox, чтобы Background Sync корректно работал даже на платформе iOS/Safari.Понимание…

  • пятница, 6 июня 2025 г. в 00:00:07
javascript
Монитор 42 — сервис для мониторинга документов о вырубке и застройке зеленых зон

Привет!Меня зовут Алексей Фоменко.Я разработчик из Нижнего Новгорода.Последние 5 лет я бесплатно работаю волонтёрю в экологическом центре "Дронт", где занимаюсь проектом "42 - я имею право!". Мы освещаем экологические проблемы Нижегородской области и рассказываем о том, как их решать.Что делать, если во дворе появился строительный забор? Или уже начали вырубать деревья?Рано или поздно с подобным вопросом сталкивается каждый житель крупного российского города. На практике ответ н…

  • четверг, 5 июня 2025 г. в 00:00:04
javascript
Веб-воркеры — многопоточность в JavaScript

Даже самые зелёные новички в вебе знаю, что скрипты JS, нужно располагать в самом низу страницы перед закрывающим тегом script и всё знаю что это повышает скорость загрузки страницы. Но Вы когда-нибудь задумывалась, почему оно так?JavaScript по своей природе однопоточный язык, но мало того, он делит этот единственный поток сразу с HTML и CSS. Это приводит к тому, что встречая тег script, браузер начинает, исполнять его код, при этом останавливая дальнейшую обработку HTML и CSS и в результате по…

  • четверг, 5 июня 2025 г. в 00:00:03
javascript
Wake Up Remix: Перезагрузка фреймворка для современного веба

На конференции React прошлым летом команда объявила, что Remix «уходит в спячку».К тому моменту Remix v2 стал настолько тонкой обёрткой над React Router, что между проектами возникло искусственное разделение. Чтобы упростить архитектуру фреймворка, команда перенесла код сборщика и серверного рантайма из Remix непосредственно в React Router v7, объединив всё лучшее из фреймворка в так называемый “framework mode” для роутера. Также было объявлено о планах добавить ограниченную поддержку React Ser…

  • среда, 4 июня 2025 г. в 00:00:07
javascript
Как я заставил ИИ ловить баги в OWASP Juice Shop — и почти не парился. Часть 1

Я — Solution Architect с 19 годами в айти и частенько помогаю новичкам в тестировании. Но джуны постоянно жалуются на вагон теории, отсутствие практики и примеров, где всё собрано в одном месте.Поэтому написал эту статью, где взял OWASP Juice Shop — уязвимый веб-магазин, развернул его через Docker по адресу http://135.181.239.135:4000 и протестировал с помощью ИИ.Также расскажу про: ИИ для запуска тест-кейсов — как запускать автотесты без глубоких знаний скриптов. Обучение ИИ-генерации тест-к…

  • среда, 4 июня 2025 г. в 00:00:06
javascript
Форматирование без боли: ESLint Stylistic вместо Prettier

Привет, Хабр! Меня зовут Никита Ли, я Frontend-разработчик в группе Рунити. Так тяжело бывает удержаться от того, чтобы не усложнить себе жизнь, не так ли? Все любят смотреть на чистый и понятный код, но не все его таким пишут. Сделать его таким помогают наши друзья — форматировщики и линтеры. О них и пойдет речь в этой статье, а конкретно о ESLint Stylistic.Любой автор хочет, чтобы его кто-то читал, даже на JavaScript, но просматривать читателю хочется грамотный и красивый текст. ESLint анализ…

  • среда, 4 июня 2025 г. в 00:00:05
javascript
Читательский дневник для первого класса при помощи Google Sheets

Эта история прежде всего для родителей первоклашек, которые летом должны много прочитать. Программирования тоже немного будет, но главное — хотелось просто поделиться инструментом, надеюсь, полезным.Первоклашке за лето нам нужно прочитать 39 произведений. Объём довольно приличный, поэтому подумалось, что нужно применить планирование, мониторинг и прочие технологии управления.Проектируем продукт:Основная задача простая — видеть, сколько осталось дней и сколько нужно прочесть.Как забрать табличку…

  • среда, 4 июня 2025 г. в 00:00:03
javascript
React Native тормозит? Проверь эти 8 узких мест в производительности, прежде чем винить фреймворк […

Идея этой статьи родилась во время задушевных разговоров на кухне и за утренним кофе с коллегами. Началось все с вопроса: «Чтобы ты бы сказал себе прошлому, чтобы релизы стали легче, а спринты прекраснее?» Конечно, в тот момент я ничего дельного не ответил, но, кажется, наконец-то сформулировал идеальную фразу: «Настоящий разработчик, Слав, это не тот, кто с сияющим макбуком и вкусным смузи. Разработчик — тот, кто делает то, что нужно сделать. И в легаси покопаться приходится, и memory leak деб…

  • среда, 4 июня 2025 г. в 00:00:03
javascript
Wake up Remix: анонс 3 версии

На конференции React прошлым летом команда объявила, что Remix «уходит в спячку».К тому моменту Remix v2 стал настолько тонкой обёрткой над React Router, что между проектами возникло искусственное разделение. Чтобы упростить архитектуру фреймворка, команда перенесла код сборщика и серверного рантайма из Remix непосредственно в React Router v7, объединив всё лучшее из фреймворка в так называемый “framework mode” для роутера. Также было объявлено о планах добавить ограниченную поддержку React Ser…

  • вторник, 3 июня 2025 г. в 00:00:05