JavaScript 🇺🇦

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

let importObject = { imports: { imported_func: arg => console.log(arg) } };

WebAssembly.instantiateStreaming(fetch('simple.wasm'), importObject)
.then(obj => obj.instance.exports.exported_func());

У цьому прикладі модуль .wasm передається безпосередньо з базового джерела, потім компілюється та створюється його екземпляр. Promise виконується за допомогою ResultObject. #WebAssembly // #practice // JS

JavaScript Interview Questions & Challenges Це лаконічний посібник щодо запитань і викликів співбесіди з JavaScript. Книга надає чіткі пояснення та практичні приклади, які допоможуть розвинути знання і впевненість.

Ви дізнаєтеся, як вирішувати складні проблеми за допомогою JavaScript, і отримаєте необхідні навички, щоб справити враження на потенційних роботодавців. Завдяки детальним поясненням і вказівкам експертів, ця книга є важливим ресурсом для тих, хто хоче освоїти JavaScript і знайти хорошу роботу.

Рік: 2023 Мова: 🇬🇧 Автор: George Moller #JS // #books // Архів книг

Розбиваємо довгі завдання на частини Дуже поширеним є навмисне розбивання довгих, дорогих завдань на кілька тактів циклу подій в JavaScript — тут є чимало різних підходів на вибір, які й роз'яснюються в даній статті. Мова: 🇬🇧 #JS // #theory // Архів книг

console.log(Number(42) === Number(42));
console.log(Boolean(1) === Boolean(true));
console.log(Symbol('bar') === Symbol('bar'));

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

Flipping Business Card Картка з вертикальним перевертанням, написана на SCSS. Якщо прибрати з картки курсор, вона повернеться у вихідне становище. #codepen // #practice // JS

Моно-репозиторії в JavaScript і TypeScript Це вичерпна навчальна стаття, яка наочно демонструє використання найсучасніших інструментів у створенні архітектур моно-репозиторіїв на JavaScript і TypeScript. Мова: 🇬🇧 #JS // #theory // Вакансії IT

Функція Symbol.matchAll повертає ітератор, який видає збіги регулярного виразу з рядком. Ця функція викликається методом String.prototype.matchAll().

const str = '2016-01-02|2019-03-07';
const numbers = {
   * [Symbol.matchAll] (str) {
      for (const n of str.matchAll(/[0-9]+/g))
         yield n[0];
   }
};

console.log(Array.from(str.matchAll(numbers)));
// ["2016", "01", "02", "2019", "03", "07"]

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

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

Sudoku Neumorphism Design Об'ємна судоку для мобільних пристроїв. Цифри можна вводити як з клавіатури, так і за допомогою клавіш внизу екрана. #codepen // #practice // JS

⁉️ Вже 3+ роки на одній позиції і боязко щось змінювати? Багато ІТ фахівців пропускають момент, коли треба рухатися вперед, а потім опиняються в ситуації, коли їх змінюють на молодших, швидших та дешевших.

📉 Якщо ви не оновлювали свої навички останній рік – ринок уже змінився без вас. 📉 Якщо вам не підіймали зарплату – компанія не бачить у вас перспективи. 📉 Якщо робота стала рутиною – ви вже втратили конкурентну перевагу.

Як вирватися з цього замкненого кола? Дамо конкретний план дій на вебінарі «Як залишитися в IT». ⌚️ Коли? 11 лютого о 19:00. ▶️Аналітика ринку: прогнози щодо зарплат, вакансій та найму у 2025 році. ▶️Нові вимоги до ІТ-фахівців: що потрібно, щоб отримати кращу роботу? ▶️Реальні кейси: як європейська магістерська освіта допомагає вирватися вперед. 👉 Реєструйтеся зараз, змагайся за грант на IT магістратуру в Neoversity!

Декоратори та анотації JavaScript Мета-програмування в JavaScript — це захоплююча техніка, яка дозволяє динамічно змінювати, перевіряти або навіть генерувати код. Хоча JS не має вбудованих анотацій, як у Java, він надає декоратори, які служать подібній меті.

Декоратори все ще є пропозицією Stage 3 ECMAScript, але вони широко застосовуються в TypeScript і Babel для програмування на основі класів. Крім того, JavaScript надає API Reflect, який забезпечує відображення метаданих і динамічний доступ до властивостей, що робить декоратори ще потужнішими.

Мова: 🇬🇧 #JS // #theory // Вакансії IT

Liquid Button Шість "рідких" кнопок, з якими цікаво взаємодіяти навіть до натискання. Зроблено на зв'язці HTML + SCSS + JS. #codepen // #practice // JS

🧰 Добірка інструментів для кожного програміста Untools — це колекція фреймворків та інструментів, яка допоможе вам розв'язувати проблеми, ухвалювати рішення та прокачати системність.

Тут немає ШІ, це просто концепції та методології, які ви можете вивчити і застосовувати в роботі або повсякденному житті. Все зрозуміло розписано, містить ілюстрації та приклади.

👉 Ознайомитись #Untools // #news // JS

Метод splice() дозволяє змінювати вміст масиву, видаляючи або замінюючи існуючі елементи на нові.

const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
console.log(months);
// ["Jan", "Feb", "March", "April", "June"]

months.splice(4, 1, 'May');
console.log(months);
// ["Jan", "Feb", "March", "April", "May"]

Цей метод змінює вихідний масив та повертає видалені елементи у вигляді нового масиву. Щоб отримати доступ до частини масиву без зміни, використовуйте slice(). #splice // #practice // JS

Вакансія: Vue.js Developer Міжнародне агентство з підбору персоналу People Pulse шукає на офісну роботу в Києві розробника зі знанням HTML, CSS, JavaScript і досвідом на Vue.js від 3-х років — для розробки та підтримки веб-додатків. 📝 Відкрити анкету #JS // #jobs // Архів книг

Advanced Data Fetching Patterns in React Ця книга — ваш путівник через складнощі сучасної розробки React. Ми помандруємо тонкощами паралельних запитів, відкладеного завантаження та SSR і заглибимося в інноваційні території серверних компонентів і Suspense API.

Кожна тема розбита на зрозумілі сегменти, що надає практичну інформацію та чіткі пояснення.

Рік: 2024 Мова: 🇬🇧 Автор: Juntao Qiu #JS // #books // Архів книг

Метод Object.assign() копіює всі власні властивості, що перераховуються, з одного або декількох вихідних об'єктів в цільовий об'єкт.

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);
// { a: 1, b: 4, c: 5 }

console.log(returnedTarget);
// { a: 1, b: 4, c: 5 }

Він повертає змінений цільовий об'єкт. Цей метод копіює лише власні властивості, що перераховуються. #JS // #practice // Вакансії IT

❗️ Безоплатний 8-денний тест-драйв IT професій ▪️ Для бажаючих працювати онлайн і заробляти в $; ▪️ Для тих, хто давно хотів працювати в IT, але не обрав для себе напрям Тривалість — 8 днів. Заняття проходять вечорами.

На тест-драйві ви спробуєте себе в ролях: ▫️ вебдизайнера, ▫️ розробника, ▫️ дата-аналітика, ▫️ проджекта, ▫️ тестувальника.

✅ Програма розрахована на новачків. У вільний час ви дивитесь короткі лекції та робите цікаві завдання, які перевіряє ментор. Почни новий рік правильно! 🎁 Після реєстрації приємний бонус: Штучний інтелект в IT. Як використовувати AI у 5 ключових ІТ-професіях?. 🔥 Реєструйтесь за посиланням: https://i.goit.global/bouMG

Реактивне програмування для лінивих Реактивне програмування — це парадигма (підхід або "стиль" написання програм), побудована на потоках даних і розповсюдженні змін.

Це означає, що у мовах програмування має бути можливість легко виразити статичні чи динамічні потоки даних, а реалізована модель виконання буде автоматично розсилати зміни через потік даних. Детальніше про переваги реактивного програмування для JS-розробників — у свіжій статті.

Мова: 🇺🇦 #JS // #theory // Архів книг

const arr = [1, 2, 3];

console.log(Array.from(arr, x => x + x));

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