JavaScript'er

CSS-порада Можливо, ви не знали про одиницю вимірювання lh у CSS 1lh дорівнює висоті рядка, заданій через line-height для поточного елемента JavaScript'еr

Шпаргалка по основах JavaScript: Numbers & Math — робота з числами (Math.PI, round, random, pow), Dates — створення та обробка дат (Date(), getFullYear, getDay), Global Functions — глобальні функції (parseInt, parseFloat, encodeURI, eval), Arrays — масиви та операції з ними (доступ по індексу, перебір), Events — події (mouse, keyboard, form, drag, media), Regular Expressions — робота з шаблонами тексту JavaScript'еr

📊 Data Analytics — одна з тих сфер, де попит на спеціалістів зростає швидше, ніж ринок встигає їх готувати. Причина проста. Компанії вже давно навчилися збирати дані. Тепер їм потрібні люди, які можуть ці дані зрозуміти та перетворити на конкретні рішення для бізнесу. Саме тому аналітиків шукають у:

▪️ IT ▪️ e-commerce ▪️ маркетингу ▪️ фінансах ▪️ логістиці ▪️ продуктових компаніях

На безкоштовному марафоні від GoIT покажемо, як виглядає професія зсередини та які навички потрібні для розвитку в цьому напрямі. Ви дізнаєтесь: 🔖 як працюють аналітики даних 🔖 де використовується SQL 🔖 які кар'єрні можливості відкриває Data Analytics 🕓 Онлайн | Безкоштовно 👉 Реєстрація: https://i.goit.global/gaZ5F

Які є підходи до написання CSS? Основні підходи: BEM, OOCSS, SMACSS, Atomic CSS, Tailwind, CSS-in-JS, PostCSS та SCSS. Вони допомагають покращити масштабованість, повторне використання та читабельність стилів JavaScript'еr

Logo Marquee + Blurring Цікавий ефект із логотипами, що рухаються у стрічці та плавно розмиваються Реалізовано за допомогою CSS і JavaScript Забираємо код тут JavaScript'еr

CS 3 — класика, яка не старіє JavaScript'еr

Трюк із z-index, про який часто забувають Якщо z-index не працює, причина може бути не в його значенні, а в контексті накладання (stacking context) Його можуть створювати: * position: fixed | absolute | relative + z-index ≠ auto * transform, filter, perspective, opacity < 1 * will-change, mix-blend-mode, contain: layout та інші властивості Приклад:

.parent {
  transform: translateZ(0); /* створює stacking context */
  z-index: 10;
}

.child {
  position: absolute;
  z-index: 999; /* не вийде за межі .parent */
}

Висновок: z-index працює лише в межах поточного stacking context. Щоб елемент перекривав щось вище, потрібно змінити контекст накладання JavaScript'еr

CSS-порада Кнопки дій часто показують лише під час наведення, щоб інтерфейс виглядав чистішим Але користувачі клавіатури та сенсорних пристроїв не можуть викликати :hover, тому такі елементи стають недоступними Щоб цього уникнути, передбачайте альтернативний спосіб взаємодії — наприклад, показуйте кнопки також при фокусуванні через :focus-visible JavaScript'еr

Що таке вендорні префікси в CSS? Вендорні префікси — це спеціальні приставки до CSS-властивостей для підтримки експериментальних або браузер-специфічних можливостей. Наприклад: -webkit- для Chrome/Safari, -moz- для Firefox, -ms- для Internet Explorer JavaScript'еr

«Керування складністю — суть програмування» — Браян Керніган JavaScript'еr

Шпаргалка по JavaScript: Regular Expressions — синтаксис регулярних виразів та модифікатори, RegExp Object — робота з регулярними виразами та їхніми методами, Arrays — основні методи масивів concat(), join(), push(), pop(), sort(), slice() та інші, Numbers and Math — математичні функції, константи та операції з числами, Strings — методи роботи з рядками, Dates — створення, форматування та робота з датами й часом, Functions — вбудовані функції JavaScript для перетворення та перевірки значень, Booleans — робота з логічними значеннями, Event Handlers — обробка подій користувача та браузера JavaScript'еr

🤖 AI вже давно не просто чат-бот. Сьогодні від AI-інженера очікують уміння перетворити модель на повноцінну production-систему. Але як побудувати надійний AI pipeline? Навчіться працювати з RAG та агентами, контролювати якість, latency і cost, захищати систему та масштабувати її, — на курсі «AI Engineering» від robot_dreams. Протягом 18 занять ви: 🤖 інтегруватимете LLM через API та self-hosted рішення й працюватимете з prompt engineering 🤖 будуватимете RAG-системи — від ingestion та embeddings до retrieval і reranking 🤖 створюватимете AI-агентів, працюватимете з tool calling, Agentic RAG та MCP 🤖 проєктуватимете production-архітектуру з API, caching, guardrails та observability За час курсу створите повноцінний AI-продукт — від інтеграції моделі до production-архітектури — і додасте готовий проєкт у портфоліо. Лектор: Андрій Білоус — AI Solution Architect у ZONE3000, має понад 12 років досвіду в IT та 5+ років у Fullstack та AI-розробці. Деталі, програма та реєстрація ⬅️

Image Mask Hover Effect Цікавий ефект при наведенні на зображення, реалізований лише за допомогою CSS Простий спосіб додати динамічну анімацію до зображень на вебсторінці Забираємо код тут JavaScript'еr

Локальний помічник для зустрічей Call.md локально записує зустрічі та розшифровує мовлення в реальному часі Інструмент автоматично створює короткі підсумки, виділяє завдання та може передавати дані в сервіси для автоматизації робочих процесів JavaScript'еr

Що за кібербулінг.. JavaScript'еr

⚡️ AI — це вже не про майбутнє, а про навички, які потрібні зараз. Якщо давно хотіли розібратися, але не знали з чого почати — це гарна можливість. https://i.goit.global/UaLBa

Чому JavaScript може змінити великий ID з API Проблема виникає, коли великий числовий ID перетворюється на Number. JavaScript використовує IEEE 754 binary64, тому не всі цілі числа можна представити точно

const id = 9007199254740993;

console.log(id);
// 9007199254740992

Безпечна межа — Number.MAX_SAFE_INTEGER:

console.log(Number.MAX_SAFE_INTEGER);
// 9007199254740991

Поза цим діапазоном різні числа можуть перетворитися на одне значення:

const a = 9007199254740992;
const b = 9007199254740993;

console.log(a === b);
// true

Є ще одна пастка — JSON.parse(). Навіть якщо API повертає ID як число, під час парсингу JSON воно перетворюється на Number, і точність може бути втрачена Тому ID, над якими не виконуються обчислення, краще передавати як рядки:

{"id":"9007199254740993"}

А якщо потрібна точна цілочисельна арифметика — використовувати BigInt:

const id = BigInt("9007199254740993");

console.log(id + 1n);
// 9007199254740994n

Числовий ID не обов’язково має бути типом `Number`. Якщо він може перевищити Number.MAX_SAFE_INTEGER, рядок збереже його без втрат, а BigInt підійде для точних обчислень JavaScript'еr

Як оптимізувати рендеринг компонентів у React? Щоб уникати зайвих ререндерів, використовують React.memo(), useMemo() і useCallback(), розбивають великі компоненти на менші, правильно задають key у списках та уникають непотрібного створення функцій під час рендеру. Для класових компонентів також можна використовувати shouldComponentUpdate або React.PureComponent JavaScript'еr

Node.js 26.10 — нативні throttle/debounce У Node.js з’явилася нативна підтримка throttle і debounce — менше потреби тягнути сторонні бібліотеки для таких базових задач Схоже, Lodash поступово втрачає ще одну причину залишатися в залежностях Реліз і документація JavaScript'еr

Vertical Menu Вертикальне меню з ефектом «прилипання» під час наведення Реалізовано за допомогою SCSS Забираємо код тут JavaScript'еr