JavaScript 🇺🇦

Усе одно ніхто не повірить JavaScript

Шпаргалка по HTML: Basic — основна структура HTML-документа, Head — службова інформація сторінки та підключення стилів і скриптів, Links — створення посилань і вставка зображень, Structure — елементи структури та форматування тексту, Tables — створення таблиць і робота з рядками та стовпцями, Lists — нумеровані та марковані списки, Forms — форми для введення даних користувача, Frames — вбудовування сторінок та окремих блоків, Special Characters — спеціальні HTML-символи, Input Types — типи полів введення для форм JavaScript

Прихований HTML-тег, який прискорює сайти Мало хто знає про Speculation Rules, але він може помітно покращити швидкість вебсайту Цей механізм дозволяє браузеру передбачати навігацію і заздалегідь завантажувати сторінки у фоні — наприклад, коли користувач просто наводить курсор на посилання У результаті перехід після кліку відбувається майже миттєво Поки що технологія працює лише в Chrome та Edge (охоплює приблизно 75% користувачів) JavaScript

TypeScript у React: чи варто використовувати? У відео пояснюється, як правильно налаштувати середовище для React і оцінює переваги та недоліки підключення типізованого TypeScript у фронтенд-проєктах JavaScript

Коли пробуєш працювати з дому @itmemeua

Нова CSS-властивість text-fit для автоматичного підлаштування тексту під ширину контейнера Документація тут 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