JavaScript 🇺🇦

Angular: створюємо Signals із Observables Сигнали все частіше стають альтернативою RxJs у додатках Angular. Звичайно, існують функції toSignal і toObservable для реалізації взаємодії між Angular Signals і RxJs Observables, але що робити, якщо ми хочемо отримати більше можливостей? Саме про це — дана стаття. Мова: 🇬🇧 #Angular // #theory // JS

const myObj = {
   name: "John",
   age: 30,
   city: "New York"
};

console.log(myObj.phone);

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

Nav Bar Micro Interaction Стильна навігаційна панель, реалізована за допомогою CSS. #codepen // #practice // JS

⚙️ Опанувати Node.JS = перейти на новий рівень у розробці, карʼєрі та зарплаті. А ще, це один з найпопулярніших інструментів веб-розробки, що дозволяє фронтендеру писати бекенд, налаштовувати взаємодію з базами даних, розгортати інфраструктуру і тестувати середовище. Навчіться ефективно працювати з базами даних та заглибтесь у backend-fullstack розробку ― на курсі Node.JS від robot_dreams За 2 місяці навчання ви: → ознайомитеся з платформою Node.JS та основними фреймворками типу Express.js і Jest → навчитеся працювати із серверами й базами даних, зокрема MySQL і MongoDB → опануєте асинхронну модель програмування → навчитеся розгортати, тестувати й гарантувати безпеку застосунків → отримаєте best practices роботи з Node.JS 📲 У результаті ― розробите власний серверний застосунок і напрацюєте рішення для поточних і майбутніх проєктів Лектор: Сергій Ващенко ― Software Designer, який має понад 7 років досвіду в наданні розробки у сфері Frontend/Backend Дізнатися більше ⬅️

Глибоке занурення у форми з сучасним React У даній статті автор детально розглядає, як використовувати сучасні React API для створення форм без сторонніх бібліотек чи фреймворків. Мова: 🇬🇧 #React // #theory // JS

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 // Архів книг