JavaScript 🇺🇦

Створюємо мікро-фронтенди з single-spa Використання single-spa для створення мікро-фронтендів полегшує розділення великої програми на маленькі незалежні частини, щоб різні команди могли працювати над одними частинами, не впливаючи на інші.

У цій статті показано, як створити мікро-фронтенди Angular і React, підключити їх до кореневої конфігурації та розгорнути.

Мова: 🇬🇧 #Angular #React // #theory // JS

Поділ великих функцій на менші допомагає забезпечити читання та спрощує тестування і підтримку коду.

function processData(data) {
   validateData(data);
   const transformedData =
transformData(data);
   saveData(transformedData);
   sendNotification('Data processed
successfully');
}

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

Навігація, background, null та undefined На 8-му уроці відеокурсу "HTML+CSS+JS для всіх" автор розповідає про навігацію в HTML, background в CSS і типи даних null та undefined в JavaScript. Мова: 🇺🇦 Тривалість: 1 год 5 хв #JS // #lessons // Вакансії IT

Sidebar navigation Створено та анімовано на HTML і CSS, а в JS реалізовано лише логіку відкриття/закриття. #codepen // #practice // JS

Поєднуємо RxJS із сигналами в Angular Автор цієї статті розповідає про взаємодію між RxJS і сигналами, щоб досягти справжнього симбіозу в роботі із застосунком, використовуючи сильні сторони обох інструментів. Мова: 🇺🇦 #RxJS #Angular // #theory // JS

Outfit at Dusk Кнопка перемикання меню з нав-баром. Реалізовано за допомогою JavaScript та CSS. #codepen // #practice // JS

Живі розробники досі в моді Стартап Cognition.ai, який обіцяє замінити всіх живих розробників своїм "першим у світі ШІ-розробником", відкрив вакансію для... живого фултайм-розробника! 😛 А лялякати кожен може. #JS // #news // Вакансії IT

Уникайте змін даних безпосередньо і надавайте перевагу створенню нових об'єктів або масивів для збереження незмінності даних.

const originalArray = [1, 2, 3];
const newArray = [...originalArray, 4];

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

Вакансія: Front-End JavaScript / TypeScript Developer Адвокатське Об'єднання "Актум" шукає на віддалену чи офісну роботу в Києві фронтендера з досвідом роботи на Node.js, Next.js, Nest.js і впевненими знаннями HTML, CSS, JS / TS — для розробки та підтримки функціональності ERP-системи, мобільного застосунку і сайту. 📝 Відкрити анкету #jobs // Архів книг // JS

Використання констант робить код більш читаним та забезпечує єдине значення по всьому коду.

const MAX_ALLOWED_ATTEMPTS = 3;
if (attempts > MAX_ALLOWED_ATTEMPTS) {
   // Дії при перевищенні максимальної кількості спроб
}

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

React.js Design Patterns Чудова книга, яка познайомить вас з шаблонами проектування React і найкращими практиками для вирішення типових проблем розробки у цій JS-бібліотеці.

Наприкінці книги ви зможете створювати складні та підтримувані програми React за допомогою JavaScript і TypeScript.

Рік: 2023 Мова: 🇬🇧 Автор: Anthony Onyekachukwu Okonta #React // #books // JS

📈Минулого року кількість зареєстрованих кіберінцидентів зросла на 62,5%, в порівнянні з 2022 роком. А світовий збиток від кіберзлочинності досягне 10,5 трлн доларів у 2025 році. Що ще очікувати айтівцям у новому році? 💡 Відповіді знайдете на онлайн-конференції «ІТ у 2025 році: виклики, орієнтири, можливості». На конференції ви дізнаєтеся:

🗣про головні тренди у розробці, машинному навчанні та кібербезпеці на 2025 рік, 🗣як залишатися популярним на ринку праці та отримувати офери від топових компаній, 🗣про реальні профільні кейси експертів та історії успіху студентів.

🎁 Отримаєте шанс виграти грант на безплатне навчання в Neoversity. Дата: 28 грудня, 12:00 🪙 Реєстрація обов’язкова: https://i.goit.global/2i2zu

Масштабовані мікро-фронтенди з Next.js Multi Zones В міру того, як веб-програми стають все складнішими, нам часто доводиться розбивати їх на менші, більш керовані частини. Тут на допомогу приходить Next.js Multi Zones — потужна функція, яка дозволяє створювати мікро-інтерфейси, що бездоганно працюють разом.

У цій свіжій статті автор розглядає, як використовувати Multi Zones для створення масштабованих веб-додатків, які можна підтримувати.

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

const obj = {
    objProp: 42,
};

class Foo {
    get classProp() {
        return 24;
    }
}
const bar = new Foo();

console.log('objProp' in obj);
console.log('toString' in obj);
console.log('classProp' in bar);

console.log(obj.hasOwnProperty('objProp'));
console.log(obj.hasOwnProperty('toString'));
console.log(bar.hasOwnProperty('classProp'));

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

Responsive Blog Card Slider Адаптивна картка зі слайдером Swiper. Слайди можна прокручувати за допомогою колеса мишки або натисканням пагінації. #codepen // #practice // JS

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

Наочно про вказівники ☝️ #JS // #theory // Вакансії IT

Оператор Rest дозволяє передавати змінну кількість аргументів на функцію, що робить код більш гнучким.

function sum(...numbers) {
   return numbers.reduce((acc, num) ⇒ acc + num, 0);
}

#Rest // #practice // JS

Блокові та лінійні елементи, box-model, тип даних boolean На 7-му уроці відеокурсу "HTML+CSS+JS для всіх" автор розповідає про блокові та лінійні HTML-елементи, демонструє box-model в CSS, і пояснює про тип даних boolean. Мова: 🇺🇦 Тривалість: 1 год 26 хв #JS // #lessons // Вакансії IT

Directionally Aware Hover Ефект hover, який відкривається з того боку, з якого навели мишкою. Реалізовано без використання JS. #codepen // #practice // JS