JavaScript 🇺🇦

Запустив автодебаг і тепер спостерігаєш за безкінечним повторенням JavaScript

У Next.js виявили критичну уразливість із рівнем CVSS 8.6, одну з найнебезпечніших за весь час існування фреймворку

• проблема стосується версій 13.4.13+, 14.x, 15.x та 16.0.0–16.2.4 • без авторизації можна отримати доступ до внутрішніх сервісів, API-ключів, cloud credentials та адмін-частин • атака виконується одним спеціально сформованим запитом • під ризиком близько 79 000 інстансів у продакшені • інфраструктура Vercel вже захищена, але self-hosted розгортання залишаються вразливими

Рекомендується негайно оновитися до версій 15.5.18 або 16.2.6 JavaScript

Вийшла нова версія React Doctor v2 — інструмент, який аналізує React-застосунок і допомагає знаходити та виправляти типові помилки

Що перевіряє: • зайві useState і useEffect • проблеми з доступністю та продуктивністю • випадки prop drilling (з підказками використати Context)

Open-source, запускається просто: $ npx react-doctor@latest JavaScript

Дві сторони розробки: frontend і backend JavaScript

UA SKILLS: Arena of Vibe Coding ⚡️ Синтаксис більше не бар'єр. Тепер вирішує точність наміру та вміння приборкати LLM. Запускаємо перший в Україні турнір із Prompt Engineering.

async function main() {
  const ua = await UASkills.init();

  const tournament = await ua.create({
    type: "Prompt Engineering",
    stack: ["LLM", "Node.js", "TypeScript", "React"],
    task: "проектування детермiнованих iнструкцiй",
    start: new Date("2026-05-25"),
  });

  await tournament.setPrizes({ places: 5, each: 1_000 }); // 5000 USD total

  // Регламент та документацiя -- пiсля реєстрацiї
  await tournament.open("https://ua-skills.com/tournaments");
}

// Верифiкацiя обов'язкова
main();

Доведи, що твій Intent Engineering сильніший за рандом нейронок. 🏆 ЗАЙНЯТИ СЛОТ 🎫 Посилання для реєстрації: ua-skills.com/tournaments

Шпаргалка по CSS Grid: display: grid — створює grid-контейнер, grid-template-columns — задає кількість і ширину колонок, grid-template-rows — налаштовує висоту рядків, gap — відступи між елементами, justify-content — вирівнювання grid по горизонталі, align-content — вирівнювання по вертикалі, justify-items — вирівнювання елементів всередині комірок по горизонталі, align-items — вирівнювання по вертикалі, grid-auto-flow — автоматичне розташування елементів, grid-column — визначає ширину та позицію елемента по колонках, grid-row — позиція елемента по рядках, justify-self — індивідуальне горизонтальне вирівнювання елемента, align-self — індивідуальне вертикальне вирівнювання, repeat() — скорочений запис для повторення колонок або рядків, fr — одиниця для гнучкого розподілу простору, minmax() — задає мінімальний і максимальний розмір комірки JavaScript

Маленький HTTP-трюк для logout Є заголовок Clear-Site-Data, який дозволяє очистити cookies, сховище та кеш сайту всього одним запитом Зручно використовувати для logout-флоу, коли потрібно гарантовано видалити всі дані користувача на клієнті Детальніше тут JavaScript

Які підходи існують для написання CSS? БЕМ (Block Element Modifier), OOCSS, SMACSS, Atomic CSS, Tailwind (utility-first), CSS-in-JS, а також використання препроцесорів типу SCSS і PostCSS. Кожен із них вирішує свої задачі — від масштабованості й перевикористання до зручності підтримки та читабельності коду JavaScript

Перевірте 🤭 Ти не знаєш JavaScript

Шпаргалка по основах JavaScript: Basics — підключення JS через <script> або зовнішній файл, Functions — створення функцій для повторного використання коду, setTimeout — виконання коду із затримкою, DOM Manipulation — зміна HTML-елементів через JavaScript, If-Else — перевірка умов та розгалуження логіки, Switch — вибір дій залежно від значення, Logical Conditions — використання операторів &&, ||, ! для перевірок JavaScript

Open-source веб-в’ювер для масштабованих зображень Легка бібліотека на чистому JavaScript, яка дозволяє переглядати зображення з можливістю зуму прямо у браузері Подивитися, як це працює, і почати використовувати можна тут JavaScript

JavaScript без фреймворків: реальна практика У відео показано, як писати масштабований JS-код без React/Vue JavaScript

Удачі JavaScript

Дизайн за допомогою ШІ Ми знайшли колекцію з 57+ дизайнерських навичок для Claude, Cursor і Codex — і це реально прискорює роботу. Все працює максимально просто: вибираєте стиль, застосовуєте однією командою — і агент генерує чистий UI, який вже можна використовувати або доопрацьовувати. Забираємо Github'er

Той ПМ, який затягнув мітинг на 3 години і ніби нічого не сталося пішов обідати JavaScript

Запуск нового турніру: Prompt Engineering Challenge Платформа оновлена, deploy стабільний. UA SKILLS відкриває реєстрацію на перший в Україні турнір із Prompt Engineering. Фокус завдання: проектування системних інструкцій для LLM та забезпечення стабільності виводу в прикладних сценаріях. Технічні параметри: · Стек: Prompt Engineering / LLM (інтеграція в Node.js, TypeScript, React). · Задача: Побудова складних промптів для отримання детермінованих результатів. Валідується архітектурна стійкість та відсутність галюцинацій моделі. · Аудиторія: Відкрито для всієї UA IT спільноти, які бажають перевірити власні навички (участь після верифікації заявки). Регламент та дати: · Старт турніру: 25 травня 2026 року · Призовий фонд: 5 000 $ (5 призових місць по 1 000$) Повний регламент надається після подання заявки на сайті. Реєстрація за посиланням: ua-skills.com/tournaments

CSS Pattern — колекція красивих фонів на чистому CSS Збірка готових CSS-патернів, які можна використовувати як фони для сайтів та інтерфейсів

Усі параметри легко налаштовуються: • кольори • щільність • відступи • розміри та інші деталі

JavaScript

У VS Code є вбудований браузер для фронтенду Можна запускати та дебажити веб-застосунки прямо всередині редактора — без переходу в зовнішній браузер

Що доступно: • відкриття localhost прямо у VS Code • відладка без виходу з редактора • вбудовані DevTools (inspect, console тощо) • звичні брейкпоінти • менше перемикань між вкладками

JavaScript