JavaScript 🇺🇦

Кеш у сервісах NestJS Якщо ви працюєте з NestJS, то напевно знаєте, що кешування — це маст-хев для продуктивного додатку. Без кешу ваш сервер може працювати, як старий принтер: думає довше, ніж друкує.

У цій статті ми разом з автором розберемо, як правильно додати кеш у NestJS, створимо глобальний модуль кешування, а також напишемо декоратор Cached() для кешування викликів функцій.

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

Метод join() створює і повертає новий рядок шляхом об'єднання всіх елементів масиву (або об'єкта, подібного до масиву), розділених комами або заданим рядком-розділювачем.

const elements = ['Fire', 'Air', 'Air', 'Water'];

console.log(elements.join());
// "Fire,Air,Water"

console.log(elements.join(''));
// "FireAirWater"

console.log(elements.join('-'));
// "Fire-Air-Water"

❕ Якщо в масиві лише один елемент, цей елемент буде повернутий без використання роздільника. #Array #join // #practice // JS

50 Tips on JavaScript Лаконічний посібник про 50 найцікавіших функцій, концепцій і шаблонів у JavaScript.

Ви дізнаєтесь про деструкцію, ітерації, генератори, корисні API браузера. Книга охоплює такі поняття, як функції вищого порядку, запам’ятовування, каррінг і кінцеві машини. Також у ній викладені основи Flux та Redux, і таких шаблонів, як singleton і publisher/subscriber.

Рік: 2020 Мова: 🇬🇧 Автор: Krasimir Tsonev #JS // #books // Вакансії IT

Компроміси в архітектурі React: SPA, SSR або RSC У цій свіжій статті наводиться доступне порівняння між односторінковими застосунками (SPA) на React і фреймворками, що є гібридом SPA та SSR/RSC — і чому краще використовувати фреймворки. Мова: 🇬🇧 #React // #theory // JS

let newList = [1, 2, 3].push(4)

console.log(newList.push(5));

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

🎓 Хочете вийти за межі «типового ML»? 12 квітня відбудеться Data Science & Analytics Meetup — онлайн-подія, де троє досвідчених фахівців з AI/ML поділяться практичними кейсами, які не знайти у мануалах. 📣 Від розпізнавання рослин до прогнозування цін на житло: застосування методів ML

🟠 Як формуються задачі класифікації та регресії 🟠 Обробка даних, відбір бібліотек, побудова моделей 🟠 Метрики та оцінка точності — як зрозуміти, що модель справді працює

📣 ML та персоналізація: як створюються рекомендації?

🟡 Як будується прогноз взаємодій користувачів 🟡 Рекомендаційні системи: sequence models, комбіновані архітектури 🟡 Як впроваджують такі системи в продакшн і як міряють їхню ефективність

📣 Еволюція Computer Vision: від LeNet до сучасних моделей

🟢 Історія CNN: як створювались і змінювались архітектури 🟢 Чому ResNet став проривом 🟢 Що зараз працює у Computer Vision і які тренди формують майбутнє

Крім основного контенту:

Check Micro Animation Чек-бокс із анімацією при натисканні. Елемент має градієнтну заливку, яка заповнює всю його площу в активному стані. #codepen // #practice // JS

Вакансія: Full-Stack (Django + JS) Engineer Продуктова IT-компанія UPSTARS шукає на віддалену роботу фулстак-розробника з досвідом на SCSS, JS, (Alpine.js, Tailwind) та фреймворком Django від 2-х років, і досвідом на Python від 3-х років — для написання нових сервісів на базі Django. 📝 Відкрити анкету #Django // #jobs // JS

Метод delete() видаляє вказаний елемент з об'єкта Map за ключем.

const map1 = new Map();
map1.set('bar', 'foo');

console.log(map1 delete('bar'));
// true

console.log(map1.has('bar'));
// false

Повертає true, якщо елемент в об'єкті Map існував і був видалений, або false, якщо елемента не існує. #Map #delete // #practice // JS

Змінні та типи даних На 3-му уроці відео-курсу по JavaScript від Дмитра Охріменка ми познайомимось з фундаментальним синтаксисом JS, що базується на змінних, типах даних та основних операторах. Мова: 🇺🇦 Тривалість: 1 год 44 хв #JS // #lessons // Вакансії IT

Image Grids Animation Анімація для картинок у вигляді сітки із заокруглених рамок. Шаблон підлаштовується під ширину кожного зображення. #codepen // #practice // JS

JavaScript і синхронний await У JavaScript код має "колір": він або синхронний, або асинхронний. У цій статті автор досліджує проблеми, викликані цим поділом, і як їх виправити за допомогою синхронного await. Мова: 🇬🇧 #await // #theory // JS

World Places Картки з 3D-ефектом і розмитою зовнішньою тінню. При наведенні курсору вони плавно переходять у вертикальну позицію. #codepen // #practice // JS

🖥 Крутий сайт для прокачування навичок і підготовки до співбесід З'явився сайт BFE-dev, де зібрано понад 600 завдань з JavaScript, React, TypeScript, CSS і навіть системного дизайну. Можна писати код прямо в браузері з підтримкою TypeScript, одразу перевіряти рішення і дивитися, як впоралися інші. 👉 Відвідати сайт #BFE // #news // JS

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

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

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

Метод lastIndexOf() повертає останній індекс, яким даний елемент може бути знайдений в масиві. ❕ Якщо він відсутній, повертається -1.

const animals = ['Dodo', 'Tiger', 'Penguin', 'Dodo'];

console.log(animals.lastIndex0f('Dodo')); 
// 3

console.log(animals.lastIndex0f('Tiger'));
// 1

Масив проглядається у зворотному напрямку, починаючи з fromIndex. #lastIndexOf // #practice // JS

Вакансія: Full-Stack JavaScript Developer Українська арбітражна команда Mustage Team шукає на віддалену роботу фулстак-розробника зі знанням JS і комерційним досвідом від 6 місяців — для розробки та підтримки фронтенд-частини проектів на React.js, HTML / CSS, TypeScript та Electron.js, а також розробки бекенду на базі Nest.JS. 📝 Відкрити анкету #JS // #jobs // Вакансії IT

RegExp.multiline має значення true, якщо використовувався прапор m; інакше — false. ❕ Прапор m вказує, що багаторядковий вхідний рядок має розглядатися як кілька рядків.

const regex1 = new RegExp('^football');
const regex2 = new RegExp('^football', 'm');

console.log(regex1.multiline);
// false

console.log(regex2.multiline);
// true

console.log(regex1.test('rugby\nfootball'));
// false

console.log(regex2.test('rugby\nfootball'));
// true

Наприклад, якщо використовується m, ^ і $ змінюються від збігу тільки на початку або в кінці всього рядка на початок або кінець будь-якого рядка. #RegExp // #practice // JS

Найкращі книги по JS Добірка наших останніх публікацій із найбільш вартісними посібниками по мові JavaScript: 🔴Essential Guide to React for All Levels (🇬🇧, 2024) — провідник у подорожі потужною екосистемою React. 🔴Learning Angular (🇬🇧, 2023) — допоможе створювати перші робочі веб-додатки з нуля на Angular. 🔴Web Coding and Development All-in-One (🇬🇧, 2024) — книга-перекладач, що розмовляє мовами веб-програмування. 🔴Learning Vue (🇬🇧, 2023) — крок за кроком розповідає про інструменти та бібліотеки в екосистемі Vue.js. 🔴Vue.js 3 Design Patterns and Best Practices (🇬🇧, 2023) — охоплює Vue 3 від основ і до більш складних тем. 📚 Товариство, які ще знаєте вартісні українські чи англійські матеріали по JS? #JS // #books // Вакансії IT

12-тижневий курс з основ веб-розробки від Microsoft На GitHub уже доступні 24 безкоштовні уроки, де ви опануєте базу фронту — HTML, CSS і JavaScript — створюючи практичні проекти. Мова: 🇺🇦 #Microsoft // #theory // JS