JavaScript 🇺🇦

Card Blur Ефект для неактивних карток, який виникає при наведенні курсору. Тут застосовується як розмиття, так і затемнення елементів. #codepen // #practice // JS

8 принципів функціонального програмування на прикладах з JS Які концепції є в JS із математики? Для когось відповідь буде очевидною, а когось може здивувати: функціональне програмування! У цій статті ми зануримось в тему і розберемо основні принципи функціонального програмування, які варто знати кожному хорошому інженеру. Мова: 🇺🇦 #JS // #theory // Вакансії IT

Card :hover Spotlight Effect Використовуємо background-attachment, щоб прикріпити фон до області перегляду. #codepen // #practice // JS

🖱 Cursor інтегрували в Figma Тепер будь-який дизайн можна безкоштовно створити в один клік без жодних навичок! 🔴Встановлюєте плагін, вводите промт — нейромережа генерує інтерфейс, сторінки сайту, верстку й навіть цілі тулзи. 🔴Cursor працює безпосередньо у Figma, що гарантує швидкість та оптимізацію. Готовий сайт — за 90 секунд! 👉 Скачати на GitHub #Cursor #Figma // #news // JS

Метод getTimezoneOffset() повертає різницю в хвилинах між датою, оціненою в часовому поясі UTC, і тією самою датою, оціненою в місцевому часовому поясі.

const date1 = new Date(
'August 19, 1975 23:15:30 GMT+07:00');
const date2 = new Date(
'August 19, 1975 23:15:30 GMT-02:00');

console.log(datel.getTimezoneOffset());
// -180

console.log(datel.getTimezoneOffset() === date2.getTimezoneOffset());
// true

Кількість хвилин, що повертається функцією getTimezoneOffset(), є позитивною, якщо місцевий часовий пояс відстає від UTC, і негативною, якщо випереджає його. #getTimezoneOffset // #practice // JS

Вакансія: Front-end Developer Українська мережа техніки та електроніки MOYO шукає на віддалену роботу фронтенд-розробника зі знанням HTML / CSS / SCSS / JavaScript / TypeScript/ jQuery / ES6 / PHP / Webpack — для розробки нових функціоналів web-продуктів компанії. 📝 Відкрити анкету #JS // #jobs // Вакансії IT

Метод concat() використовується для об'єднання двох чи більше масивів. Він не змінює існуючі масиви, а натомість повертає новий масив. ❕ В результаті виходить поверхнева копія, що містить копії тих самих елементів, об'єднаних з вихідних масивів.

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);

console.log(array3);
// "a", "b", "c", "d", "e", "f"]

Будь-яка операція над новим масивом не вплине вихідні масиви, і навпаки. Виняток — операції над елементами, посилання на об'єкти. #concat // #practice // JS

Learning Vue Завдяки стислим, практичним і зрозумілим прикладам ця книга крок за кроком розповідає веб-розробникам про інструменти та бібліотеки в екосистемі Vue.js і показує, як створювати повні програми для реальних веб-проектів. Рік: 2024 Мова: 🇬🇧 Автор: Maya Shavin #Vue // #books // JS

Як рушії ECMAScript оптимізують ваші змінні У цій статті ми зануримося в те, як механізми ECMAScript зберігають змінні, а також розглянемо оптимізацію зберігання та дізнаємося про аналіз обсягу. Мова: 🇬🇧 #ECMAScript // #theory // JS

function check(num) {
  if (num > 50) { 
    const message = "Число > 50";
  } else {
    const message = "Число <= 50";
  }

  return message;
}

console.log(check(80));

👉 Відповідь #JS // #practice // Архів книг

Inner Glow Card Прозора картка з внутрішнім неоновим підсвічуванням. Рамка має хвилеподібну анімацію, кольори плавно перетікають один в одного. #codepen // #practice // JS

JIT-компіляція: як пришвидшити інтерпретовані мови Зазвичай інтерпретовані мови, як JavaScript або Python, вважають повільнішими за компільовані (C, Rust). Але завдяки Just-In-Time (JIT) компіляції вони можуть значно прискорюватися. Як це працює? Розбираємося у статті. Мова: 🇺🇦 #JIT // #theory // JS

Метод set.clear() використовується для видалення всіх елементів набору та його спустошення.

const set1 = new Set();
set1.add(1);
set1.add('foo');

console.log(set1.size); // 2

set1.clear();
console.log(set1.size); // 0

Жодних аргументів для відправки в якості параметрів методу set.clear() не потрібно — він повертає невизначене значення. #JS // #practice // Вакансії IT

Верстка + стилізація, figma-макет — ч.2 На фінальному 20-му уроці відеокурсу "HTML+CSS+JS для всіх" автор продовжує розповідати про верстку, стилізацію та використання Figma, а також дає корисні поради для новачків. Мова: 🇺🇦 Тривалість: 2 год 7 хв #JS // #lessons // Вакансії IT

Water Distortion Ефект води для зображення. Анімована картинка відображається за допомогою тега <canvas>. #codepen // #practice // JS

Створення власного Promise У сучасній JS-розробці проміси надають елегантне рішення для обробки асинхронних операцій.

У цій статті розповідається про ручну реалізацію промісів з нуля, охоплюючи основні функції, такі як переходи між станами, асинхронне виконання, з’єднання і додаткові методи (catch, resolve, all і race).

Мова: 🇬🇧 #Promise // #theory // JS

Activity Card Карточка для відображення статистики за кожен день тижня. При наведенні курсора з'являється підказка з числом для конкретного дня. #codepen // #practice // JS

🚴‍♂️ Вчимося кодити граючи Знайшли крутий сайт для програмування Coddy, в тому числі на JavaScript — тут все у форматі гри: квести, прокачка персонажа та бонуси за активність. 🔴Кожен урок — крок на карті до фінішу. 🔴Щоденні челенджі дають досвід і "вогники" за стрики. 🔴Досвід можна витратити на бустери, навіть на преміум-підписку (!) на 2 тижні. 🔴Тему можна змінювати в будь-який момент. 🔴І головне — все безкоштовно. 👉 Спробувати #Coddy // #news // JS

Можна отримати доступ до властивостей об'єкта, використовуючи [ ] замість "." — це дозволяє виявляти властивість, що відповідає змінній.

obj = {a: "test"};
var propname = "a";
var b = obj[propname]; // "test"

Крім того, ви можете використовувати це для отримання чи установки значення властивості, якщо її ім'я є невирішеним ідентифікатором. #JS // #practice // Архів книг

Вакансія: Web Developer Європейська компанія Digis шукає на віддалену роботу веб-розробника з досвідом від 3-х років і володінням HTML, CSS, Angular — для створення платформи для професійних інвесторів. 📝 Відкрити анкету #JS // #jobs // Архів книг