JavaScript 🇺🇦

Отримуємо код сайту по скріншоту Нейромережа ScreenshotToCode аналізує всі елементи сторінки, що знаходяться на скріншоті, і видає їх код. Дуже корисно для початківців веб-розробників. 👉 Спробувати #ScreenshotToCode // #news // JS

Статична властивість count використовується для підрахунку створених екземплярів класу Counter.

class Counter {
   static count = 0;

   constructor() {
      Counter.count++;
   }

   static getCount() {
      return Counter.count;
   }
}

const counter1 = new Counter();
const counter2 = new Counter();
console.log(Counter.getCount()); // Виведе 2

#count // #practice // JS

⚙️Щоб зайняти посаду Engineering Manager та професійно керувати командою — необхідно мати досвід та знання Зі всіма аспектами позиції допоможе розібратися Богдан Пономарчук, Platform Engineering Lead у Jooble → на курсі Engineering Manager За 20 занять ви навчитеся: ✔️формувати цілі для команди за методикою OKR ✔️оптимізовувати структуру команди ✔️наймати, онбордити й будувати плани розвитку ✔️планувати й очолювати ініціативи ✔️налаштовувати комунікацію між стейкхолдерами, іншими департаментами та своєю командою В результаті будете ініціювати зміни, керувати ризиками й командами — від найму та адаптації до вищої ефективності Програма створена для розробників, тестувальників та архітекторів, які вже виросли зі своєї позиції і готові керувати технічними командами. Також курс буде корисним тімлідам і техлідам, які хочуть прокачати стратегічне мислення й розвинути лідерські якості PDF-гайд з рекомендаціями Цей курс відповідає стандартам якості навчання PMI Старт: 29 жовтня Деталі та реєстрація ⬅️

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

Glowing ring Анімація завантаження з дзеркальним ефектом, створеним за допомогою тіней CSS-властивості box-shadow. #codepen // #practice // JS

Посібник з деструктуризації В 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