JavaScript 🇺🇦

Directionally Aware Hover Ефект hover, який відкривається з того боку, з якого навели мишкою. Реалізовано без використання JS. #codepen // #practice // JS

Новий асинхронний Clipboard API Раніше ми покладалися на document.execCommand("copy") для обробки операцій буфера обміну. Цей підхід був синхронним і обмеженим — він дозволяв копіювати текст лише з вибраних елементів DOM. Крім того, він не працював узгоджено в різних браузерах. API navigator.clipboard вирішує ці проблеми, надаючи асинхронні методи, які працюють з різними типами даних. Крім того, це безпечніше — браузери вимагають явного дозволу, перш ніж дозволити доступ до буфера обміну. Детальніше про це — у статті. Мова: 🇬🇧 #ClipboardAPI // #theory // JS

🔝 Дата аналітика увійшла в топ-10 високооплачуваних професій майбутнього Аналітики даних можуть знайти роботу в будь-якій сфері: IT, маркетинг, e-commerce, фінанси, освіта, сільське господарство.

💙 Українські дата-фахівці створили платформу для підтримки аграріїв під час війни. Вона дозволяє моніторити стан полів на основі супутникових даних💙

Хочеш дізнатись більше про кар'єру Data Analyst? Реєструйся на безплатний інтенсив. ➡️ i.goit.global ⬅️ 4 дні | Онлайн | Безкоштовно

Range Slider Декілька стилізованих слайдерів на чистому CSS. #codepen // #practice // JS

Як винахідливо захистити код від халявників Румунські айтішники знайшли креативний спосіб боротися з неплатниками: їхній код поступово робить сайт прозорим, поки той повністю не "зникне".

Фішка працює не тільки з сайтами, а й з Android, iOS, Windows і навіть Flutter-додатками.

📥 На GitHub можна завантажити репозиторій, налаштувати дедлайн і час для оплати. #JS // #news // Вакансії IT

Ці методи роблять код більш читабельним і зменшують ймовірність помилок під час роботи з масивами.

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num ⇒ num * 2);
const evenNumbers = numbers.filter(num ⇒ num % 2 ≡ 0);
const sum = numbers.reduce((acc, num) ⇒ асс + num, 0);

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

Вакансія: Front-End Developer Національна продуктова ІТ-компанія Linkos Group шукає на офісну роботу в Києві фронтендера зі знанням фреймворку Vue.js і досвідом роботи з HTML, CSS, JavaScript — для розробки веб-застосунку. 📝 Відкрити анкету #jobs // Архів книг // JS

Хороші логи допомагають відстежувати процеси в коді, виявляти проблеми та швидко їх вирішувати.

function processUserData(userData) {
   if (!userData) {
   console.error('No user data provided');
      return;
   }
   // Логіка обробки даних
}

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

Practical Highcharts with Angular Ця книга навчить вам створювати приголомшливі анімовані та інтерактивні діаграми за допомогою Highcharts і Angular.

З нею ви зможете використовувати наявні знання про HTML, CSS і JavaScript і розвивати їх, щоб розробити вражаючі інформаційні панелі, які працюватимуть у всіх сучасних браузерах.

Рік: 2023 Мова: 🇬🇧 Автор: Sourabh Mishra #Angular // #books // JS

Опановуємо CRUD в Next.js У світі веб-розробки операції CRUD є основними будівельними блоками та мають вирішальне значення для керування даними.

Вони присутні практично в усіх програмах, від простих сайтів до складних корпоративних рішень. У цій статті розглядається робота з CRUD-операціями в NestJS.

Мова: 🇬🇧 #NestJS #CRUD // #theory // JS

const foo = () => {
    try {
        throw new Error("error");
        return 24;
    } catch (error) {
        return error;
    } finally {
        return 42;
    }
};

console.log(foo());

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

Scattering hexagons Анімація шестикутників, що розсіюються. Реалізовано за допомогою jQuery. #codepen // #practice // JS

Як працює React Compiler на реальному коді За останні кілька років одним з найбільших джерел хвилювання та очікувань у спільноті React був інструмент, відомий як React Compiler (раніше React Forget).

У цій статті підсумовується проблема, яку намагається вирішити компілятор, а також розповідається, як вона вирішується без компілятора і як компілятор працює на реальному коді.

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

Стрілкові функції зменшують обсяг коду і зберігають контекст цього.

const square = x ⇒ x * x;

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

Верстаємо два різних компоненти На 6-му уроці відеокурсу "HTML+CSS+JS для всіх" автор продемонструє верстку одразу двох різних компонентів по figma-макету. Мова: 🇺🇦 Тривалість: 2 год 38 хв #JS // #lessons // Вакансії IT

Liquid Radio Button Радіо-кнопка, зроблена з svg-картинки і анімована бібліотекою gsap. #codepen // #practice // JS

Освоюємо дату та час в JavaScript У цій статті автор розглядає обмеження JavaScript Date API, обговорює сильні та слабкі сторони популярних бібліотек, таких як Moment.js, і заглиблюється в Temporal API. Мова: 🇬🇧 #JS // #theory // Архів книг

Movie App Концепція бібліотеки фільмів, реалізована на Vue. #codepen // #practice // JS

📊 Топ-15 банків України за кількістю IT-спеціалістів Редакція DOU запустила рейтинг банків в Україні за кількістю ІТ-спеціалістів, де зібрала інформацію про розташування офісів і ключові напрями розвитку технологій.

Також журналісти розпитали про специфіку роботи айтівців у банках і плани на розвиток і найм у майбутньому році.

👉 Детальніше #JS // #news // Архів книг

Шаблонні рядки полегшують вставку змінних і роблять код більш читабельним.

function processData (data) {
   if (typeof data ≡ 'string') {
      // Обробка рядка
   } else if (Array.isArray(data)) {
      // Обробка масиву
   }
}

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