JavaScript 🇺🇦

const obj = {
    objProp: 42,
};

class Foo {
    get classProp() {
        return 24;
    }
}
const bar = new Foo();

console.log('objProp' in obj);
console.log('toString' in obj);
console.log('classProp' in bar);

console.log(obj.hasOwnProperty('objProp'));
console.log(obj.hasOwnProperty('toString'));
console.log(bar.hasOwnProperty('classProp'));

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

Responsive Blog Card Slider Адаптивна картка зі слайдером Swiper. Слайди можна прокручувати за допомогою колеса мишки або натисканням пагінації. #codepen // #practice // JS

Нажаль це правда! Більшість людей не знають, як зайнятись саморозвитком Проведені в 2024 році опитування показало, що більше 95% людей, досі не розуміють, як розвиватися без зайвих зусиль. Але ж вже давно створили Mind the gap — канал для тих, хто хоче стати кращим, без знущання над собою. 😪 Після підписки, ти 100% змінеш своє життя – @Mind_the_gap

Наочно про вказівники ☝️ #JS // #theory // Вакансії IT

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

function sum(...numbers) {
   return numbers.reduce((acc, num) ⇒ acc + num, 0);
}

#Rest // #practice // JS

Блокові та лінійні елементи, box-model, тип даних boolean На 7-му уроці відеокурсу "HTML+CSS+JS для всіх" автор розповідає про блокові та лінійні HTML-елементи, демонструє box-model в CSS, і пояснює про тип даних boolean. Мова: 🇺🇦 Тривалість: 1 год 26 хв #JS // #lessons // Вакансії IT

Directionally Aware Hover Ефект hover, який відкривається з того боку, з якого навели мишкою. Реалізовано без використання JS. #codepen // #practice // JS

Новий асинхронний Clipboard API Раніше ми покладалися на document.execCommand("copy") для обробки операцій буфера обміну. Цей підхід був синхронним і обмеженим — він дозволяв копіювати текст лише з вибраних елементів DOM. Крім того, він не працював узгоджено в різних браузерах. API navigator.clipboard вирішує ці проблеми, надаючи асинхронні методи, які працюють з різними типами даних. Крім того, це безпечніше — браузери вимагають явного дозволу, перш ніж дозволити доступ до буфера обміну. Детальніше про це — у статті. Мова: 🇬🇧 #ClipboardAPI // #theory // JS

🔝 Дата аналітика увійшла в топ-10 високооплачуваних професій майбутнього Аналітики даних можуть знайти роботу в будь-якій сфері: IT, маркетинг, e-commerce, фінанси, освіта, сільське господарство.

💙 Українські дата-фахівці створили платформу для підтримки аграріїв під час війни. Вона дозволяє моніторити стан полів на основі супутникових даних💙

Хочеш дізнатись більше про кар'єру Data Analyst? Реєструйся на безплатний інтенсив. ➡️ i.goit.global ⬅️ 4 дні | Онлайн | Безкоштовно

Range Slider Декілька стилізованих слайдерів на чистому CSS. #codepen // #practice // JS

Як винахідливо захистити код від халявників Румунські айтішники знайшли креативний спосіб боротися з неплатниками: їхній код поступово робить сайт прозорим, поки той повністю не "зникне".

Фішка працює не тільки з сайтами, а й з Android, iOS, Windows і навіть Flutter-додатками.

📥 На GitHub можна завантажити репозиторій, налаштувати дедлайн і час для оплати. #JS // #news // Вакансії IT

Ці методи роблять код більш читабельним і зменшують ймовірність помилок під час роботи з масивами.

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num ⇒ num * 2);
const evenNumbers = numbers.filter(num ⇒ num % 2 ≡ 0);
const sum = numbers.reduce((acc, num) ⇒ асс + num, 0);

#JS // #practice // Вакансії IT

Вакансія: Front-End Developer Національна продуктова ІТ-компанія Linkos Group шукає на офісну роботу в Києві фронтендера зі знанням фреймворку Vue.js і досвідом роботи з HTML, CSS, JavaScript — для розробки веб-застосунку. 📝 Відкрити анкету #jobs // Архів книг // JS

Хороші логи допомагають відстежувати процеси в коді, виявляти проблеми та швидко їх вирішувати.

function processUserData(userData) {
   if (!userData) {
   console.error('No user data provided');
      return;
   }
   // Логіка обробки даних
}

#JS // #practice // Архів книг

Practical Highcharts with Angular Ця книга навчить вам створювати приголомшливі анімовані та інтерактивні діаграми за допомогою Highcharts і Angular.

З нею ви зможете використовувати наявні знання про HTML, CSS і JavaScript і розвивати їх, щоб розробити вражаючі інформаційні панелі, які працюватимуть у всіх сучасних браузерах.

Рік: 2023 Мова: 🇬🇧 Автор: Sourabh Mishra #Angular // #books // JS

Опановуємо CRUD в Next.js У світі веб-розробки операції CRUD є основними будівельними блоками та мають вирішальне значення для керування даними.

Вони присутні практично в усіх програмах, від простих сайтів до складних корпоративних рішень. У цій статті розглядається робота з CRUD-операціями в NestJS.

Мова: 🇬🇧 #NestJS #CRUD // #theory // JS

const foo = () => {
    try {
        throw new Error("error");
        return 24;
    } catch (error) {
        return error;
    } finally {
        return 42;
    }
};

console.log(foo());

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

Scattering hexagons Анімація шестикутників, що розсіюються. Реалізовано за допомогою jQuery. #codepen // #practice // JS

Як працює React Compiler на реальному коді За останні кілька років одним з найбільших джерел хвилювання та очікувань у спільноті React був інструмент, відомий як React Compiler (раніше React Forget).

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

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

Стрілкові функції зменшують обсяг коду і зберігають контекст цього.

const square = x ⇒ x * x;

#JS // #practice // Архів книг