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

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko
加入频道
#todo написати функцію на будь-якій мові програмування, яка перевіряє відповіді студента на екзамені. Вона приймає 2 параметри, тип кожного - масив з рядків/символів, кожен елемент цього масиву - це одна з літер a, b, c, d. Перший масив - це правильні відповіді, другий масив - це відповіді студента (тут також може бути пуста відповідь). За кожну правильну відповідь студент отримує +2 бали, за неправильну відповідь - -1 бал, за пропущене завдання - 0 балів. Функція має повернути кількість балів студента (не може бути менше 0).
9👍3🤔1
2024 Tech Trends 🎅

2023 добігає до кінця, отже можна ділитись своїми передбаченнями на 2024 рік.

Насправді, ми цього ще не підготували, тому поки можете глянути відео від Fireship.

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

Також, діставайте карти таро чи магічні кулі та діліться з нами своїми думками, яким же буде 2024 рік.

#news
👍7😁2🎉1
Welcome!

Let's practice our English! So...

👉 Describe your 2023 year in one word. Why this one?

Have a nice #english_friday 💛
3👍3😁2
This media is not supported in your browser
VIEW IN TELEGRAM
#how_to створити infinity loader

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

👉 Відкрити посилання
👍19🔥11❤‍🔥2
CSS Tools 🔧

Ділимося з вами кількома засобами, які допоможуть вам у роботі з CSS.

CSS Glow Generator. Якщо захочете додати на свій вебсайт неонову підсвітку блоків - це те, що вам треба.

Fancy Border Radius. Тут зможете згенерувати блоки різної форми завдяки використанню border-radius.

CSS Grid Generator. Якщо в 99% ви використовуєте Flex і довелось використати Grid, підгляньте цей сайт, щоб швидше і впевненіше налаштувати сітку.

CSS Glassmorphism. Картка з фоном затуманеного скла може дійсно гарно виглядати на вебсайті. І щоб довго не гратись з стилями - використайте даний генератор.

#tips
👍17🔥71
👍52🔥1🤓1
👍105🤓5😱3
Welcome!

Let's practice our English! So...

👉 Do you have any pets? If not, would you like to have one?

Have a nice #english_friday 💛
👍83
Новий рік вже скоро і всі дедлайни горять 🤯

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

А щоб ви нас не втрачали, можете доєднатись до нашого чату 💛

Завдяки активним користувачам, він ще ЖИВИЙ. Там ви можете завжди знайти відповіді на свої питання та просто затишно поспілкуватись.

👉 Відкрити чат
👍104🔥2
Чому ви віддаєте перевагу?
Anonymous Poll
83%
GitHub
16%
GitLab
6%
Bitbucket
5%
Інше
👍63🔥1
Welcome!

Let's practice our English! So...

👉 What is your favourite app on your phone and why?

Have a nice #english_friday 💛
7👍5😘2
А чому б не позмагатись у вартості GitHub профілю? 🤩

Розробник створив веб-сайт, на якому можна отримати оцінку свого аккаунту в доларах США (звісно ж тільки в розважальних цілях).

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

Тому ловіть #todo поділитися оцінкою свого GitHub профілю.
😁11👍54🔥1🍾1
З прийдешнім Новим Роком! 🎉

Найбільше хочемо побажати миру та перемоги. Щоб всі здорові та щасливі могли святкувати в своїх домівках разом із рідними. Щоб всім вистачало роботи, але щоб всі могли відпочивати та сказати Hello World! Поменше багів, високу зарплату і хорошу команду.

Ми дуже раді бути маленькою частинкою у вашому житті в 2023 та сподіваємось продовжувати так і в 2024! 💛
48🎉12🥰2
Сьогодні у нас супер-свято 🎉

В цей день на світ зʼявилась Настя. Саме в цей день світ став яскравішим і теплішим.

Вона дбає про те, щоб кожному тут було комфортно та цікаво. Тому, будь щасливою та лови кожен незабутній момент свого життя.
🎉5910🍾4👍3🤩1
Ми повертаємось 💛

Останнім часом ми були не дуже добросовісними адмінами і рідко тут з’являлись. Спочатку було багато роботи, а потім захотілось якісно відпочити. Ми багато думали про роботу, блог, менторство тощо. Якщо чесно, ми навіть встигли скучити за програмуванням (але то до першого тупого багу). У нас з’явились нові сили, ідеї та натхнення. Тому точно можемо сказати, що вчасно відпочивати важливо!

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

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

І взагалі, впродовж минулого року ми постійно кудись бігли, намагались наздогнати щось, що неможливо наздогнати, встигнути все, що тільки можна і не можна. Тому в цьому році хочеться більше насолоджуватись процесом і просто жити сьогоденням.
22👍9🔥3😁2
🤯10👍62
Що виведе консоль?
Anonymous Quiz
5%
0
5%
1
44%
10
46%
11
👍15🤯93😘2
#todo написати функцію на будь-якій мові програмування, яка приймає натуральне число. Функція додає всі цифри даного числа, доки в результаті не буде лише одна цифра та повертає її.

Наприклад:
Число = 47
Результат = 2


Пояснення:
47 --> 4 + 7 --> 11
11 --> 1 + 1 --> 2
👍13🤔52
shadcn/ui 🗽

Якщо на секунду заглянути в 2023 і глянути, хто в світі JS отримав максимальну кількість зірочок на GitHub, то побачите саме цей проєкт - shadcn/ui.

Якому UI kit ви надаєте перевагу - написаному власноруч чи з готової бібліотеки?

Якщо писати самому - багато контролю, але і багато багів може вилізти. А якщо використовувати бібліотеки - не всі компоненти потрібні та важче щось модифікувати. Для прикладу, зараз у нашому поточному проєкту більшість компонент написані власне нами, проте деякі ж використовуємо із бібліотек (такі як селект чи календар).

Отож, що таке цей shadcn/ui?

Це місце, де ви можете просто взяти і скопіпастити собі код компонент. І це не жарт - в цьому і є суть проєкту. Тут вже реалізовані основні ui-компоненти в React і ви можете просто за інструкцією скопіювати їх собі або ж додати за допомогою cli.

В чому перевага?

Після додавання коду ви можете модифікувати його як хочете, а сама основа компонент побудована на radix-ui.

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

Тому залітайте та діліться своїми думками.

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

#library

А весь список найяскравіших зірок на просторі JS можна знайти за посиланням нижче.
👉️️️️ Відкрити посилання
👍153🔥3
Welcome!

Let's practice our English! So...

👉 How would you describe yourself in 3 words? And why?

Have a nice #english_friday 💛
👍83
This media is not supported in your browser
VIEW IN TELEGRAM
#how_to створити range input різного типу 🤩

Виконаний з допомогою React!

👉 Відкрити посилання
👍25🔥98