JavaScript 🇺🇦

async function multipleAsyncWork() {
   const promises = [promise1(), promise2(), promise3()];
   const results = await
Promise.allSettled(promises);
   console.log(results);
}

Promise.allSettled очікує завершення всіх промісів і повертає їх стани (успішно чи з помилкою) та результати. #JS // #practice // Вакансії IT

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

Debit Card Анімована банківська карта. Реалізовано за допомогою CSS та JS. #codepen // #practice // JS

Зближення JS-фреймворків Головний розробник Angular від Google Мінко Гечев, якому доручили об’єднати два фреймворки Google, розповів, що Angular і React — це, по суті, один і той самий фреймворк. Мова: 🇬🇧 #React #Angular // #theory // JS

Ecommerce product notifications Інтерфейс повідомлень для електронної комерції. Реалізовано за допомогою CSS. #codepen // #practice // JS

101 порада та підказка для React У цій статті автор, який професійно працює з React протягом останніх 5 років, ділиться найкращими порадами і підказками, яких навчився за ці роки. Мова: 🇬🇧 #React // #theory // JS

async function parallelAsyncWork() {
   const [result1, result2] = await
Promise.all([promise1(), promise2()]);
   console.log(result1, result2);
}

Promise.all дозволяє виконати проміси паралельно, і потім ми очікуємо обидвох результатів. #JS // #practice // Вакансії IT

Вакансія: Trainee Angular Developer Компанія NerdySoft шукає на віддалену чи офісу роботу у Львові розробника, який володіє знаннями JavaScript та AngularJS і з нетерпінням чекає свого першого досвіду комерційної розробки. 📝 Відкрити анкету #JS // #jobs // Архів книг

async function sequentialAsyncWork() {
   const result1 = await someAsyncFunction1();
   const result2 = await someAsyncFunction2(result1);
   console.log(result2);
}

Функція doAsyncWork очікує на виконання промісу і виводить його результат при успішному виконанні або помилку при відхиленні. #JS // #practice // Вакансії IT

250+ Killer JavaScript One-Liners Ця книга — ваше свідоцтво про опанування тонкощів JavaScript. Всередині ви знайдете колекцію потужних, лаконічних фрагментів коду, які змінять ваш спосіб написання та мислення про JavaScript. Рік: 2024 Мова: 🇬🇧 Автор: Hernando Abella #JS // #books // Архів книг

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

⚙️ Як обробляти більше 1-го Пбайта даних? 19 вересня у robot_dreams стартує курс Data Engineering — для тих, хто хоче навести лад в архітектурі даних та опанувати ключові інструменти дата-інженера на практиці. 🧩 PDF-гайд 8 ефективних інструментів для Data Engineers На курсі ви: ✔️розберете рішення обробки Big Data, дізнаєтеся, на що зважати під час розробки системи та як не панікувати, якщо вимоги змінюються ✔️навчитесь користуватися Hadoop, Apache Airflow, Apache Spark, SparkSQL ✔️Побудуєте два пайплайни даних для аналізу продажів на Google Cloud або PySpark і додасте кейс у своє портфоліо Лектор: Денис Кулемза, Big Data Engineer в Intellias ▪️4+ роки досвіду роботи з Big Data ▪️працював з великими міжнародними замовниками типу Jabil та Inspire Brands ▪️запроваджував рішення у сфері логістики та виробництва Деталі, програма та реєстрація ⬅️ Приєднуйтесь до курсу та відкрийте для себе новий підхід роботи з даними 👨‍💻

const arr = [10, 20, 30, 40];
const result = arr.fill(0, 2, 4);
console.log(result);

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

Engraved Theme Toggle Мінімалістичний перемикач теми. Реалізовано за допомогою CSS. #codepen // #practice // JS

Різниця між Vue 2 та Vue 3 Vue.js — це популярний фреймворк JavaScript для створення інтерфейсів користувача. Випуск Vue 3 запропонував значні покращення та нові функції, порівняно з Vue 2. У цій статті надано детальне порівняння між Vue 2 та Vue 3, де підкреслені ключові відмінності та вдосконалення, а також фрагменти коду для ілюстрації цих змін. Мова: 🇬🇧 #JS // #theory // Архів книг

📢 Здобувайте EU ступінь магістра CYBERSECURITY онлайн 9 вересня стартує магістерська група з кібербезпеки в IT-університеті Neoversity. ⚡️Ви ще встигаєте приєднатись: лінк Вища освіта в Neoversity — це: ▫️EU диплом, що визнано в 51 країні: ЄС, США, Канада. ▫️Гнучкий онлайн: 87% студентів поєднують освіту та роботу. ▫️ІТ English для роботи за кордоном. ▫️10+ проєктів у вашому порфоліо та власний стартап як диплом. ▫️Особистий карʼєрний консультант, що допоможе досягти цілей по ЗП. Автор програми: Сергій Борона, Head of Information Security, Ciklum 🤩 ❗️Якщо ви прагнете «пробити стелю», вийти на next lvl в карʼєрі, працювати з дійсно цікавими проєктами та заробляти значно більше — запрошуємо. Вступ без ЄВІ та інших іспитів. Серед нових студентів розіграємо 10 EcoFlow River 2. 🔥Дізнатися більше🔥

const promise = new Promise((resolve, reject) ⇒ {
   setTimeout(() ⇒ {
      reject('Помилка!');
    }, 1000);
});

promise.catch(error ⇒ {
   console.error(error); // Виведення: Помилка!
});

Тут проміс відхиляється через 1 секунду і ми ловимо помилку за допомогою методу catch. #JS // #practice // Вакансії IT

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

Neumorphism animation Стильна анімація неоморфної кнопки. Реалізовано за допомогою CSS. #codepen // #practice // JS

Flutter vs React-Native: детальне порівняння Flutter — це технологія, яка досі викликає ажіотаж в мобільній розробці. Його стали частіше вибирати для створення нових застосунків, а деякі розробники переписують на Flutter навіть старі застосунки, по суті, без якихось видимих на те причин.

Автор даної статті провів з Flutter кілька місяців на продакшн-проекті, і поділився своїм досвідом, порівнявши його з React-Native.

Мова: 🇺🇦 #Flutter // #theory // JS