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

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko
Download Telegram
Що виведе консоль?
Anonymous Quiz
15%
[1, 2, 3]
7%
[1, 2]
52%
[2, 3, 4]
26%
[2, 3]
👍10🤯31
#todo написати функцію на будь-якій мові програмування, яка приймає масив чисел та повертає true, якщо весь масив посортований (за зростанням чи спаданням), інакше - false.

Наприклад:
[1, 2, 3] => true
[1, 1, 1] => true
[1, 3, 2] => false
[1, 1, 2] => true
👍10
sherif 👮

Якщо ви працюєте з monorepo, то вважаємо, що цей пакет може стати вам як ніколи в нагоді.

Sherif - це лінтер, який допоможе вам знайти потенційні проблеми поміж ваших пакетів. Наприклад, він повідомить вас, якщо на проекті встановлені різні версії одного модуля у кількох ваших пакетах. Або може підказати вам перемістити @types/* у devDependencies.

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

#library
👍11
Welcome!

Let's practice our English! So...

👉 If you could turn any activity into an Olympic sport, what would you choose so you have a good chance of winning?

Have a nice #english_friday 💛
👍5
#how_to ввімкнути inlay підказки в VSCode

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

#shorts
👍112
На що найбільше схожа структура даних Стек?
Anonymous Quiz
33%
На чергу в магазині
57%
На тарілку з млинцями
10%
На родовідне дерево
👍92
Sitemap 🗺️

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

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

#interview
👍62
👍51
Що виведе консоль?
Anonymous Quiz
67%
[0, 1, 2, 3, 4]
5%
[1, 2, 3, 4, 5]
14%
[]
14%
[empty * 5]
👍121😱1
#todo реалізувати на будь-якій мові програмування будь-який патерн проектування.
👍6
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
👍123
Two Slash Queries | What Is The Type 🔼

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

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

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

#tips
👍53
Welcome!

Let's practice our English! So...

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

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

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

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

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

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

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

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