Code Ukraine // Програмування

Круте розширення для VS Code, яке дозволяє візуалізувати SQL-запити, JOIN'и та потік виконання запитів прямо в редакторі. Ідеально підходить для розробників, які працюють з великими базами даних та складними SQL-запитами ☕️

Ще не запізно навчитися заново 😂

Коли три роки думав, чи викладати свій код на OpenSource... і виклав!

Awesome-macOS — ретельно підібраний список приголомшливих додатків, програм, інструментів та інших корисних речей для macOS.

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

VulHub — готові вразливі середовища на Docker для досліджень безпеки Колекція open-source середовищ на Docker та Docker Compose, призначених для тестування безпеки, пентестів та вправ Red Team / Blue Team 20.4k stars </Codu>

Адаптивні стали простішими Більше не потрібно вручну задавати точки зламу Просто додайте sizes="auto" для лениво завантажуваних зображень, і браузер сам визначить відповідний розмір з вашого srcset Тепер у всіх останніх версіях браузерів. Скріншот: як використовувати це як прогресивне покращення https://news.ycombinator.com/item?id=47875420

Ось трохи корисних бібліотек Python для розробки мережевих додатків⌨️

Звучить як девіз

Знайшов альтернативу Firebase та Supabase PocketBase — безкоштовний open-source інструмент, який поєднує бекенд і базу даних в одному рішенні

Що вміє: • аутентифікація користувачів і завантаження файлів • realtime база даних • вбудована адмін-панель

</Codu>

було 🙈

Pre-commit — це фреймворк для запуску хуків, написаних різними мовами, який керує набором мовних інструментів і залежностей для запуску хуків.

Запуск нового турніру: 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

Недооцінена фіча у VS Code, яка реально спрощує життя Можна додати кольорову рамку навколо вікна, щоб легко відрізняти різні проєкти — наприклад, frontend і backend при постійному перемиканні

Що це дає: • кольорову рамку навколо вікна • підтримку різних форматів кольорів (hex, rgb, hsl тощо) • зручність при роботі з кількома проєктами • можна використовувати системні або свої кольори

Як увімкнути: знайди window.border у налаштуваннях, відкрий вкладку workspace і задай потрібний колір </Codu>

Я кажу Claude: «Ти — сеньйор веб-розробник із 20-річним досвідом»:

Корисний Гугл-хак, який допомагає знайти ідеї для додатків – люди буквально самі просять їх створити Просто введіть у пошук: site:http://reddit.com: "is there any app that" → ви побачите реальні проблеми, з якими стикаються люди → знайдете ідеї, які реально шукають користувачі → відсортуєте за останніми постами, щоб знайти актуальні ідеї → перевірите попит перед початком розробки 👍👍👍

😘😘😘 JavaScript'еr

Б — безпека: виявилося, що Microsoft Edge зберігає ВСІ ваші паролі у відкритому вигляді. 👀 Якщо паролі збережені у вбудованому менеджері, вони розшифровуються і потрапляють у пам'ять відразу після запуску Edge, навіть якщо ви не планували заходити на ці сайти у цьому сеансі. А це означає, що при доступі до системи зловмисник може без додаткових прав витягти ці дані через дамп пам'яті процесу. І так, Microsoft не вважає таку поведінку помилкою. Кібербезпековці рекомендують не користуватися Edge, а поки зберігати дані у вбудованому менеджері паролів.

NPM Visual Manager — керуй залежностями без терміналу Розширення для VS Code, яке дозволяє працювати з npm-пакетами через зручний UI замість команд у консолі

Що вміє: • показує встановлені та актуальні версії • встановлення пакетів прямо з інтерфейсу • оновлення в один клік • просте видалення • масові операції • повністю працює всередині VS Code

</Codu>

Здається, він вкрав мої ідеї 😁