JavaScript 🇺🇦

Landing Page With Swiper Карусель для фотографій, де активна картка накладається поверш інших. Кожне фото має кнопку з посиланням на інший сайт. #codepen // #practice // JS

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

Метод padEnd() заповнює поточний рядок іншим рядком (за потреби кілька разів), поки результуючий рядок не досягне заданої довжини.

const str1 = 'Breaded Mushrooms';

console.log(str1.padEnd(25, '.'));
// "Breaded Mushrooms........"

const str2 = '200';

console.log(str2.padEnd(5));
// "200     "

Заповнення застосовується з кінця поточного рядка. #padEnd // #practice // JS

Теги, clip-path, об'єктний тип Перестрибуємо 17-й урок відеокурсу "HTML+CSS+JS для всіх" як такий, що не містить теоретичних матеріалів, і одразу переходимо до 18-го уроку, на якому автор детально розповідає про теги в HTML, властивість clip-path в CSS і об'єктний тип даних в JavaScript. Мова: 🇺🇦 Тривалість: 1 год 23 хв #JS // #lessons // Вакансії IT

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

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

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

Pixel Canvas Web Component Картки з блискучими піксельними фонами, кожен з яких відрізняється кольором, величиною пікселів та швидкістю анімації. #codepen // #practice // JS

ReScript — найкраща альтернатива JavaScript? Ця стаття зосереджена на представленні потужних функцій мови ReScript, її навколишньої екосистеми та інтеграції з JS-бібліотекою React, яка найбільше пов’язана з нашим щоденним використанням. Мова: 🇬🇧 #ReScript // #theory // JS

Canva's Magic Mouse Effect Ефект підсвічування та сріблястих зірочок-конфетті для курсора — ідеально для святкового оформлення сайту. #codepen // #practice // JS

Саморобний авіа-симулятор на HTML і JS За допомогою Cursor чувак із соцмережі X за 8 годин створив мультиплеєрну онлайн-гру про літачок — повністю на HTML і JS.

За цей час він намагався пояснити нейронці, як працює пропелер, фіксував баги і додавав нові фічі на запит користувачів (наприклад, порт на мобілки).

👉 Зіграти #Cursor // #news // JS

Метод matchAll() повертає ітератор результатів після зіставлення рядка з регулярним виразом. Прапор g призначено для глобального пошуку. Він вказує, що ми перевіряємо регулярний вираз на відповідність всім збігам в рядку.

const sentence = "JavaScript1JavaScript2";

// Шаблон наявності 'JavaScript', після нього іде цифра
const regex = /JavaScript\d/g;

// Пошук збігів у рядку для заданого регулярного виразу
let results = sentence.matchAll(regex);

// Цикл через ітератор
for (result of results) {
   console.log(result);
}

// ["JavaScript1", index: 0, input: "JavaScript1JavaScript2", groups: undefined]
// ["JavaScript2", index: 11, input: "JavaScript1JavaScript2", groups: undefined]

Якщо об'єкт regex не має прапора g, буде видано виняток TypeError. Кожен елемент ітератора, що повертається, матиме додаткові властивості: input — копія рядка, index — де було знайдено рядок, groups — об'єкт іменованих груп захоплення. #matchAll // #practice // JS

Вакансія: JavaScript Developer Один з найбільших універсальних банків України UKRSIBBANK шукає на офісну роботу в Києві JS-розробника рівня Middle з досвідом від 3-х років — для розробки програмного забезпечення. 📝 Відкрити анкету #JS // #jobs // Архів книг

Метод trim() видаляє прогалини з обох кінців рядка. Пробіли — це всі пробілові символи (пробіл, табуляція, нерозривна пробіл тощо) та всі символи кінця рядка (LF, CR тощо).

const greeting = '   Hello world!   ';

console.log(greeting);
// "   Hello world!   ";

console.log(greeting.trim());
// "Hello world!";

#trim // #practice // JS

Essential Guide to React for All Levels Незалежно від того, початківець ви чи досвідчений розробник, цей вичерпний посібник стане для вас провідником у подорожі потужною екосистемою React — з поглибленими поясненнями та практичними прикладами. Рік: 2024 Мова: 🇬🇧 Автор: Adeolu O. #React // #books // JS

Як розпочати React-проект У цій статті автор надає короткий огляд того, як почати новий проект React — доступно розповідає про переваги та недоліки, а також необхідний рівень навичок розробника. Мова: 🇬🇧 #React // #theory // JS

function getAge(...args) {
   console.log(typeof args);
}

getAge (21);

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

Particles Cursor Ефект для фону у вигляді частинок, що розпадаються в просторі. Кожна з них летить у своєму напрямку та зменшується у розмірі. #codepen // #practice // JS

Сучасні інструменти тестування: JavaScript, Supertest та Jest/Mocha У цій статті автор дає розгорнуту і обґрунтовану відповідь, в чому полягають переваги автоматизованого тестування і від чого залежить вибір інструментів. Мова: 🇺🇦 #JS // #theory // Вакансії IT

Метод repeat() створює новий рядок, повторюючи заданий рядок кілька разів, і повертає його. Викликає RangeError, якщо кількість повторень негативна, дорівнює нескінченності або перевищує максимальний розмір рядка.

const holiday = "Happy holiday!";

// Двічі вводимо рядок
const result = holiday.repeat(2);
console.log(result); // Happy holiday!Happy holiday!

// При використанні 0 повертається порожній рядок
let result1 = holiday.repeat(0);
console.log(result1);

// Використовуємо нецілі значення
let result2 = holiday.repeat(3.2);
console.log(result2);
// Happy holiday!Happy holiday!Happy holiday!
let result3 = holiday.repeat(3.7);
console.log(result3);
// Happy holiday!Happy holiday!Happy holiday!

Якщо використовується параметр 0, повертається порожній рядок. При використанні нецілого числа значення перетворюється на найближче ціле число із заокругленням донизу. #repeat // #practice // JS

Елементи web-форм та їх стилізація На 16-му уроці відеокурсу "HTML+CSS+JS для всіх" автор детально розповідає про web-форми в HTML, їх стилізацію в CSS, а також про цикли в JavaScript. Мова: 🇺🇦 Тривалість: 2 год 49 хв #JS // #lessons // Вакансії IT