JavaScript 🇺🇦

Метод 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 // Архів книг

Sparkly Stars Красивий ефект при наведенні на текст. Реалізовано на canvas і чистому JS. #codepen // #practice // JS

Особливості використання innerHTML innerHTML — це властивість JavaScript, яка дозволяє працювати з вмістом HTML-елементів.

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

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

Статичний метод Reflect.preventExtensions() запобігає додаванню нових властивостей до об'єкта. Він схожий на Object.preventExtensions(), але з деякими відмінностями.

const object1 = {};

console.log(Reflect.isExtensible(object1));
// true

Reflect.preventExtensions(object1);

console.log(Reflect.isExtensible(object1));
// false

Якщо аргумент target методу Reflect не є об'єктом (примітивом), це викличе TypeError. З методом Object аргумент target, що не є об'єктом, перетвориться на об'єкт. #Reflect // #practice // JS

Адаптуємо лендінг, ч.5 На 13-му уроці відеокурсу "HTML+CSS+JS для всіх" автор дає п'яту частину свого детального пояснення-демонстрації верстки лендінгу — і розповідає про його адаптацію. Мова: 🇺🇦 Тривалість: 1 год 17 хв #JS // #lessons // Вакансії IT

Text Scroll And Hover Effect Ефект для тексту "два в одному": при прокручуванні сторінки текст заповнюється кольором, а при наведенні курсора — змінюється на інший текст з кольоровим фоном. #codepen // #practice // JS

Гібридний онлайн WYSIWYG-редактор для React Паралельно з розвитком World Wide Web вдосконалювались інструменти для швидкого та зручного створення контенту в форматі HTML. Одним з простих та поширених рішень для цього є онлайн WYSIWYG-редактори. Про їхні останні досягнення і піде мова в цій статті. Мова: 🇺🇦 #WYSIWYG #React // #theory // JS

Image Slider Effect Website Створено й анімовано на HTML і CSS. Логіка перемикання слайдів реалізована в чистому JS. #codepen // #practice // JS

Тестуємо введення даних на міцність Репозиторій Big List of Naughty Strings зібрав символи і рядки, які здатні викликати баги, збої та вразливості під час користувацького введення.

Тут є невидимі Unicode-символи, рядки, що порушують валідацію, та інші хитрі кейси. Ідеальний інструмент для QA-тестування, щоб переконатися, що ваш застосунок справляється з граничними і незвичайними ситуаціями.

👉 Скачати з GitHub #JS // #news // Вакансії IT

Дуже зручна однорядкова функція JavaScript, яка важлива ще й з міркувань безпеки:

const stripHtml = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';
stripHtml('<h1>Hello <strong>World</strong>!!!</h1>');
// Результат: Hello World!!!

Користувачі можуть вводити значення на основі тегів. При прийомі введення користувача можна вилучати будь-які HTML-елементи з тексту, введеного користувачем, за допомогою DOMParser. #JS // #practice // Вакансії IT

Вакансія: Front-End Developer Провідний постачальник комплексних ІТ-рішень компанія Asap Demo шукає на офісну роботу в Києві фронтенд-розробника з досвідом роботи на React, Vite, TypeScript, Tailwind CSS від 1-го року — для розробки та підтримки сучасних веб-додатків. 📝 Відкрити анкету #JS // #jobs // Архів книг

Метод toUpperCase() повертає рядкове значення виклику, перетворене на верхній регістр.

const sentence =
'The quick brown fox jumps over the lazy dog.';

console.log(sentence.toUpperCase());
// THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.

Значення перетвориться на рядок, якщо воно не є рядком. Якщо викликається null або undefined, буде TypeError. #toUpperCase // #practice // JS

📚 Безкоштовні книги та ресурси з програмування Репозиторій EbookFoundation зібрав усе для прокачування ваших навичок: книжки, курси, завдання, тренажери, подкасти, шпаргалки практично з усіх мов програмування.

І головне — все це доступно не тільки англійською, а й іншими мовами.

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

Нажаль це правда! Більшість людей не знають, як зайнятись саморозвитком Проведені в 2024 році опитування показало, що більше 95% людей, досі не розуміють, як розвиватися без зайвих зусиль. Але ж вже давно створили Mind the gap — канал для тих, хто хоче стати кращим, без знущання над собою. 😪 Після підписки, ти 100% змінеш своє життя – @Mind_the_gap