Web Overflow 🇺🇦
4.71K subscribers
257 photos
26 videos
3 files
414 links
Затишний блог про веб-розробку і не тільки 💛

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko
加入频道
Що виведе консоль?
Anonymous Quiz
67%
[0, 1, 2, 3, 4]
5%
[1, 2, 3, 4, 5]
13%
[]
15%
[empty * 5]
#todo реалізувати на будь-якій мові програмування будь-який патерн проектування.
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
Two Slash Queries | What Is The Type 🔼

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

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

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

#tips
Welcome!

Let's practice our English! So...

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

Have a nice #english_friday 💛
Який сервіс ви використовуєте для прослуховування музики?
Anonymous Poll
34%
Spotify
50%
YouTube Music
8%
Apple Music
3%
SoundCloud
6%
Інший (в коментарях)
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
dependencies vs devDependencies vs peerDependencies 🍐

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

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

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

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

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

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

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

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

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

#tips
Right Sidebar ➡️

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

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

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

#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 💛
#how_to використовувати Object.groupBy в JavaScript.

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

#shorts
Never* use git pull ↙️

Якщо ви працюєте над проєктом не самі, то вам часто доводиться стягувати зміни з поточної гілки або з базової. Якщо ви робите це через git pull - ви кожного разу будете отримувати новий merge комміт. Наче нічого поганого, але постійно буде присутній один "зайвий" комміт.

А от як цього можна уникнути завдяки rebase - дивіться у відео за посиланням нижче.

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

#tips
VS Code Remote tunnels 🚇

Уявіть ситуацію, що весь ваш проєкт на робочому компʼютері в офісі, а вам терміново треба з дому щось змінити. Здається у VS Code є рішення.

Яке саме? Дивіться у відео за посиланням нижче.

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

#tips
Збір від "Повернись живим" та MacPaw

"Повернись живим" та MacPaw збирають 3,2 млн грн для купівлі кейсеваку для 53-ї та 54-ї піхотних бригад. Це спецмашина, яка евакуює поранених з найскладніших територій фронту.

🚑 Машину потрібно терміново доставити на фронт, тому 5, 10 чи 15 гривень від вас – це чиєсь врятоване життя.

А той, хто задонатив 200грн і більше - можуть виграти MacBook Air чи iPhone 15 Pro Max.
Або ж унікальний сталевий жетон від RBTNK за кожну закриту дружню банку на 10к грн. Для цього - пишіть до @macpawfoundation в Instagram чи Facebook.

👉 Долучитись до збору