JavaScript 🇺🇦

Ну добре, «int const a», так «int const a» JavaScript

Object.hasOwn() — перевірка власних властивостей Щоб перевірити, чи має об’єкт певну власну властивість, раніше часто використовували hasOwnProperty():

const user = {
  name: "Анна"
};

console.log(user.hasOwnProperty("name")); // true

Але метод можна перевизначити, і тоді результат буде некоректним:

const user = {
  name: "Анна",
  hasOwnProperty: () => false
};

console.log(user.hasOwnProperty("name")); // false

Тепер для цього є простіший варіант:

console.log(
  Object.hasOwn(user, "name")
); // true

Він також працює з об’єктами без прототипу:

const cache = Object.create(null);

cache.users = [];

console.log(Object.hasOwn(cache, "users")); // true

Object.hasOwn() — зрозумілий спосіб перевірити саме власну властивість об’єкта, а не успадковану JavaScript

Підсвічування синтаксису прямо в <textarea> У Chrome 152+ можна підсвічувати синтаксис різних мов програмування безпосередньо всередині <textarea> Для цього використовується новий Web API — OpaqueRange Працює не лише з <textarea>, а й з <input> JavaScript

Ой JavaScript

Шпаргалка по XPath, CSS, DOM та Selenium: XPath — пошук елементів за структурою HTML, CSS Selectors — вибір елементів через CSS-селектори, DOM — доступ і робота з елементами сторінки через JavaScript, Selenium — автоматизація браузера та тестування вебзастосунків, ID & Name — пошук за ідентифікатором або ім’ям, Attributes — вибір за атрибутами, Parent & Child — навігація між батьківськими й дочірніми елементами, Sibling — пошук сусідніх елементів, Dynamic — робота зі станами checked, disabled, focus та іншими JavaScript

Video button animation Ефект, у якому відео розгортається після натискання на чекбокс Реалізовано за допомогою SCSS — без JavaScript Забираємо код тут JavaScript

🤖 AI вже змінює ринок професій. І справа далеко не тільки в ChatGPT. Поки хтось використовує AI, щоб переписати текст чи поставити запитання, інші вже будують на ньому контент, автоматизації, AI-агентів та цілі продукти без складного коду. І для цього не обов'язково ставати програмістом. GoIT зібрав 4 актуальні AI-напрями, з яких можна обрати свій:

⏺ AI Content Maker — створення контенту за допомогою AI ⏺ AI Automator — автоматизація процесів і задач ⏺ Prompt Engineering + AI Agents — створення та керування AI-агентами ⏺ No-Coder + AI — запуск digital-рішень майже без коду

Новий напрям, фриланс чи додаткові можливості у своїй роботі — AI дає значно більше варіантів, ніж здається. Залишається зрозуміти, який із них підходить саме вам. 👉 Обрати свій AI-напрям https://i.goit.global/AaLzw

Статус 404 — мем відсутній JavaScript

Шпаргалка з JavaScript Array Methods: map() — перетворює елементи, filter() — фільтрує масив, find() — знаходить елемент, findIndex() — повертає його індекс, fill() — заповнює масив значенням, some() — перевіряє хоча б один елемент, every() — перевіряє всі елементи JavaScript

👀 86 відгуків на одну Front-end вакансію. А в Defense Tech — у середньому близько 9. І це привід придивитися до сфери, якщо ви думаєте, куди рухатися далі. Поки в класичному IT конкуренція залишається високою, MilTech набирає обертів: з’являються нові команди, продукти та технології — а разом із ними потрібні нові спеціалісти. І далеко не тільки розробники 👇

→ Project та Product Managers → QA-фахівці → Hardware та Embedded спеціалісти → аналітики та інші tech-фахівці

Тож MilTech може стати тим самим напрямом, куди варто зайти зараз, а не тоді, коли про нього говоритимуть уже всі. А який напрям у MilTech може підійти саме вам? GoIT створили короткий безкоштовний тест: 3 хвилини — і ви дізнаєтесь свій MilTech-напрям, його потенціал та отримаєте рекомендацію, з чого почати. 👉 Пройти тест: miltech-lp-quiz-ua.goit.global

Scroll-snap-type у CSS Властивість scroll-snap-type допомагає створювати плавну й контрольовану прокрутку з прив’язкою до певних позицій

.container {
  scroll-snap-type: x mandatory;
}

.item {
  scroll-snap-align: start;
}

Зручно для каруселей, слайдерів і списків Головна перевага — передбачуваний UX без зайвих JavaScript-рішень JavaScript

React 19.3 уже доступний У новій версії додали кілька цікавих можливостей: • нативні View Transitions • новий browser() • використання Context у Server Components • підтримка Trusted Types і Fragment Refs JavaScript

😁 JavaScript

У CSS з’явиться властивість size size стане скороченим способом задати одночасно width і height: • size: 100px → однакова ширина та висота • size: 200px 80px → ширина 200px і висота 80px • підтримуються ті самі одиниці вимірювання, що й для width та height Пропозиція понад 10 років залишалася без змін, але нарешті її ухвалили Safari вже має експериментальну підтримку size JavaScript

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

Швидко освоюємо синтаксис фронтенд-фреймворків Сайт допомагає порівняти синтаксис React, Vue, Svelte та Angular в одному місці Зручно, щоб швидше розібратися з новим фреймворком або побачити відмінності між ними JavaScript

CodePen — зручний інструмент для фронтенду Онлайн-платформа, де можна писати HTML, CSS та JavaScript прямо в браузері, одразу бачити результат і ділитися своїми роботами Зручно для експериментів, навчання та швидкої перевірки фронтенд-ідей JavaScript