Category : javascript

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
javascript
Angular 20: Большое обновление для современного веба

Angular 20 — это мощное обновление, которое делает разработку веб-приложений быстрее, удобнее и современнее. Новые возможности шаблонов, стабильные сигналы, поддержка zoneless режима и интеграция с AI позволяют создавать высокопроизводительные приложения с минимальными усилиями. В этой статье разберём ключевые нововведения Angular 20 и покажем, как их использовать в ваших проектах.Новые возможности:Улучшенная поддержка JavaScript-выражений в шаблонахAngular 20 приближается к полной совместимост…

  • вторник, 3 июня 2025 г. в 00:00:04
javascript
Чек-лист по оптимизации, с которым мы вышли в зелёную зону

Привет! Меня зовут Андреева Саша, я веб-разработчик в компании iSpring. Два года назад мы столкнулись с тем, что всё больше и больше страниц нашего ведущего сайта начали падать в выдаче, а рост органического трафика заметно уменьшился. Основной причиной было то, что просели показатели сайта — мы постоянно обновляли страницы, но не уделяли должное внимание оптимизации. Мы проанализировали показатели, выбрали инструмент для отслеживания данных по всем страницам, в нём же настроили алерты и взялис…

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