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

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko
加入频道
З Днем Народження, Web Overflow 🎉

Дякую, що зібрав скільки талановитих, розумних, цікавих, крутих Людей. Дякую, що примушуєш постійно вдосконалюватись. Дякую, що надихаєш рухатись далі.

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

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

Вітаємо тебе 💛

❗️Кінець розіграшу сьогодні о 16:00. Не впусти свій шанс!
26🎉16👍5🔥3
Media is too big
VIEW IN TELEGRAM
Наші переможці 🥳:

- @Angel_Fallen
- @developerFrontEnd
- @StasSytnykov

Вітаємо! Сподіваємось, що приз, який ви оберете, буде для вас максимально корисним! 💛
13🎉9🔥3👍2
Звіт про збір!

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

👉 Переглянути звіт
17👍4
Як знайти свою першу роботу в ІТ, частина 2.
Пошук роботи 🔍

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

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

Ну що ж, почнемо. А по всім канонам ІТ, перше, на що потрібно звернути увагу, це:

- LinkedIn. Дану соціальну мережу не можна на 100% назвати сервісом для пошуку роботи, це більше ваше портфоліо. І воно у вас має бути обов’язково! Саме тут ви можете написати максимально багато інформації про себе. Заповнюйте skills та проходьте тести, щоб їх підтвердити (вони взагалі не є складними + відповіді давним-давно злиті 🤫). Долучайтесь до знайомих і незнайомих, особливо до рекрутерів. Багато з них можуть пропонувати різні вакансії через LinkedIn. Також можете опублікувати своє CV з текстом, що ви шукаєте роботу. Можливо, воно розлетиться і хтось вас помітить.

- Djinni - суб’єктивно найкраща платформа для пошуку роботи. Детально та якісно заповнюйте свій профіль і постійно перевіряйте вакансії, які для вас релевантні. І ще така «порада» - подавайтесь навіть на ті вакансії, де є технології, які ви не дуже знаєте. Я не кажу подаватись на Angular, якщо ви знаєте React. Я кажу подавайтесь на ті вакансії, де в переліку є, наприклад, Tailwind, а ви його ще не знаєте, але ви розумієте, що походу зможете його швидко вивчити. Якщо б ми в свій час подавались лише на ті ваканасії, де ми знаємо 100% з переліку вимог, ми б сиділи без роботи.

- Dou - чесно, ми не шукали роботу через цю платформу, але чули, що це також дуже хороший сервіс. Ми там більше дивимось відгуки про компанії. Я в свій час була підписана на їх телеграм-канал, де вони діляться вакансіями, інтернатурами, стажуваннями для людей зовсім без досвіду. Ви зможете його знайти на сайті. І ще одна «порада» - не цурайтесь безкоштовної інтернатури чи стажування (якщо звичайно це не комерційний проект) - це хороший шанс потрапити в компанію. Майже всі наші друзі (в тому числі і ми) потрапили в свою першу компанію через стажування або інтернатуру. Плюс, це досвід, який ви зможете вписати собі в резюме.

- Сайти компаній. Шукайте та моніторте сайти різних компаній, а особливо розділ кар’єра. Там є список вакансій і, можливо, ви знайдете собі підходящу. Навіть, якщо такої немає, можете всеодно надіслати своє резюме, раптом воно їх зацікавить.

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

Напишіть про ваші способи пошуку роботи, нам цікаво 💛

#experience
👍158🔥2
Welcome!

Let's practice our English! So...

👉 What types of tasks you don't like to do?

Have a nice #english_friday 💛
7👍4
Телеграм Бот від 0 до PRO 🚀

Наші друзі @Yurets7777 та @urbfkfys підготували для вас щось мега цікаве!

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

Все це, і навіть більше, можна організувати за допомогою власного Телеграм Бота!

Автори розробили покроковий практичний туторіал який допоможе розібратися в даному направленні.

Для кого підійде даний матеріал?

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

А ще, разом зі всіма матеріалами, ви отримаєте пряму підтримку від авторів у приватному чаті. Хто хто, а вони дійсно знаються на цьому.

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

👉 Читати більше

#useful
11🔥3🤩1
CLI Guidlines 🦮

Якщо ви будуєте свою CLI, то вам теж треба продумати хороший UX. Щоб користувачам було просто і зручно користуватись вашим застосунком, необхідно дотримуватись певних стандартів та правил. Сьогодні ділимось з вами списком настанов та найкращих практик щодо побудови свого CLI.

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

#article
👍9🤓41🤯1
Welcome! It was sooo busy week and we really missed you.

Let's practice our English! So...

👉 Would you rather travel to the past or the future and why?

Have a nice #english_friday 💛
7👍3🔥1🤷1
Який формат часу ви використовуєте?
Anonymous Poll
9%
12-годинний, я from Америка
91%
24-годинний, люблю багато циферок
9👍3🗿1
👍631
👍124
#todo написати функцію на будь-якій мові програмування, яка приймає один аргумент типу Дата/Час та повертає кількість днів у місяці відповідно до цієї дати
👍73🤓2👨‍💻2
Як знайти свою першу роботу в ІТ, частина 3.
Співбесіда
🤯

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

Дуже відповідальний момент - технічна співбесіда. Зазвичай (але не завжди), вона ділиться на три частини:

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

2. Теоретичні питання. Майже нереально здогадатись наперед, що вас будуть запитувати. Зазвичай, питають від простих питань до більш складніших. Але ж знову акцентуємо вашу увагу - не завжди. Юра якось проходив співбесіду чисто на frontend, а в нього почали відразу питати про бази даних 🙈 І також, якщо ваш колега проходив співбесіду в ту ж саму компанію, це не дає вам гарантію отримати такі самі запитання. В нас був такий досвід і сподівання, але питання виявились різними, тому що вели співбесіду різні програмісти.

На цьому етапі хочеться дати кілька порад:

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

- Готуйтеся до співбесіди поступово. Не потрібно все вчити в останню ніч. Ви не виспитесь, все переплутаєте і зможете забути навіть ті поняття, які добре знали. Краще виділяти кілька годинок щодня і розбирати питання, в яких ви невпевнені.

- Знайдіть список питань для підготовки до співбесіди і розбирайте їх. Можете використовувати нашу рубрику #interview, де ми розбираємо питання різної складності. Також під цією рубрикою ми публікували багато підбірок питань та відповідей по різних технологіях. Можете використати FullStack Cafe, там є величезні списки питань, які можуть бути на співбесіді.

- Будьте готові до надто простих питань. Зараз ринок складний і від джунів вимагають те, що навіть не всі сіньйори знають. Але ніхто не відміняв фундаментальні поняття, які потрібно 100% знати.

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

3. Live coding. Як же я ненавиджу цей етап. Особисто в мене, коли хтось дивиться як я програмую, починається дуже сильний тупняк. Навіть було таке, що я відмовлялась від вакансії, бо там був етап live coding. Але зазвичай, від цього нікуди не дітись, потрібно опановувати себе і дивитись страхам в обличчя. Спробуйте знайти на сайтах HackerRank, LeetCode або Codewars приклади схожих задач і вивчіть алгоритми, які використовуються в їхньому вирішенні.

І на останок, обов'язково готуйте свої запитання. Це важливо і для вас, щоб розуміти особливості проєкту, продукту, команди, а також це показує співрозмовнику ваше серйозне ставлення до роботи.

Напишіть, як ви готуєтесь до технічної співбесіди, нам цікаво 💛

#experience
👍13🔥53😭1
Welcome!

Let's practice our English! So...

👉 If you could learn any new skill overnight, what would it be?

Have a nice #english_friday 💛
👍84
Web text-editor ✍️
#post_from @vova_taras

Кожен frontend розробник має свій маленький список страхів. І багато в кого в цьому списку можна знайти таку страшилку як wysiwyg або ж rich text editor. Адже реалізовувати в себе в проекті урізану копію Google Docs навряд чи приємно.

Така ситуація спіткала і мене, тому довелося шукати підходящі інструменти. Одразу на думку спала DraftJS, авторам якої є Facebook, або ще точніше - React Draft Wysiwyg, що є обгорткою над DraftJS для використання в React. Її використовували в проектах мої знайомі та колеги, тому я вирішив розглянути цей варіант. Так як бібліотека не оновлювалась вже більше року, я вирішив перевірити в якому стані знаходиться DraftJS. Виявилось, що Facebook архівував цей репозиторій в лютому цього року. Тобто не буде додано нічого нового, а з багів будуть виправлені тільки critical security.

Проте, якщо глянути трохи нижче, зможете знайти секцію, в якій сказано, що Meta працює над міграцією на інший інструмент - Lexical. Це новий проект, який має активно підтримуватись. Тому, зараз важко говорити про досвід його використання, але перше враження склалось хороше, адже він може використовуватись і на чистому JS, і має певні обгортки на React. Також тут є підтримка різних плагінів, наприклад, історія змін.

Варто додати, що фреймворк не надає повністю готових компонент (наприклад Toolbar та кнопки взаємодії з редактором). Їх потрібно реалізовувати самим, використовуючи API, яке надає фреймворк. Документація відчувається сирою і не все очевидно, тому варто також звертати увагу на статті з Інтернету та відео в YouTube.

👉 Відкрити репозиторій
👍153🔥1😱1
Який менеджер пакетів ви використовуєте?
Anonymous Poll
83%
npm
17%
yarn
7%
pnpm
5%
Інший
8👍5
State of JS 2023 📊

Прямо зараз проходить опитування State of JS 2023. Його мета - зібрати та опублікувати статистику та тренди у світі веб-розробки.

Чому на нашу думку важливо взяти участь?

По-перше, світ буде бачити, що в Україні є БАГАТО ТАЛАНОВИТИХ розробників. Минулого року частка українців, які взяли участь, була 1%. Лише силами цього каналу ми можемо стати лідерами цього опитування! По-друге, пізніше, за результатами цієї статистики, ви зможете корегувати свою подальшу карʼєру, адже будете бачити, які технології набирають популярність, а які втрачають.

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

А ще, там є і інші опитування та їх результати.

#news
👍12🔥61
👍52🔥1
👍174🔥2
#todo написати функцію на будь-якій мові програмування, яка приймає рядок з іменем покемона, робить запит до API та повертає JSON з даними про цього покемона.

URL: https://pokeapi.co/api/v2/pokemon/<імʼя покемона>
👍63