JavaScript 🇺🇦

Посібник з деструктуризації В JavaScript присвоєння деструктуризації дозволяє витягувати окремі значення з масиву чи об’єкта та призначати їх набору ідентифікаторів без необхідності звертатися до значень кожного елемента старомодним способом. Детально про це — у свіжій статті. Мова: 🇬🇧 #JS // #theory // Вакансії IT

Music player widget Віджет музичного плеєра, реалізований за допомогою CSS та JavaScript. #codepen // #practice // JS

Нова цікава нейронка для айтівців Вона допоможе написати будь-яку частину коду за вас. Залишиться лише відредагувати. Сервіс SpellBox підтримує всі основні мови програмування — JavaScript в тому числі. 👉 Спробувати #SpellBox // #news // JS

class DOMHelper {
   static hide(element) {
      element.style.display = 'none';
   }

   static show(element) {
      element.style.display = 'block';
   }
}

const myElement = document.getElementById('my-element');
DOMHelper.hide(myElement);

Клас DOMHelper містить методи приховування та відображення елементів на веб-сторінці. #DOMHelper // #practice // JS

Вакансія: Full-Stack Developer Компанія ARKA Software шукає на офісну роботу в Одесі фуллстак-розробника з досвідом на JavaScript і Python, який займатиметься ІТ-аутсорсингом для німецькомовних країн. 📝 Відкрити анкету #JS // #jobs // Вакансії IT

class Animator {
   static animate(element, animationclass) {
      element.classList.add(animationClass);
      setTimeout(() ⇒ {

   element.classList.remove(animationClass);
      }, 1000);
   }
}

const box = document.getElementById('box');
Animator.animate(box, 'slide-in');

Клас Animator може використовуватися для додавання та видалення класів анімації елементам. #Animator // #practice // JS

Найкращі книги по JS Добірка наших останніх публікацій із найбільш вартісними посібниками по мові JavaScript: 🔴250+ Killer JavaScript One-Liners (🇬🇧, 2024) — колекція потужних, лаконічних фрагментів коду. 🔴Pro Angular, 5th Edition (🇬🇧, 2022) — допоможе повною мірою скористатися перевагами Angular. 🔴Getting Started with Angular (🇬🇧, 2023) — дозволить поринути в архітектуру програми Angular. 🔴Mastering JavaScript Functional Programming (🇬🇧, 2023) — навчить застосовувати методи функціонального програмування. 🔴Simplifying JavaScript (🇬🇧, 2018) — навчить вас писати сучасний JS-код на практичних прикладах. 📚 Товариство, які ще знаєте вартісні українські чи англійські матеріали по JS? #JS // #books // Вакансії IT

Що нового в React 19 React 19 на підході. Команда React анонсувала передрелізну версію React 19 у квітні. Це велике оновлення принесе з собою низку покращень та нових патернів, націлених на підвищення продуктивності і зручність використання.

Багато з цих можливостей були представлені в експериментальному режимі React 18, але в React 19 вони стануть стабільними. Підготуємося до цього оновлення.

Мова: 🇬🇧 #JS // #theory // Архів книг

let a1 = {
   name: 'Johnny',
   hobby: 'football',
};

let b1 = 'Lisa prefers Johnny';

let c1 = ['Denny', 'Michelle', 'Chris R'];

let a2 = a1;
let b2 = b1;
let c2 = c1;

a2.hobby = 'roofsitting';
b2 = 'Lisa prefers Mark';
c2[2] = 'Doggy'

console.log(al.hobby);
console.log(b1);
console.log(c1[2]);

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

Bees lines loading Незвичайна анімація завантаження, реалізована на HTML та CSS. #codepen // #practice // JS

Стан ES5 у веб-розробці Який поточний стан ES5 в у веб-розробці сьогодні? І які є найкращі практики для веб-розробників під створення коду? В даній статті розглядаються усі наявні дані, щоб відповісти на ці питання. Мова: 🇬🇧 #ES5 // #theory // JS

class GameObject {
   constructor(x, y) {
      this.x = x;
      this.y = y;
   }
   move(dx, dy) {
      this.x += dx;
      this.y += dy;
   }
}

const player = new GameObject(0, 0);
player.move(5, 10);
console.log('Нові координати гравця: (${player.x}, ${player.y})');

У цьому прикладі клас GameObject представляє об'єкт гри та керує його позицією. #JS // #practice // Архів книг

❗️ Безоплатний 8-денний тест-драйв IT професій ▪️ Для бажаючих працювати онлайн і заробляти в $; ▪️ Для тих, хто давно хотів працювати в IT, але не обрав для себе напрям Тривалість — 8 днів. Заняття проходять вечорами.

На тест-драйві ви спробуєте себе в ролях: ▫️ вебдизайнера, ▫️ розробника, ▫️ дата-аналітика, ▫️ проджекта, ▫️ тестувальника.

✅ Програма розрахована на новачків. У вільний час ви дивитесь короткі лекції та робите цікаві завдання, які перевіряє ментор. Після реєстрації приємний бонус: аналітика зарплат айтівців в Україні. 🔥 Реєструйтесь за посиланням: https://i.goit.global/HixQg

Горизонтальне вирівнювання блочних елементів На 31-му уроці відео-курсу про основи HTML & CSS автор розповідає про вирівнювання блочних елементів на одній лінії — ця тема дуже широко використовується на співбесідах щодо посади фронтенд-розробника. Мова: 🇺🇦 Тривалість: 30 хв #JS // #lessons // Архів книг

Button light ribbon & glowing effect Кнопки з нескінченною анімацією та ефектом свічення при наведенні, створені на HTML та CSS. #codepen // #practice // JS

Опановуємо скасування промісів Promises є потужним інструментом для обробки асинхронних операцій в JavaScript, особливо корисним у подіях, пов’язаних з інтерфейсом користувача.

У цій статті автор демонструє новий метод Promise.withResolvers(), який дозволяє писати чистіший і простіший код, повертаючи об’єкт, що містить три речі: новий Promise і дві функції (одна для вирішення Promise, а інша для відхилення).

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

Checkbox card Чекбокс у вигляді карток. Якщо вибрати категорію, зображення стає кольоровим. Зроблено на SCSS. #codepen // #practice // JS

Вийшов найкращий гайд з Deep Learning У ньому — 513 сторінок корисної інформації про нейронні мережі та практичні завдання, які допоможуть зрозуміти їхню роботу. 👉 Забрати з архіву #DeepLearning // #books // JS

async function handleErrorAsync() {
   try {
      const result = await someAsyncFunction();
      console.log(result);
    } catch (error) {
      console.error(error);

Всередині функції async можна використовувати try/catch для обробки помилок, які виникають при виконанні асинхронних операцій. #JS // #practice // Архів книг

Вакансія: Front-end Developer IT-школа N-Code шукає на віддалену роботу фронтенд-розробника зі знанням HTML, CSS, JavaScript — для репетиторства ІТ-технологій. 📝 Відкрити анкету #JS // #jobs // Вакансії IT