JavaScript'er

class Dog {
  constructor(name) {
    this.name = name
  }
}

Dog.prototype.bark = function() {
  console.log(`Woof I am ${this.name}`)
}

const pet = new Dog("Rex")

pet.bark()

delete Dog.prototype.bark

pet.bark()

JavaScript'ер

📎Rotating 3D Slider Логіка повороту слайдера реалізована у JS. Стилізовано у SCSS. Посилання на Codepen *ТИЦЬ JavaScript'ер

❗️ Безоплатний 8-денний тест-драйв IT професій ▪️ Для бажаючих працювати онлайн і заробляти в $; ▪️ Для тих, хто давно хотів працювати в IT, але не обрав для себе напрям Тривалість — 8 днів. Заняття проходять вечорами. На тест-драйві ви спробуєте себе в ролях: ▫️ вебдизайнера, ▫️ розробника, ▫️ дата-аналітика, ▫️ проджекта, ▫️ тестувальника. ✅ Програма розрахована на новачків. У вільний час ви дивитесь короткі лекції та робите цікаві завдання, які перевіряє ментор. Після реєстрації приємний бонус: аналітика зарплат айтівців в Україні. 🔥 Реєструйтесь за посиланням: https://i.goit.global/5udDS

👩‍💻Використання CSS-градієнта для затемнення картинки Одним із способів затемнення зображень за допомогою CSS є використання градієнтів. Цей метод дозволяє гнучкіше налаштувати ефект, а також додати різні переходи та колірні комбінації.

 background: linear-gradient(
до правого,
rgb(0 0 0 / 0.5),
rgb(0 0 0 / 0)
), url("img.jpg") 100%/cover no-repeat;

JavaScript'ер

👩‍💻Шпаргалка для CSS Grid CSS Grid Layout — це двовимірна система сіток у CSS. Це набір горизонтальних і вертикальних ліній, що перетинаються, утворюють колонки і рядки. JavaScript'ер

🔍Акордеон (FAQ) Реалізовано на HTML, CSS та JS. Посилання на Codepen *ТИЦЬ JavaScript'ер

😂Чоловік усе продумав наперед JavaScript'ер

🎮Amazing Product transition Створено та анімовано на HTML та CSS. Посилання на Codepen *ТИЦЬ JavaScript'ер

🥸Питання на співбесіді Як очистити такий масив:

 var arrayList = ['п', 'р', 'і', 'в', 'е', 'т']

Відповідь: Варіант 1: arrayList = []; Таким чином змінної arrayList задається новий порожній масив. Це рішення підійде, якщо в інших місцях коду немає посилань на вихідне значення arrayList. Варіант 2: arrayList.length = 0 Такий код очищає існуючий масив arrayList, встановлюючи його довжину як 0. Це рішення підходить, якщо потрібно оновити всі змінні посилання, які вказують на вихідний масив arrayList. Варіант 3: arrayList.splice(0, arrayList.length); Очищення масиву таким чином також оновить всі посилання на вихідний масив arrayList. JavaScript'ер

😒Люди такі наївні JavaScript'ер

const num = parseInt("7*6", 10)

console.log(num)

JavaScript'ер

🎮CryptPad – це пакет для спільної роботи, який повністю зашифрований та має відкритий вихідний код. Він створений для співпраці, синхронізуючи зміни в документах у режимі реального часу. Оскільки всі дані зашифровані, сервіс та його адміністратори не можуть бачити редагований та збережений контент. Мови: HTML (49.4%), JavaScript (49.2%), Fluent (0.7%), … https://github.com/cryptpad/cryptpad JavaScript'ер

🥸Тег <meter> Відображає поточне значення у заданому діапазоні.

 <meter value="75" min="0" max="100">75%</meter>

Візуально заповнюється залежно від значення атрибута. JavaScript'ер

😅Коли змінив щось у коді, але продовжуєш запускати старий білд JavaScript'ер

(function() {
    console.log(1);
    setTimeout(function() {
        console.log(2);
    }, 1000);
    setTimeout(function() {
        console.log(3);
    }, 0);
    console.log(4);
})();

JavaScript'ер

🎮TOAST UI Calendar - календар на JavaScript Він побудований на JS, та має все необхідне, ось деякі фішки: ▪️підтримує різне подання розкладу: щоденне, щотижневе, щомісячне ▪️підтримує налаштування інтерфейсу користувача дати та інформації про розклад ▪️Drag&Drop: можна перетягувати елементи мишею ▪️можна налаштовувати інтерфейс користувача за темою Як на мене, то відмінний компонент для вашої веб-програми. 🐱GitHub JavaScript'ер

⚙️Спливаюче повідомлення з індикатором виконання Реалізовано на HTML, CSS та JS Посилання на Codepen *ТИЦЬ JavaScript'ер