JavaScript 🇺🇦

Cloud Upload Bubbles При натисканні на кнопку запускається CSS-анімація, що застосовується до елементів, які генеруються. #codepen // #practice // JS

Керування пам’яттю: WeakRef та FinalizationRegistry Сьогодні ми заглибимося в тему керування пам’яттю в JavaScript, дослідивши потужні можливості WeakRef і FinalizationRegistry.

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

Мова: 🇬🇧 #JS // #theory // Вакансії IT

😱66 годин курсу по JavaScript за 3999 грн 5️⃣0️⃣0️⃣ грн! За 5 чашок кави☕️ ви отримаєте доступ до курсу в якому 11 розділів та більше 100 уроків. 🔴Пропозиція обмежена та тільки для спільноти JavaScript

Цей курс підійде як для новачків так і більш продвинутих прогерів. Також в кінці курсу вас чекає Бонус: Реальний проєкт на JS.

Дізнатись про курс детальніше: https://t.me/+_Io7PhiW1m8zMjhl

Ключове слово super використовується для виклику конструктора батьківського класу.

class Vehicle {
   constructor(type) {
      this.type = type;
   }
}

class Car extends Vehicle {
   constructor(type, brand) {
      super(type);
      this.brand = brand;
   }
}

const car = new Car('Автомобіль', 'Toyota');
console.log(car.type); // Виведе "Автомобіль"
console.log(car.brand); // Виведе "Toyota"

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

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

🚫Нарешті вдалося угамувати спамерів у нашому чаті Додали до нашого чат-бота функцію капчі та модерації від ШІ, тепер повідомлення зі спамом видаляються миттєво ⚡️ Наш чат: @chatjsua Наш бот: @wardybot Cпілкуватися стало приємніше!

Password Generator Генератор паролів з використанням малих і великих букв, цифр і спеціальних символів. Реалізовано за допомогою Clipboard.js. #codepen // #practice // JS

Потенціал JavaScript: функціональне програмування Ця стаття є покроковим посібником із функціонального програмування, щоб ви могли використовувати мову JavaScript повною мірою та писати більш модульний і детермінований код, який можна тестувати. Мова: 🇬🇧 #JS // #theory // Архів книг

🔔 Як українцю почати працювати в Google, Meta чи Netflix? За допомогою одного правильного кроку — безкоштовного карʼєрного онлайн-інтенсиву від Neoversity. Що корисного ви отримаєте?

☑️ Розберетеся, яким будет ІТ-ринок у 2025 рокі та як отримати роботу навіть у кризу. ☑️ Навчитеся оформлювати резюме, портфоліо та LinkedIn та говорили на співбесіді так, аби отримати офер на $10.000 і більше. ☑️ Складете план росту з вашої поточної позиції до сеньйора чи керівника в українській або міжнародній компанії.

Підійде як айтівцям, так і тим, хто працює в інших галузях, але хочуть вийти на більший рівень ЗП. І це ще не все! 🎁 Після реєстрації ви отримаєте безкоштовний подарунок: гайд "Як підготуватися до співбесіди на Senior чи Lead позицію з ChatGPT? ТОП-5 промптів". Час пробити кар'єрну стелю! Реєструйтеся, покращуйте життя та отримуйте подарунок: https://i.goit.global/2iE57

Perlin Noise Анімація голограми. Реалізовано за допомогою JS та CSS. #codepen // #practice // JS

const numbers = [1, 2, 3, 4, 5, 6, 6, 7, 8, 8, 5]

console.log([...new Set(numbers)])

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

Клас Task представляє завдання із заголовком, описом та статусом виконання.

class Task {
   constructor(title, description) {
      this.title = title;
      this.description = description;
      this.isCompleted = false;
   }

   complete() {
      this.isCompleted = true;
   }
}

const task1 = new Task('Задача 1', 'Опис задачі 1');
task1.complete();
console.log(`Задача "${taskl.title}" завершена: ${task1.isCompleted}`);

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

Вакансія: Node.js Developer Транспортно-логістична компанія Scart Taxi шукає на віддалену роботу розробника з міцними знаннями JavaScript (ES6+) і досвідом роботи з Node.js від 3-х років — для розробки та підтримки RESTful API на внутрішніх і зовнішніх сервісах. 📝 Відкрити анкету #jobs // Архів книг // JS

Ми створюємо масив об'єктів класу Product та обчислюємо загальну вартість продуктів за допомогою методу reduce.

class Product {
   constructor(name, price) {
      this.name = name;
      this.price = price;
   }
}

const products = [
   new Product('Книга', 20),
   new Product('Фільм', 15),
   new Product ('Музика', 10)
];

const totalPrice = products.reduce((sum, product) ⇒ sum + product.price, 0);
console.log(`Загальна вартість: $${totalPrice}`);

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

Front-end Development Projects with Vue.js 3 Ця книга допоможе вам освоїти основні концепції Vue.js 3 на прикладах, що імітують реальні веб-проекти.

Ви познайомитеся з усіма аспектами нового та покращеного Vue.js 3, працюючи над такими міні-проектами, як інтерфейс чату, кошик, калькулятор цін, програма для ведення справ та генератор карток для зберігання контактних даних.

Рік: 2023 Мова: 🇬🇧 Автор: Maya Shavin #JS // #books // Вакансії IT

🤖 Нарешті довели до ладу нашого чат-бота Wardy - український чат-бот, що має у собі всі класичні функції модерації та команди для розваг. Ось трішки з того, що він вміє: 👁 Капча. Можна встановити у чаті капчу і всі повідомлення від людей, що її не пройшли, миттєво видаляються. Повне знищення юзер-ботів у вашому чаті. 🤖 ШІ-модерація. Модерація чату за допомогою штучного інтелекту, можна обрати які саме фільтри будуть задіяні (розпізнавання агресії, секс-підтексту тощо). 🎲 Створення розіграшів. Окрім стандартних функцій, є система звітів та архіву. Також в умовах можна заборонити приймати участь тим, хто використовує ту чи іншу мову в своєму інтерфейсі. 🤓 Створення цитат в картинці зі слів співбесідників. Можна створити цитату як зі всього повідомлення, так і вирвавши слова з контексту. 🧠 Ще можна викликати цитати відомих людей з історії, політики, кінематографу, аніме тощо. 🎭 RP-команди. Створюйте кастомізовані команди для взаємодії між користувачами. Окрім цього, є система репутації, генерація картинок, переказ голосових повідомлень, статистика активності, профілі, фільтри для слів, карбування токенів і багато чого іншого. Наразі ми активно займаємося розробкою бота і він частково у сирому вигляді, але все вище описане вже можна тестувати і випробовувати у своєму чаті. Бот: @wardybot Обговорення: @wardyforum Новини: @wardynews

5 базових концепцій JavaScript У цій статті автор розжовує JS-концепції, що є наріжним каменем для кожного розробника-початківця. Мова: 🇺🇦 #JS // #theory // Вакансії IT

let a = {},
    b = {key: 'b'},
    c = {key: 'c'};

a[b] = 1;
a[c] = 2; 

console.log(a[b]);

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

Custom Radio Buttons Користувальницькі радіо-кнопки, виконані на чистому CSS. #codepen // #practice // JS

Посібник з Tauri У новій статті детально розповідається про кросплатформний фреймворк Tauri, подібний до Electron — автор проводить його огляд, а також надає приклади і альтернативи. Мова: 🇬🇧 #Tauri // #theory // JS