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

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko
加入频道
Що виведе консоль?
Anonymous Quiz
31%
first
9%
second
43%
["first", "second"]
17%
undefined
👍17🌚52🔥2🤔2😢1
#todo написати функцію на будь-якій мові програмування, яка на вхід приймає два стрічкових аргументи з переліку ["камінь", "ножиці", "папір"] та повертає індекс гравця, який переміг, або ж -1 у випадку нічиї. Правила визначення переможця ідентичні до правил гри "Чу-ва-чі", "Цу-є-фа", "Ю-зе-фа", "Камінь-ножиці-папір" і тд 🤪

* завдання з зірочкою - функція має приймати невизначену кількість аргументів і повертати індекси переможців.

** завдання з двома зірочками - розповісти, як у вас називають цю гру і не посваритися з іншими 😅
👍74😁3
Web Features 🤩

Світ не стоїть на місці і нам постійно потрібно встигати за ним.

Сьогодні ми хочемо поділитися відео від Fireship, у якому він розповідає про різний функціонал, що з'явився досить нещодавно, та який вже можна використовувати.

Тепер ви зможете робити діалогові вікна нового покоління, написати браузерну гру з реалістичною графікою, робити супер-адаптивний дизайн з container-query та, нарешті, скопіювати обʼєкт з вкладеністю.

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

#tips
👍14🔥52
😁6👍5
👍11😁6
Welcome! 👋️️️️️️
Let's practice our English! So...

👉 What do you think about a four-day workweek? Have you ever experienced it?

Have a nice #english_friday 💛
🔥22👍53
tldr 🤖

TLDR: підпишіться на tldr.tech 😅

TLDR (too long; didn't read) - акронім, який зараз використовують для короткого резюме довгого тексту.

Але сьогодні ми хочемо розповісти вам про tldr.tech. Це абсолютно безкоштовний сервіс щоденної розсилки емейлів з найцікавішими статтями у сфері ІТ. Просто додайте свою електронну пошту, оберіть категорії, які вас цікавлять, та будьте в курсі останніх новин. В цих емейлах ви побачите заголовки статтей, опис кожної у кількох реченнях та посилання на оригінал.

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

#tips
👍12😁32
👍82😁1
👍8😁62
Radash 🛠

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

Radash - бібліотека з набором корисних функцій для різних життєвих ситуацій. Вже на головній сторінці ви можете побачити декілька прикладів, які зможуть вас зацікавити. А от особисто мені сподобалась series, інколи дійсно не вистачає такого функціоналу в повсякденній роботі.

👉 Відкрити документацію

#library
👍122🔥1
Підрив Каховської ГЕС - це черговий акт тероризму від держави гною.

Тисячі людей опинилися в критичній зоні підтоплення. Це також і акт екоциду: постраждають тисячі диких та свійських тварин, кілька областей залишиться без водопостачання. Ми щиро сподіваємось, що окупанти сповна відповідатимуть за усі злочини, скоєні в Україні!
🙏68😢39
👍93😁3
#todo написати функцію на будь-якій мові програмування, яка на вхід приймає масив чисел, та повертає моду💅 (число, яке трапляється найчастіше). Якщо таких чисел кілька - повернути середнє між ними.
👍7🤔3🔥2
Частина 1. Наша перша технічна співбесіда.

… в якості інтерв’юерів 🫣

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

На нашому проекті був потрібен розробник. Як ми раніше розповідали, зараз ми сфокусовані на розробці мобільного застосунку, тому потрібна була людина, яка підтримувала б веб. Нам підібрали кандидатів і від нас вимагалось тільки обрати найкращого.

Якщо чесно, спочатку ми думали, що це буде дуже легко, це ж не нас співбесідують, а ми. АЛЕ коли ми сіли скласти питання або хоча б якийсь хід розмови, ми розгубились. Що питати? Навіщо таке питати? А може це взагалі не потрібно дізнаватись?

І тоді ми почали згадувати наші співбесіди як кандидатів. Їх була достатня кількість, але лише від однієї у нас були дійсно тільки приємні спогади. Це була співбесіда на нашу попередню компанію і проводив її наш колишній (хах) тім лід. Він не питав по списку примітивні питання з першого сайту "що питати розробника". Це була розмова двох досвідчених програмістів. Він розповідав про себе, що він використовував, по ходу питав про наше відношення до тієї чи іншої методики. Він хотів почути не завчений матеріал, а саме нашу думку, що нам подобається і що ми б не хотіли використовувати в роботі. Питав про наш досвід, технології, наше відношення до цих технологій, чому ми обрали саме їх. Звісно були питання про патерни, алгоритми і тд, але ж знову, це була не теорія, а саме чи мали ми з ними досвід, і що реалізовували завдяки ним.

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

І нам максимально хотілось провести саме таку співбесіду, а не суху і чисто технічну.

Дуже багато тексту і не хочеться вас перевантажувати, тому далі буде…

#experience #interview
👍4311❤‍🔥2
Welcome! 👋️️️️️️
Let's practice our English! This week we have a discussion about interviews. So...

👉 Imagine you are the CEO of the company. What would you change in the typical IT job interview process? What would you remove or add?

Have a nice #english_friday 💛
👍104
Ми створили тік ток для каналу! 🎉

Зараз він максимально в тестовому форматі і тільки час покаже, як там буде. Але якщо вам цікаво і ви хочете нас підтримати, you are welcome! 💛

👉 Відкрити посилання
👍153🎉3🔥1
7👍2🔥1😁1
Чи використовуєте ви крапку з комою у JS/TS?
Anonymous Poll
82%
Так, обов'язково
18%
Ні, для чого взагалі?
8😁4👍2
structuredClone()

Як тільки розробники не копіюють обʼєкти в JS. Тут і JSON.parse + JSON.stringify, і Object.assign, і spread оператор. Все ніби добре, але виникають проблеми, коли у об'єктів є вкладені об'єкти.

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

👉 Читати документацію

#tips
👍258🔥3
Частина 2. Наша перша технічна співбесіда.

👉 Читати частину 1

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

Так як ми шукали full stack розробника, ми отримали такий план:

1. Знайомство. Спочатку ми розповіли хто ми є, трішки жартували (сподіваюсь, смішно), щоб кандидат відчував себе комфортніше. Потім розпитували кандидата про нього. Ось приклад питань (це далеко не всі). Так, але давайте за англійську не сваріться, тому що це все писалось на колінці 😅:
- What recent task was a challenge for you?
- Which tech stack do you prefer?
- Do you have some technologies you want to try?

2. Web.
- What state-management tools have you used (Redux, MobX)? Pros and cons.
- What third-party libraries/API’s have you used?
- How do you optimise your React code?

3. Backend.
- What frameworks/libraries have you used for your services?
- Have you used ORMs? Could you list them? Pros and cons.
- Where did you deploy your services? Did you use some CI/CD tools?

4. Питання від кандидата. Це дуже важливо поцікавитись чи в нього залишились питання і максимально чітко на них відповісти.

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

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

І питання звучали на англійській, тому що компанія американська і ми спілкуємось англійською. Один з кандидатів був з Казахстану і він знав росій**ку, але ми відразу порозумілись, що дану мову ми використовувати не будемо! Ну і вам не радимо 😉

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

І, до речі, ми отримали хороші відгуки від кандидатів:

- It was a fun meeting. Thank you for your time today!
- Thank you for taking the time to have a meeting today. I could understand the current application and the roadmaps. I also really enjoyed speaking with you.

#experience #interview
👍327🔥3