JavaScript 🇺🇦

🔥 ТІЛЬКИ ДЛЯ УКРАЇНЦІВ: СПИСОК БЕЗКОШТОВНИХ IT-КУРСІВ Тут ціла навчальна бібліотека, ще й безоплатно, налітай! 😱 Обирай, ким хочеш бути, і стартуй 👇 ✅ Веброзробник: розроби свій перший сайт. ✅ QA-інженер: протестуй сайт на помилки. ✅ UX/UI-дизайнер: задизайни свій перший додаток. ✅ Дата-аналітик: проаналізуй свої перші дані. ✅ Фахівець із SMM: отримай досвід роботи з соцмережами. А для тих, хто не може визначитися — приходьте на тест-драйв IT-професій, де оберете роботу, від якої горять очі 🔥 👉 Подивитися всі курси: https://i.goit.global/QiTpC І не забудьте отримати свій бонус під час реєстрації 🫡

Статичні методи класу MathUtils можуть бути викликані без створення екземпляра класу.

class MathUtils {
   static add(x, y) {
      return x + y;
   }

   static multiply(x, y) {
      return x * y;
   }
}

console.log(MathUtils.add(2, 3)); // Виведе 5
console.log(MathUtils.multiply(2, 3)); // Виведе 6

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

Вакансія: JavaScript Game Developer Українська медіа-компанія Firelink Media шукає на віддалену чи офісну роботу в Києві JS-розробника рівня Middle з комерційним досвідом розробки від 2-х років — розробки нового і доопрацювання існуючого функціоналу гри. 📝 Відкрити анкету #jobs // Архів книг // JS

Реалізація поля для підпису Блокноти для підписів є корисними інструментами для захоплення рукописних підписів у веб-додатках. Вони покращують взаємодію з користувачем, дозволяючи записувати рукописні підписи або створювати малюнки безпосередньо на платформі. У цій статті автор показує, як створити адаптивну панель для підпису за допомогою JavaScript, з такими функціями, як підтримка дотику, стилі штрихів і функція експорту, використовуючи передові інструменти, такі як бібліотека signature_pad. Мова: 🇬🇧 #JS // #theory // Вакансії IT

for (let i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 1);
}

for (var i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 1);
}

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

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