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.

👉 Відкрити репозиторій

State of JS 2023 📊

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

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

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

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

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

#news

#todo написати функцію на будь-якій мові програмування, яка приймає рядок з іменем покемона, робить запит до API та повертає JSON з даними про цього покемона.

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

Як знайти свою першу роботу в ІТ, частина 4.
Фідбек 👻

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

Ви молодці, вже все найгірше позаду, залишилось дізнатись результат ваших зусиль.

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

Якщо ж ви отримали позитивний фідбек, ми вас вітаємо. Єдині поради, це ще раз переконатись, що ви дійсно хочете в дану компанію, перечитати УВАЖНО всі умови та договір, ну і добре приготуватись до нової сходинки у вашій кар'єрі.

#experience

Welcome!

Let's practice our English! So...

👉 Are you an extrovert or an introvert? How did you understand it?

Have a nice #english_friday 💛

Tailwind arbitrary variants 🥴

Чи були у вас ситуації, коли не було можливості стилізувати елементи за допомогою Tailwind, тому що вони знаходяться десь глибше внизу і їм ніяк не передати class (ну чи className, щоб реактивні зрозуміли)?

Так от Tailwind може зробити це дуже легко завдяки arbitrary variants. І, щоб за одну хвилину вивчити принцип їх роботи - ловіть відео.

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

#tips

Двоє наших студентів знайшли свою першу роботу в ІТ 🔥

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

І в нас вже є результати!

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

Богдан перед початком навчання надіслав нам свій пет-проект і ми вже тоді зрозуміли, що він має високий рівень знань. Тому з другого тижня ми вже почали давати йому поради як швидше знайти роботу та паралельно надсилали цікаві завдання, щоб поглибити його знання. Він шукав роботу за допомогою різних сервісів (Dou, Djinni, LinkedIn) та з другої спроби знайшов свою першу компанію - написав гарне тестове завдання та успішно пройшов всі етапи співбесіди!

Нам дуже приємно ламати стереотипи про неможливість увійти в ІТ сьогодні. Хлопці, ми вас щиро вітаємо і бажаємо швидкого карʼєрного зросту! 🎉

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

👉 Відкрити анкету

#todo написати функцію на будь-якій мові програмування, яка перевіряє відповіді студента на екзамені. Вона приймає 2 параметри, тип кожного - масив з рядків/символів, кожен елемент цього масиву - це одна з літер a, b, c, d. Перший масив - це правильні відповіді, другий масив - це відповіді студента (тут також може бути пуста відповідь). За кожну правильну відповідь студент отримує +2 бали, за неправильну відповідь - -1 бал, за пропущене завдання - 0 балів. Функція має повернути кількість балів студента (не може бути менше 0).

2024 Tech Trends 🎅

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

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

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

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

#news

Welcome!

Let's practice our English! So...

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

Have a nice #english_friday 💛

#how_to створити infinity loader ⭐

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

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

CSS Tools 🔧

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

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

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

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

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

#tips