Web Overflow 🇺🇦 @web_overflow Channel on Telegram

Web Overflow 🇺🇦

@web_overflow

Затишний блог про веб-розробку і не тільки 💛

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko

Web Overflow 🇺🇦 (Ukrainian)

Запрошуємо вас на затишний блог про веб-розробку і не тільки - Web Overflow! Цей канал створений для всіх, хто цікавиться освітою в сфері веб-технологій, розробкою сайтів, програмуванням та бажає поширити свої знання у цих галузях. Наші автори @lluchkaa & @anastasiia_tarasenko підготують для вас цікаві та корисні матеріали з цих тем. Також у нас є окремий чат для обговорень - приєднуйтеся до @web_overflow_chat. Якщо ви маєте питання або бажаєте співпрацювати з нами, звертайтеся до @web_overflow_support. Приєднуйтеся до нашого каналу та поглиблюйте свої знання з веб-розробки разом з Web Overflow! 💛

Web Overflow 🇺🇦

22 Jan, 15:00

#quiz
792
Web Overflow 🇺🇦

20 Jan, 09:27

Nix ⚙️

Минулого року ми відкрили для себе Nix. Спочатку було важко зрозуміти, що це таке, але воно виглядало досить незвично, тож ми вирішили дослідити, як це можна використати.

Nix — це інструмент для менеджменту пакетів і налаштувань. У нашому розумінні це ціла екосистема, адже тут є своя мова, застосунок та навіть операційна система. Якоюсь мірою це схоже на npm та package.json у JavaScript чи venv у Python.

Щодо NixOS — це операційна система на основі Linux, створена на базі менеджера пакетів Nix. Фактично вся система може бути налаштована та (головне!) відтворена за допомогою певного набору конфігураційних файлів.

Ми поки що тільки пробуємо його використовувати — наразі встановили лише на Raspberry Pi. У планах також налаштувати систему на macOS за допомогою nix-darwin. Має вийти доволі цікаво, адже тоді за допомогою кількох файлів можна буде відтворити всі налаштування на іншому комп'ютері.

Можливо, хтось із вас уже використовував Nix? Діліться своїм досвідом! 💛

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

#experience
2,236
Web Overflow 🇺🇦

17 Jan, 06:00

Welcome!

Let's practice our English! So...

👉 What do you think is the most overrated trend?

Have a nice #english_friday 💛
9,174
Web Overflow 🇺🇦

16 Jan, 08:55

Nice Modal 💅
#post_from @vova_taras

Робота з модальними вікнами в React може бути доволі дратівливою. Потрібно тримати стан (isOpen) і продумати способи закривання (як із зовнішньої компоненти, так і всередині самого вікна).

@ebay/nice-modal-react використовує трохи інший підхід до роботи з модальними вікнами. Ви можете просто викликати функцію show та передати в неї компонент із пропсами. Це не зовсім декларативний метод, але, на нашу думку, значно зручніший.

Також великим плюсом є робота через Promise. Якщо у вас коли-небудь було модальне вікно для підтвердження, і потрібно було передавати колбеки для onConfirm та onCancel, тепер можна просто повернути значення з функції виклику.

const modal = useModal(ConfirmationModal)

const onDelete = async () => {
  const confirmed = await modal.show({text: "Are you sure?"})

  if (confirmed) {
    ...
  }
}


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

#library
10,194
Web Overflow 🇺🇦

15 Jan, 11:47

#quiz
8,647
Web Overflow 🇺🇦

13 Jan, 13:00

Money 💸

Один зі способів заробітку — оплата за послуги у ваших застосунках. І один із найпопулярніших способів це зробити — підключити Stripe.

Ми ще не маємо достатнього досвіду роботи з ним, щоб давати поради. Натомість ділимося статтею від Theo Browne, який описав план інтеграції Stripe у застосунок.

Також є кілька порад, зокрема список подій, які він зазвичай обробляє, а також пояснення, чому варто відключити Cash App Pay (здається, це стосується лише проєктів у США).

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

#tips
9,989
Web Overflow 🇺🇦

05 Jan, 15:55

Особливий день 🥳

Так, так, саме сьогодні 18 років і 2557 днів тому зʼявилось оце чудо.

Ти робиш кожен день світлішим, кращим і насиченішим для мене та для усіх нас тут.

Тому нехай кожен твій день буде сповнений лише позитивними емоціями та кожен пунктик кожного твого плану збувається ❤️
14,899
Web Overflow 🇺🇦

31 Dec, 22:01

З Новим 2025 Роком! ✨

Цей рік був справді насиченим. Ми щиро раді, що ви були його частинкою, і сподіваємося, що і ми стали важливою частиною вашого шляху.

У ньому було все: злети та падіння, релізи та баги, підвищення та звільнення. Сподіваємось, що наступного року у всіх будуть лише 9-значні зарплати та супер-цікаві проєкти. Також, будемо надіятись, що AI стане достатньо розумним, щоб виконувати роботу за нас, але водночас достатньо дурним, щоб не замінити нас.

Нехай мир і спокій запанують у вашому житті у 2025 році. Слава Україні! Слава ЗСУ!

Усіх щиро вітаємо! 💛
17,388
Web Overflow 🇺🇦

30 Dec, 07:05

Хей-хей 🎄

Я обожнюю вигадувати різні традиції, а Юра "обожнює" їх підтримувати. Але серед усіх цих дивних речей є одна дійсно крута - починати рік з відпустки. Щороку в новорічно-різдвяний час ми відкладаємо всі справи й намагаємося повністю перезавантажитися. Тож хочемо попередити, що деякий час будемо відсутні.

Веселіться, спілкуйтеся в чаті, ми й самі намагатимемося там з’являтися. А після повернемося до вас із новими силами!

Веселих свят і будьте чемні! 😁
16,019
Web Overflow 🇺🇦

27 Dec, 15:22

Короткий відгук про Ghostty 👻

В цілому я задоволений і, швидше за все, буду використовувати його як основний (до цього я використовував WezTerm).

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


theme=catppuccin-mocha
font-family=Monaspace Krypton Var
font-variation=wght=300
window-padding-x=0
title=" "
macos-titlebar-proxy-icon=hidden
cursor-style-blink=false
shell-integration-features=no-cursor
keybind=cmd+t=unbind


#experience
15,304
Web Overflow 🇺🇦

27 Dec, 06:00

Welcome!

Let's practice our English! So...

👉 What is the best thing that happened to you in 2024?

Have a nice #english_friday 💛
13,833
Web Overflow 🇺🇦

26 Dec, 20:41

Я вже кілька місяців слідкую за Ghostty, і сьогодні його перший реліз 🎉

Більше тексту пізніше, поки читайте все у автора - Mitchell Hashimoto

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

#news
13,522
Web Overflow 🇺🇦

26 Dec, 13:30

Сьогодні пропонуємо вам познайомитися із High Bar Journal — бренд-медіа компанії Genesis про технології та продуктове IT, мета якого — розповідати актуальне та корисне про те, як створюються і функціонують українські продуктові IT-бізнеси.

Про що пишуть?
Технічні матеріали, продуктові кейси, екскурси в історію, міфи про індустрію та болі тих, хто в них працює.

Ось, наприклад, історія про продуктову трансформацію Notion, ось — сім корисних репозиторіїв на GitHub, а ось — 10 корисних промптів для роботи з Gemini.

Підписуйтеся на High Bar Journal у Telegram та читайте про те, як будуються значущі IT-продукти.

#useful
800
Web Overflow 🇺🇦

25 Dec, 20:10

Advent of Code 2024, Day 25 🎄

Сьогодні, на Різдво, відкривається остання комірка AoC.

У цей день ми хочемо подякувати всім, хто був із нами в цій подорожі! Це була чудова можливість навчитися проходити лабіринти, опанувати рекурсію та розв’язати безліч цікавих задач.

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

#aoc
12,255
Web Overflow 🇺🇦

25 Dec, 07:05

#quiz
14,309
Web Overflow 🇺🇦

24 Dec, 10:02

Advent of Code 2024, Day 24 🎄

Сьогоднішнє завдання коротко: Потрібно обчислити значення в різних точках логічної схеми.

Дано початкові значення на деяких проводах, наприклад:
x00: 1
x01: 1
y00: 0
y01: 1

Також наведені описи елементів схеми у випадковому порядку. У схемі використовуються три операції: AND, OR, XOR. Наприклад:
x00 AND y00 -> z00
x01 XOR y01 -> z01
x02 OR y02 -> z02

Потрібно визначити значення на всіх проводах.

Завдання із зірочкою: виявляється, що вся схема має виконувати додавання чисел x та y, представлених проводами, що починаються на x та y відповідно. Результат повинен записуватися на вихідних проводах z. Однак зараз додавання працює некоректно, оскільки 4 пари вихідних проводів переплутані. Потрібно визначити, які саме пари проводів були переплутані.

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

#aoc
14,331
Web Overflow 🇺🇦

23 Dec, 12:00

Advent of Code 2024, Day 23 🎄

Сьогоднішнє завдання коротко: Дано пари компʼютерів, які знаходяться в одній мережі, у форматі xx-yy.

Потрібно обчислити кількість унікальних триплетів (наборів із 3 компʼютерів), які перебувають в одній мережі та містять хоча б один компʼютер, імʼя якого починається з літери t.

Завдання із зірочкою: знайти найбільший за кількістю набір комп'ютерів, які мають зв'язок один з одним.

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

#aoc
9,417
Web Overflow 🇺🇦

22 Dec, 16:40

Advent of Code 2024, Day 22 🎄

Сьогоднішнє завдання коротко: реалізувати генератор псевдовипадкових чисел.

Для генерації псевдовипадкових чисел маємо задане початкове число. Алгоритм для обчислення наступного числа виконується в три етапи:
1. Домножити поточний результат на 64, виконати операцію mix із поточним результатом і застосувати операцію prune.
2. Поділити число на 32, виконати операцію mix із поточним результатом і застосувати операцію prune.
3. Домножити число на 2048, виконати операцію mix із поточним результатом і застосувати операцію prune.

mix — виконати бітову операцію XOR між з результатом попереднього обчислення.
prune — обчислити залишок від ділення числа на 16 777 216.

Потрібно обчислити, яке число буде згенеровано на 2000-й ітерації алгоритму.

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

#aoc
8,901
Web Overflow 🇺🇦

20 Dec, 13:15

Advent of Code 2024, Day 20 🎄

Сьогоднішнє завдання коротко: у нас є 2-вимірна мапа, яка відображає трек для гонок. На ній:
S - початок;
E - кінець;
. - траса;
# - стіна.

Кожен рух на сусідню клітинку коштує 1 пікосекунду. Але є особливість: ви маєте 2 пікосекунди для "мухлювання". Це означає, що ви можете перестрибнути одну стіну:
- перша пікосекунда витрачається на перехід на стіну;
- друга - на повернення на трасу.

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

Завдання із зірочкою: у цьому випадку у вас є 20 пікосекунд для мухлювання. Вони можуть бути використані лише в одному безперервному відрізку, не розділяючи.

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

#aoc
10,698
Web Overflow 🇺🇦

20 Dec, 06:00

Welcome!

Let's practice our English! So...

👉 What is your prediction for the Ukrainian IT sector in the next year?

Have a nice #english_friday 💛
9,950
Web Overflow 🇺🇦

19 Dec, 10:00

Advent of Code 2024, Day 19 🎄

Сьогоднішнє завдання коротко: у нас є набір рушників, де кожен рушник має свій унікальний порядок кольорових смужок.

Наприклад:
r - рушник із червоною смужкою;
bb - рушник із двома синіми смужками;
rgb - рушник із червоною, зеленою та синьою смужкою.

Кількість рушників кожного типу необмежена.

Також є список «шаблонів» - це послідовності кольорів, які потрібно скласти з рушників.

Наприклад:
Шаблон rbb можна скласти з рушників r і двох b.
Шаблон rrgbb можна скласти кількома способами, наприклад, з рушників r, rgb, b або з двох r, одного g і рушника bb.

Потрібно визначити, скільки шаблонів можливо скласти із заданих рушників.

Завдання із зірочкою: знайти кількість можливих варіантів складання кожного шаблону з рушників та підсумувати ці числа для всіх шаблонів.

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

#aoc
12,585
Web Overflow 🇺🇦

19 Dec, 07:27

GitHub Copilot став безкоштовним 🔥

Тепер кожен може використовувати цей інструмент:
- Без пробного періоду;
- Без підписок;
- Без прив’язки банківської картки.

👉 Детальніше про це можна прочитати у блозі: aka.ms/copilot-free

Ми використовуємо GitHub Copilot у повсякденній роботі, тож для нас це чудова можливість і важлива подія! А що про цей інструмент думаєте ви?

#news
7,323
Web Overflow 🇺🇦

18 Dec, 10:00

Advent of Code 2024, Day 18 🎄

Сьогоднішнє завдання коротко: знову лабіринт. Дано список координат клітинок. Щосекунди кожна наступна клітинка зі списку стає стіною. Потрібно знайти вихід із лабіринту, починаючи з точки (0, 0) і завершуючи в точці (70, 70).

Потрібно визначити, яку мінімальну кількість кроків потрібно зробити, щоб пройти лабіринт на 1024-ій секунді.

Завдання із зірочкою: визначити, на якій секунді прохід буде заблоковано.

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

#aoc
7,133
Web Overflow 🇺🇦

16 Dec, 11:56

Advent of Code 2024, Day 16 🎄

Сьогоднішнє завдання коротко: на мапі зображено лабіринт:
- початок: S,
- кінець: E,
- стіни: #.

На початку ми повернуті направо. Кожен крок уперед коштує 1 очко, а кожен поворот вправо або вліво — 1000 очок.

Потрібно визначити, за яку мінімальну кількість очок можна пройти лабіринт.

Завдання із зіркою: ймовірно, існує кілька шляхів із мінімальною вартістю. Скільки клітинок належить хоча б до одного такого шляху (включно з початком і кінцем)?

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

#aoc
4,326
Web Overflow 🇺🇦

15 Dec, 15:22

Advent of Code 2024, Day 15 🎄

Сьогоднішнє завдання коротко:

На мапі зображено:
- робота: @,
- коробки: O,
- стіни: #.

Також є список інструкцій для робота:
^ — рух угору,
> — вправо,
v — вниз,
< — вліво.

Якщо у напрямку руху порожня клітинка, робот переміщається на неї. Якщо ж у напрямку робота стіна, він залишається на місці. Якщо перед роботом знаходиться коробка, він спробує штовхнути її (а також усі інші коробки, що стоять впритул), але тільки за умови, що з іншого боку немає стіни.

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

Завдання із зіркою:
Коробки позначені двома символами: [], та їх завжди переміщують як одне ціле.

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

#aoc
4,346
Web Overflow 🇺🇦

14 Dec, 11:24

Advent of Code 2024, Day 14 🎄

Сьогоднішнє завдання коротко: на мапі розміром 101x103 розміщені роботи. Щосекунди вони постійно рухаються за певним правилом: на x клітинок вправо та на y клітинок вниз. Якщо робот виходить за межі мапи, він телепортується на протилежний бік. Карта розділена на 4 квадранти середніми лініями.

Потрібно обчислити кількість роботів у кожному квадранті через 100 секунд.

Завдання із зіркою: у певний момент часу більшість роботів утворюють фігуру, схожу на ялинку.

Потрібно визначити, через скільки секунд це трапиться.

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

#aoc
3,909
Web Overflow 🇺🇦

13 Dec, 10:00

Advent of Code 2024, Day 13 🎄

Сьогоднішнє завдання коротко: на ігровому автоматі знаходиться іграшка, координати якої задані як X та Y. Щоб дістати іграшку, потрібно перемістити лапу автомата до цих координат, починаючи з початкової позиції (0, 0).

Для керування лапою доступні дві кнопки:
- Кнопка A пересуває лапу на XA по осі X та YA по осі Y. Натискання цієї кнопки коштує 3 монетки.
- Кнопка B пересуває лапу на XB по осі X та YB по осі Y. Натискання цієї кнопки коштує 1 монетку.

Потрібно розрахувати мінімальну кількість монет, необхідних для досягнення координат (X, Y).

Завдання із зіркою: іграшка знаходиться в координатах 10000000000000 + X та 10000000000000 + Y.

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

#aoc
4,241
Web Overflow 🇺🇦

13 Dec, 06:00

Welcome!

Let's practice our English! So...

👉 What’s one aspect of modern technology you think future generations will view as primitive or outdated, and why?

Have a nice #english_friday 💛
4,157
Web Overflow 🇺🇦

12 Dec, 16:00

Warp Integrations 🔌

@MatiGreen нещодавно поділився в чаті статтею, у якій пояснюється, як додати інтеграцію Warp із VSCode, JetBrains, Raycast або навіть Docker.

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

#tips
4,825
Web Overflow 🇺🇦

27 Nov, 10:46

#quiz
915
Web Overflow 🇺🇦

26 Nov, 12:58

Database Normalization 🤓

Якщо вам раптом доведеться працювати з базою даних, обов'язково потрібно знати, як правильно її спроектувати. Хороший дизайн БД, зокрема нормалізація, — саме про це розповідає автор у відео нижче.

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

#interview
1,407
Web Overflow 🇺🇦

22 Nov, 13:00

#how_to створити frying pan preloader 🥘

Виконаний з допомогою HTML та SCSS!

👉 Відкрити посилання
2,988
Web Overflow 🇺🇦

22 Nov, 06:00

Welcome!

Let's practice our English! So...

👉 What’s one thing you wish people would stop doing on social media?

Have a nice #english_friday 💛
2,860
Web Overflow 🇺🇦

21 Nov, 15:00

CSS changed 🟣

Перше, що варто зазначити, — CSS отримав нове лого. Історія походження цього кольору справді унікальна. Щоб дізнатися більше, перегляньте відео нижче.

Бонусом: Fireship розповідає про фічі CSS, які мало хто знає, але більшість із них вже стали або незабаром стануть стандартними у браузерах.

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

#tips
2,948
Web Overflow 🇺🇦

21 Nov, 11:54

State of JS/React 🤨

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

Опитування щодо JavaScript і React відкриті!

На нашу думку, це не просто спроба отримати статистичні дані. Використайте це на свою користь: додавайте у свій Reading List нові речі, про які ви не чули, або ж чули, але досі не досліджували. Наприклад, у першому питанні ми для себе відзначили error.cause та hashbang grammar. Також позначайте своє ставлення до технологій у запитаннях — це дає корисний фідбек для всієї спільноти.

І, звісно, це ще одна нагода показати світу, що в Україні багато крутих спеціалістів!

👉 Відкрити State of JavaScript 2024 Survey
👉 Відкрити State of React 2024 Survey

#tips
2,560
Web Overflow 🇺🇦

20 Nov, 11:10

#quiz
2,489
Web Overflow 🇺🇦

19 Nov, 09:44

Як пройти співбесіду англійською? 📚

Майже завжди одним із етапів співбесіди в нову компанію є перевірка знань англійської мови. Щоб почуватися впевнено і знати відповіді на поширені запитання, знайшли для вас гарні статті, які допоможуть у цьому.

👉 Співбесіда англійською – 11 найпопулярніших запитань та відповідей
👉 Співбесіда англійською мовою - як пройти інтерв'ю на англійській?

#interview
2,758
Web Overflow 🇺🇦

15 Nov, 06:00

Welcome!

Let's practice our English! So...

👉 If you could have an unlimited supply of one item (not connected to money), what would it be and why?

Have a nice #english_friday 💛
3,813
Web Overflow 🇺🇦

14 Nov, 13:00

Driver.js 🚖
#post_from @vova_taras

На багатьох веб-сайтах можна побачити підказки у вигляді інтерактивних підсвічувань кнопок чи форм. Такий гід по сайту може значно полегшити ознайомлення з функціоналом.

Driver.js — бібліотека, яка дозволяє легко створити подібний тур по вашому продукту, підкреслюючи ключові елементи. Краще один раз побачити, ніж десять разів прочитати, тож перегляньте демо-тур на офіційному сайті driver.js.

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

#library
3,651
Web Overflow 🇺🇦

14 Nov, 07:05

ESLint Stylistic 💅

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

Звісно, це не зробить ваш код більш ефективним, але, можливо, ви захочете забезпечити єдиний стиль для всієї команди. У поєднанні з Prettier можна налаштувати досить суворі правила форматування. Тішить, що більшість правил підтримують auto-fix.

Ми зараз пробуємо додати цей плагін, щоб форсувати відступи під директивами ("use client"/"use server"). Можливо, це не надто корисно, але зате забезпечить узгодженість у всьому коді.

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

#tips
3,096
Web Overflow 🇺🇦

13 Nov, 13:00

#todo написати функцію на будь-якій мові програмування, яка приймає ціле додатнє число ms - кількість мілісекунд, та викликає заздалегідь визначену функцію f. Функція має повернути результат виклику функції f, якщо функція f виконалась менш ніж ms мілісекунд, інакше - викинути помилку.
2,915
Web Overflow 🇺🇦

13 Nov, 07:05

#quiz
2,919
Web Overflow 🇺🇦

11 Nov, 13:00

Axios adapter 🔌

На поточному Next.js проєкті ми використовуємо axios. І, якщо ви досліджували нові версії Next.js, то могли помітити, що вони розширюють вбудований fetch. Next.js дозволяє керувати кешем саме через fetch.

За замовчуванням axios використовує fetch аж третім в черзі. Проте, це можна легко змінити, встановивши параметр adapter, створюючи обʼєкт axios.

const api = axios.create({ adapter: ["fetch", "xhr", "http"] })


Після цього ми можемо передавати fetchOptions при виклику методів axios.

api.get("/", { fetchOptions: { ... } })


Відверто кажучи, ми ще не встигли це протестувати (PR поки висить), але вже цього тижня ми хочемо перевірити, чи все працює правильно.

#localhost
3,337
Web Overflow 🇺🇦

08 Nov, 06:00

З Днем Народження, Web Overflow! 🎉

Три роки разом – це не просто час, це історія дружби, розвитку та спільних досягнень. Дякуємо, що об’єднав настільки талановитих, допитливих і цікавих людей.

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

Сьогодні ми святкуємо не лише твій день народження, а й шлях, яким пройшли разом. Вітаємо тебе, ти особливе місце! 💛
4,274
Web Overflow 🇺🇦

06 Nov, 09:58

#quiz
3,793
Web Overflow 🇺🇦

05 Nov, 10:37

Live coding 😰

Live coding став частим явищем на технічних співбесідах (на жаль 😢). І хоча зазвичай ви не знаєте, які завдання вас чекатимуть, до них усе одно можна підготуватися.

Ми знайшли для вас цікаву статтю, в якій авторка розповідає, на які кроки під час live coding варто звернути увагу, як бути готовим до них та як правильно спілкуватися з інтерв’юером.

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

#interview
3,766
Web Overflow 🇺🇦

02 Nov, 11:29

У нашого адміна сьогодні День Народження! 🥳

Юра, ти надзвичайна людина, яка заслуговує все найкраще. Бажаємо тобі більше відпочивати і насолоджуватись кожним моментом життя!

Вітаємо! 💛
4,306
Web Overflow 🇺🇦

01 Nov, 13:00

#how_to створити toggle pill 💊

Виконаний з допомогою HTML та CSS!

👉 Відкрити посилання
3,987
Web Overflow 🇺🇦

01 Nov, 06:00

Welcome!

Let's practice our English! So...

👉 If you could commit any crime, knowing it would ensure nobody would ever commit that crime again, what would you choose and why?

Have a nice #english_friday 💛
4,102
Web Overflow 🇺🇦

31 Oct, 13:00

Spell Checker 🧙

Spell - це про заклинання чи орфографію?

Ми будимо кречати про це завжди! Коли ми програмуємо, то постійно використовуємо англійську. І хоча код на ламаній англійській усе одно працюватиме, це не є дуже хорошою практикою та може збивати з пантелику ваших колег.

На щастя, є дуже багато способів слідкувати за орфографією:

- VSCode має розширення;
- JetBrains, здається, має це вже вбудовано;
- для браузеру можете встановити Grammarly.

#tips
4,291
Web Overflow 🇺🇦

30 Oct, 13:00

#todo написати функцію на будь-якій мові програмування, яка приймає масив цілих чисел та повертає їх найбільший спільний дільник.
3,339
Web Overflow 🇺🇦

30 Oct, 07:05

#quiz
3,205
Web Overflow 🇺🇦

29 Oct, 07:05

Пошук прямого контракту 🧭

Праця напряму на компанію має свої плюси, і багато розробників зацікавлені в цьому. Знайшли для вас цікаву статтю, у якій можна дізнатись про способи збільшення шансу працевлаштування на прямий контракт.

👉 Відкрити статтю

#interview
3,125
Web Overflow 🇺🇦

28 Oct, 13:00

next-intl 🌐

Якщо ви працюєте з Next.js і вам потрібна багатомовність, зверніть увагу на бібліотеку next-intl. Вона підтримує форматування, має хорошу інтеграцію з TypeScript, роботу з датами та числами, а також підтримує обидва роутери: pages і app.

Ми зараз додаємо її до проєкту та поки всім задоволені! 💛

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

#library
3,075
Web Overflow 🇺🇦

28 Oct, 07:05

Hello, world!

На вихідних ми залипли на різні відео про те, як краще організувати робочий простір. Тож давайте поділимося фото свого робочого місця у коментарях!

Продуктивного робочого тижня! 💛
3,317
Web Overflow 🇺🇦

25 Oct, 12:00

Free WebStorm 🤯

Вічно ми говоримо лише про цей VS Code.

В чаті з нами поділились крутою новиною - JetBrains оголосили про те, що роблять WebStorm та Rider безкоштовними (для некомерційного використання).

👉 Відкрити пост в Twitter
👉 Відкрити статтю в блозі

#news
4,660
Web Overflow 🇺🇦

25 Oct, 05:00

Welcome!

Let's practice our English! So...

👉 If you could witness any historical event in person, which one would you choose and why?

Have a nice #english_friday 💛
3,678
Web Overflow 🇺🇦

24 Oct, 14:38

Next.js 15 & Conference 🤯

Не встигли ще всі відійти від виходу Next.js 13 та 14, як вже цього понеділка команда розробників релізнула 15 версію як стабільну.

З найцікавішого там: підтримка React 19 та стабільний Turbopack. Ну і все це підкріплюється конференцією, яка проходить сьогодні о 19:00.

Здається, нам знову є багато чого повчити 🥲

👉 Читати статтю
👉 Долучитись до конференції

#news
3,589
Web Overflow 🇺🇦

24 Oct, 06:05

Deno 2 🦖
#post_from @vova_taras

Deno існує вже досить давно, але супер-великої популярності він не здобув, адже мав низку проблем/мінусів. Одним з них була відсутність підтримки npm-пакетів. Але ось нещодавно творець Node.js та Deno представив Deno версії 2, в якій ця проблема була вирішена.

Окрім цього, серед нового тут підтримка моно-репозиторіїв, повна підтримка TypeScript з коробки, стабільна стандартна бібліотека. Вам не потрібен форматувальник, лінтер чи бібліотека для тестування. Тож, загалом, зараз Deno, здається, повністю готовий для використання в проєктах. Звісно, ще купу всього вилізе, але, можливо, через це і цікаво побачити, що буде далі.

Ну і для ознайомлення, додаємо відео від Fireship.

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

#news
3,446
Web Overflow 🇺🇦

23 Oct, 12:00

#todo написати функцію на будь-якій мові програмування, яка приймає масив цілих чисел nums та ціле число target, та повертає перший число-елемент масиву nums, яке найближче до числа target (має найменший модуль різниці). Масив nums гарантовано не пустий.

Наприклад:
[1, 2, 3, 4], 5 -> 4
[7, 5, 3, 1], 4 -> 5
3,052
Web Overflow 🇺🇦

23 Oct, 06:05

#quiz
1,196
Web Overflow 🇺🇦

18 Oct, 05:00

Welcome!

Let's practice our English! So...

👉 What’s one thing you believe everyone should try at least once in their lifetime?

Have a nice #english_friday 💛
2,998
Web Overflow 🇺🇦

16 Oct, 12:00

#todo написати функцію на будь-якій мові програмування, яка конвертує кілометри в милі та іншу функцію, яка виконує зворотнє конвертування.
3,511
Web Overflow 🇺🇦

16 Oct, 06:05

#quiz
3,425
Web Overflow 🇺🇦

15 Oct, 06:05

Як підвищити свої шанси успішно пройти співбесіду в IT-компанію? 🤓

Перед проходження співбесіди важливо підготуватися не лише з технічної сторони, але й показати свої софт-скіли та здатність працювати в команді. Знайшли для вас класну статтю, яка допоможе уникнути найпоширеніших помилок і підвищити свої шанси на успішний результат співбесіди.

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

#interview
3,344
Web Overflow 🇺🇦

14 Oct, 06:05

Де Настя пропала?

Ми позиціонуємо цей канал як блог, тому, думаю, є сенс відзвітуватися, де я була весь цей час (якщо ви, звичайно, відчули мою відсутність 🥲).

Активні користувачі чату знають, що цей місяць я провела в Америці. Це була (без перебільшення) моя мрія, і нарешті я її здійснила. Поїздка то переносилась, то відмінялась, але я дуже вдячна, що все-таки вона відбулась.

Подорожувати Америкою дуже круто! Кожен новий штат відчувається як нова країна зі своїм вайбом, культурою та погодою. Але, якщо задуматись, розміри деяких штатів можуть бути більші, ніж розмір України (а це найбільша країна Європи), тому така велика різниця в різних аспектах не є дивною.

Щоб здійснити цю поїздку, я взяла відпустку за свій рахунок (сабатікал по-новому). Зараз потроху вливаюсь у роботу. Думала, що повністю забула, як писати код. Трохи правда, але руки памʼятають 😄

Насправді, це був найкращий вересень у моєму житті, і я дуже вдячна, що змогла перезагрузитись і подивитись на своє життя з нового ракурсу (перепрошую, але навіть психолог такий буст не дав).

Я в жодному разі не хочу дражнити більшу частину нашого комʼюніті, яка зараз не може виїжджати за межі країни. Я від щирого серця бажаю, щоб у кожного були можливості здійснювати свої мрії ❤️

Якщо у вас є якісь питання про цю країну або поїздку, you’re welcome!
3,341
Web Overflow 🇺🇦

11 Oct, 12:00

#how_to налаштувати debugger для Next.js проєкту в VS Code.

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

А також зверніть увагу на client-side та server-side налаштування. Вони спрацюють для відповідних не-Next.js проєктів.
3,965
Web Overflow 🇺🇦

11 Oct, 05:00

Welcome!

Let's practice our English! So...

👉 If you could invent a new holiday, what would it celebrate, and how would people celebrate it?

Have a nice #english_friday 💛
4,262
Web Overflow 🇺🇦

10 Oct, 12:00

Ollama 🤖

Ollama — це open-source платформа для запуску LLM (великих мовних моделей) безпосередньо на вашому комп'ютері. Це дає вам можливість використовувати потужність штучного інтелекту без потреби в хмарних сервісах, що не тільки підвищує швидкість обробки, але й забезпечує більший контроль за вашими даними. Ви можете вибрати з великої кількості готових моделей, а також знизити витрати, використовуючи ресурси свого пристрою.

Ollama також дозволяє налаштовувати та розширювати моделі під ваші конкретні завдання, пропонуючи спеціальний файл конфігурацій — Modelfile (нічого вам не нагадує?).

#tips
4,261
Web Overflow 🇺🇦

10 Oct, 07:22

TailwindCSS container queries 🥡

Колись давно ми розповідали про Container Query в CSS. За даними Can I use майже 91% девайсів користувачів зможуть використовувати цей функціонал.

TailwindCSS з коробки не підтримує Container Query, але вони розробили окремий плагін, який дозволяє використовувати цей функціонал, майже так само, як ви використовуєте media-query.

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

#library
3,843
Web Overflow 🇺🇦

09 Oct, 13:00

#todo написати функцію на будь-якій мові програмування, яка приймає додатнє число n та повертає випадковий вектор довжиною n у форматі (x, y), де x - зміщення по осі X, y - зміщення по осі Y.

Наприклад:
n = 5 => (3, 4)
n = 5 => (4, 3)
n = 5 => (-3, -4)
3,868
Web Overflow 🇺🇦

09 Oct, 11:14

#quiz
3,556
Web Overflow 🇺🇦

08 Oct, 15:34

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

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

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

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

👉 Долучитись до збору
3,796
Web Overflow 🇺🇦

08 Oct, 10:20

VS Code Remote tunnels 🚇

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

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

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

#tips
3,440
Web Overflow 🇺🇦

07 Oct, 13:27

Never* use git pull ↙️

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

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

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

#tips
3,958
Web Overflow 🇺🇦

04 Oct, 12:00

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

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

#shorts
3,932
Web Overflow 🇺🇦

04 Oct, 05:00

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 💛
4,233

2025 All Right Reserved

Disclaimer: The content displayed on this website is solely provided by the respective Telegram channels. We hold no ownership or responsibility for the content shared by these channels.