JavaScript 🇺🇦

Vue.js 3 Design Patterns and Best Practices Цей посібник охоплює Vue 3 від основ, включаючи компоненти та директиви, і поступово переходить до більш складних тем, таких як маршрутизація, управління станом, веб-працівники та офлайн-сховище.

Прочитавши цю книгу, ви не тільки навчитеся створювати програми, але й зрозумієте, як ефективно вирішувати типові проблеми, застосовуючи існуючі шаблони проектування. З цими знаннями ви уникнете необхідності винаходити колесо для кожного проекту, заощадите час і створите програмне забезпечення, яке адаптується до майбутніх змін.

Рік: 2023 Мова: 🇬🇧 Автор: Pablo David Garaguso #Vue // #books // JS

Управління замиканнями JS в React Конкретно в проектах React замикання можуть проявлятися способами, які не завжди є очевидними. У цій статті пояснюється, що таке замикання, і наводяться приклади того, як ними керувати.

Автор також розглядає приклад із реального життя, з яким він впорався під час своєї професійної роботи. Автор посилається на свій зразок проекту на GitHub протягом усієї статті.

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

// counter.js
let counter = 10;
export default counter;

// index.js
import myCounter from "./counter";
myCounter += 1;
console.log(myCounter);

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

Split Slick Slideshow Слайдер із двома вертикальними частинами. При скролінгу зображення розбивається навпіл, а заголовки плавно прокручуються. #codepen // #practice // JS

Чому новітні JS-фреймворки — марна трата часу? Якщо ви займаєтесь веб-розробкою більше п’яти хвилин, ви знаєте, як це буває: кожні кілька місяців з’являється новий фреймворк JavaScript, який обіцяє виправити всі біди попереднього покоління. Спочатку це надихає, але після багатьох років переходу від React до Vue, до Svelte, до Solid (і назад), автор статті зрозумів, що постійна гонитва за найновішим фреймворком JavaScript — це марна трата часу. Мова: 🇬🇧 #JS // #theory // Вакансії IT

Це акуратний спосіб дізнатися, чи є значення цілим числом.

let mynum = 123;
let mynumStr = "123";

console.log(${mynum} is a number?',
Number.isInteger(mynum));
console.log('${mynumStr} is a number?'
Number.isInteger(mynumStr));

Вбудований JavaScript API Number надає для цього метод isInteger() — дуже корисна штука, про яку слід знати. #isInteger // #practice // JS

Основи Git Друзі, починаємо оглядати новий великий відео-курс по JavaScript від розробника Дмитра Охріменка — і в першому уроці ви дізнаєтесь, як використовувати Git, щоб зберігати свій код та ділитися ним з іншими. Мова: 🇺🇦 Тривалість: 2 год 14 хв #Git // #lessons // JS

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