Web Overflow 🇺🇦

#how_to використовувати Object.groupBy в JavaScript.

👉 Дивитись відео

#shorts

Welcome!

Let's practice our English! So...

👉 What’s the one quote you live by, and how does it inspire you?

Have a nice #english_friday 💛

Right Sidebar ➡️

В більшості середовищ розробки присутній Sidebar з певним функціоналом, зазвичай - дерево файлів, пошук та інше. Ви точно бачили такий в VS Code.

От останнім часом спільнота активніше говорить про те, що є сенс в тому, щоб пересунути sidebar в праву сторону, щоб при зміні його розміру код залишався в одному місці. А з якої сторони у вас знаходиться sidebar?

👉 Дивитись відео

#shorts

Чи знали ви, що таке rubber ducking? 🐥

Якщо ні, то ось посилання для короткого ознайомлення.

👉 Відкрити посилання

А чи є у вас гумова качечка? Якщо так, діліться фото в коментарях 🙃

#tips

#todo написати функцію на будь-якій мові програмування, яка приймає 4 параметри типу Point { x number; y number } та повертає true, якщо ці точки формують квадрат, інакше - false.

#quiz

dependencies vs devDependencies vs peerDependencies 🍐

При роботі з JavaScript, правильне управління залежностями проєкту є ключовим моментом. У package.json ми можемо побачити різні типи залежностей, кожен з яких має своє призначення.

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

devDependencies містять інструменти, які використовуються тільки під час розробки додатку. Вони не потрапляють у production, тому що їхня функція полягає в тому, щоб полегшити процес написання та тестування коду. Наприклад, компілятори, такі як Babel, інструменти для тестування, такі як Jest, лінтери чи форматувальники будуть у цьому розділі.

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

👉 Відкрити посилання

#interview

Vim Motions 🕹️

Це мав бути душний пост про те, як я сетапив neovim, але він буде тільки після того, як я повністю завершу налаштування.

Хочу сьогодні розповісти про Vim Motions і я справді вважаю, що цей пост теж буде корисним, адже це напевно головна причина чому люди взагалі іноді задумуються над vim. І що найкраще - використовувати Vim Motions можна напевно в будь-якому редакторі/IDE.

Отож, що це взагалі таке?

Vim Motions - це команди для швидкої роботи з текстом. Вони дозволяють ефективно рухатись по тексту чи редагувати його без використання миші, що економить час. І найкраще в цьому те, що знаючи основну базу, можна комбінувати це все у складніші конструкції. Для прикладу, d (delete) - оператор видалення, w (word) - рух до початку наступного слова, а команда d3w (delete 3 word) - видалить три слова.

👉 Vim as your editor from ThePrimeagen
👉 Vim motions for absolute beginners
👉 Vimified
👉 Vim Adventures

👉 Vim для VS Code
👉 Vim для JetBrains

#tips

#how_to ввімкнути font ligatures в редакторі.

👉 Ввімкнути font ligatures в VS Code
👉 Ввімкнути font ligatures в JetBrains IDE

Welcome!

Let's practice our English! So...

👉 If you could instantly teleport anywhere right now, where would you go?

Have a nice #english_friday 💛

Two Slash Queries | What Is The Type 🔼

Можливо, ви бачили на відео у блогерів чи у туторіалах, як хтось під оголошенням типу додає коментар (//) + хатинку (^) + знак питання (?). А в результаті виводиться інформація про тип, на який вказує оця хатинка (^). Виявляється для цього існує розширення в популярних середовищах розробки.

У відео нижче ви знайдете короткий спосіб встановлення розширення у таких середовищах як VS Code, Jetbrains, Neovim.

👉 Відкрити посилання

#tips

Node.js 22 Active LTS 🎯

А ви знали, що версії Node.js мають кодові назви. Наприклад, 20 - iron, 22 - jod.

Трохи більше ніж за місяць Node.js 22 перейде у фазу Active LTS, а Node.js 20, відповідно, у фазу підтримки. І хоч Node.js 20 закінчить свій цикл лише в кінці квітня 2026 року, можливо, вже зараз є сенс готуватись до міграції.

Ми, наприклад, додали в GitHub Action версію 22 до стратегії, тому всі екшени будуть відпрацьовувати і на 20, і на 22 версії.

👉 Відкрити посилання

#news

#todo реалізувати на будь-якій мові програмування будь-який патерн проектування.

#quiz

Sitemap 🗺️

Sitemap — це файл, який містить інформацію про сторінки та інші файли на вашому вебсайті. Він допомагає пошуковим системам, таким як Google, ефективніше індексувати ваш сайт. Sitemap зазвичай побудований у форматі XML та містить інформацію про такі поля як шлях до сторінки, пріоритет чи дату останньої зміни.

👉 Відкрити посилання

#interview