#todo поділитись в коментарях, де ви читаєте актуальну інформацію про ІТ, технології і різні бібліотеки (наприклад, тижневі розсилки, YouTube-канали тощо), щоб завжди залишатись в темі 😎

Stylex 💅

Якщо вам здається що TailwindCSS вже повсюди і вам критично потрібно щось нове, то гляньте на Stylex.

Це бібліотека від Meta (ті що Facebook), що дозволить вам писати стилі прямо в JS та ще й перевикористовувати (React Native розробники одразу помітять щось знайоме). Зараз це ще поки бета версія, однак ніхто ж не забороняє спробувати 😁

👉 Дивитися відео
👉 Читати документацію

Діліться своїми думками про цю бібліотеку в коментарях ⬇️

Welcome!

Let's practice our English! So...

👉 What was your first job? Tell us about this experience.

Have a nice #english_friday 💛

В мене локально працює!

Фраза, яку ви точно використовували хоч раз в житті.

Одна із причин, чому у вас на комп'ютері все працює, а в іншого користувача ні - це кешування даних. Щоб цьому запобігти, достатньо вимкнути кешування в себе в браузері, як показано на картинці 😉

#tips

Розіграш від Web Overflow 🥳

Нашому блогу скоро цілих 2 роки! Це був неймовірний час. Дякуємо, що залишаєтесь з нами 💛

І в честь свята, ми вирішили розіграти кілька призів на вибір:

- Підписка на будь-який сервіс/курс повʼязаний з ІТ до $50. Наприклад, курс з Udemy, 5 місяців WebStorm, 1 рік підписки на Medium, 1 рік Telegram Premium тощо.
- Місяць менторства в нас. Людям, які вже працюють комерційно, ця опція недоступна. Адже ми даємо багато інформації та завдань, тому поєднати буде важко 🥲
- Відправимо $50 на будь-який збір, який обере переможець.

Буде троє переможців і кожен зможе обрати свій приз!

Умови:
1. Бути підписаним на Web Overflow.
2. Поділитись в будь-якій соціальній мережі (від лінкедін до тікток), що ви берете участь у розіграші від Web Overflow з посиланням на наш канал.
3. Кинути посилання на ваш сторіс/пост в коментарях до даного розіграшу. Після того, як ми перевіримо публікацію, ви отримаєте даний смайлик 👍 від Насті або Юри на ваш коментар і це означатиме, що ви стали учасником конкурсу!

Результати будуть 8 листопада - на день народження нашого каналу! 🎊

Прикріпляємо фото, які можна використати для публікації, в коментарі нижче.

Успіхів 💛

Браузер замість IDE 💻

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

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

CodePen. Тут простий функціонал, є три віконечка з кодом - HTML, CSS та JS. В окремо вікні ви зможете бачити результат своєї роботи. Тому, якщо ваша ціль - одна веб-сторінка, без різних складних фреймворків, радимо переглянути.

StackBlitz. Тут ви вже знайдете повний онлайн-редактор на основі VSCode. Здається, спочатку тут була підтримка Angular та React, але зараз бачимо, що можна запустити майже будь-який JavaScript проєкт.

CodeSandbox. А ось тут вже вибір буде ширшим. Тут ви знайдете середовища і на JavaScript, Python, Elixir, Go та Rust. Ну або ж через Docker собі налаштуєте все, що захочете.

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

#interview

#todo написати функцію на будь-якій мові програмування, яка приймає масив повідомлень типу { text: string; sentAt: Date } та повертає обʼєкт/map/словник з погрупованими обʼєктами за днем відправки.

Наприклад:
[
{ text: 'Hello, Jack', sentAt: 2023-10-24T20:00:00.000Z },
{ text: 'Hello, Jane', sentAt: 2023-10-24T20:05:00.000Z },
{ text: 'How are you?', sentAt: 2023-10-25T10:00:00.000Z }
]

⬇️

{
2023-10-24T00:00:00.000Z: [
{ text: "Hello, Jack", sentAt: 2023-10-24T20:00:00.000Z },
{ text: "Hello, Jane", sentAt: 2023-10-24T20:05:00.000Z },
],
2023-10-25T00:00:00.000Z: [
{ text: "How are you?", sentAt: 2023-10-25T10:00:00.000Z },
],
}

Як знайти свою першу роботу в ІТ, частина 1.
Резюме 📄

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

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

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

- Стислість. Резюме не повинно бути на 20 сторінок, ніхто його читати не буде. В ідеалі все повинно поміститись на 1-2 сторінки, тим більше "в нас немає досвіду", а занадто багато розписувати про свої всі пет-проєкти і дипломи "Кенгуру" не варто.

- Дизайн. Його просто не має бути. Я пам'ятаю своє перше резюме: чорний фон, яскраво жовті вставки, білий текст, інформація розкидана як-небудь. Мені казали, що це крінж, а я - зате красіво! Ні, ні і ще раз ні. Резюме - це документ, не потрібно там нічого придумувати. Білий фон, чорний текст, чітка структура. Я чула, що деякі рекрутери радять навіть фото не ставити, напевно, вони програмістів не по красоті набирають 🙂

- Формат. Зберігайте своє резюме в двох форматах - doc i pdf. Doc - для себе, щоб швидко поправити/оновити інформацію. Pdf - для роботодавця, щоб в нього точно нічого не поплило/не переформатувалось. Також не забудьте чітко підписати файл, наприклад, CV_Junior_React_ Developer_Anastasiia_Tarasenko.

Тепер нам цікаво почути вашу думку, яке ж має бути те резюме 💛

#experience

#todo взяти участь у розіграші від Web Overflow 💛

Welcome!

Let's practice our English! So...

👉 How often do you work on weekends? Why does it happen?

Have a nice #english_friday 💛

Next.js & Vercel 🎉

Не встигли ще всі оновитись до Next.js 13 версії, а вже і 14 вийшла.

Тут зовсім немає нових API, проте вже є стабільні Server Actions. Також анонсували частковий пререндер та покращення Turbopack. А от що ще може зацікавити багатьох людей - то це їх офіційний і безкоштовний курс! Можна вивчити окремо Next.js або React.

👉 Дивитись відео
👉 Читати анонс
👉 Відкрити курс Next.js
👉 Відкрити курс React

#news

Node.js 20 🎉

Node.js 20-ої версії вже існує давно, але минулого тижня (24 жовтня) вона стала активним релізом. Не потрібно сильно перейматись, адже попередник (18 версія) буде підтримуватись ще до травня 2025 року.

До речі, помітили ми це цікавим чином. Ми не сильно запарились над версіями, коли писали GitHub action, і залишили там lts/*. От одного дня екшени почали падати, бо один модуль в налаштуваннях хотів саме 18-ту версію. Тому, якщо ви теж так прописуєте версії, будьте обачні.

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

#news

❗️До кінця розіграшу залишилось 9 днів - доєднатись

Маємо сьогодні такого файного іменинника 🥳

В чаті почали вітати раніше, ніж я 🙈

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

Вітаємо 💛

Welcome!

Let's practice our English! So...

👉 What is your dream project?

Have a nice #english_friday 💛

У нас на менторстві попросили живий приклад, як працювати з react-hook-form. Тому і ви ловіть #how_to використовувати react-hook-form та yup-валідацію в React-проєкті 🙂

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

❗️До кінця розіграшу залишилось 5 днів - доєднатись

Grok 😧

Тільки сильно не хейтіть, ми лише хочемо розповісти про ще одну новину 😅

Батько X Æ A-Xii анонсував реліз своєї AI моделі Grok. Також опублікували статистичні дані першої версії, де видно, що ця модель ще поступається ChatGPT-4 чи Palm 2, проте старт непоганий.

Без черги нікуди, тут теж доведеться почекати. Цікаво, що реєстрація відбувається лише через X (раніше Twitter).

👉 Відкрити сайт
👉 Отримати доступ

#news

❗️До кінця розіграшу залишилось 2 днів - доєднатись

Query Management Philosophy In Salesforce 😎
#post_from @JS_us

Salesforce - дуже потужний інструмент для ведення бізнесу. У статті розглянуто Salesforce Query Manager та те, чому автор рекомендує його використовувати.

👉 Читати статтю

String vs string 🤔

В TypeScript ви можете використовувати обидва типи String і string. В JavaScript ви тип звісно прописувати не будете, але там теж є і String, і string. То ж в чому їх різниця?

Взагалі всі типи можна поділити на примітиви та не-примітиви. До примітивів ми віднесемо string, number, boolean, undefined, null, symbol та bigint. Деякі з них (всі окрім null та undefined) мають обʼєктні обгортки. Саме такою обгорткою і є String. Створюються вони за допомогою оператора new.

До речі, самі по собі примітиви не мають жодних методів, їх надають саме ці обʼєктні обгортки.

Отож, string - це просто рядок тексту, а String - той самий рядок, але загорнутий в обʼєкт. Хоч такі обʼєкти можливо створювати, це взагалі не рекомендується робити, і в 99.9% випадків вам буде достатньо звичайного string.

А як бонус, ділимося таким цікавим кодом:

const zero = new Number(0)
if (zero) {
console.log("zero is truthy")
}

#interview

❗️До кінця розіграшу залишився ОДИН день - доєднатись