Welcome! 👋️️️️️️
Let's practice our English! So...

👉 Are you a morning lark or a night owl? And how do you handle it?

Have a nice #english_friday 💛

Про англійську.
Сьогодні максимально все присвячено англійській мові, #english_friday так сказать 😅

Пам'ятаєте про SpeakyClub? Той, що організувала моя сестра. Вони запустили купу нових фіч!

- зменшили кількість людей у групі до 4;
- покращили платформу для бронювання уроків;
- тепер можна накопичувати лоялті бали і купувати за них заняття чи абонементи;
- можна додавати урок зручно в календар і отримувати нагадування на пошту.

Але лишилися і стабільні фічі:
- найефективніше подолання мовного бар'єру;
- всі групи поділені на рівні, тому ви точно будете почуватись комфортно;
- рівень англійської все ще можна визначити абсолютно безкоштовно 🤩

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

Якщо цікаво, залишаємо посилання на інстаграм та сайт. Якщо не рахувати CRM, то все інше робили ми з Юрою. Можете трохи потестити (там переважно тільки верстка) і почмирити, ми не проти 😅

А ще, з допомогою родинних зв'язків, вибила вам знижку 40% на перше заняття з промокодом WebOverflow 🎁

Welcome!
#post_from @ihor_888 😅

Let's practice our English! So...

👉 Tell us about the music you listen to while coding.

Have a nice #english_friday 💛

Bun 1.0 🎉

Поки ми нічого не встигаємо, весь світ змінюється і безліч нових технологій зʼявляються чи оновлюються.

Швидше за все, ви вже чули про Bun - супер-швидкий JS. Нещодавно зʼявилась версія 1.0, а отже потрібно бути готовим, що можливо скоро ваш бос чи тім лід задумається над використанням такої технології.

Тож ділимось коротким відео від Fireship, в якому зможете трішки більше дізнатись що таке Bun.

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

#news

#todo написати функцію на будь-якій мові програмування, яка приймає на вхід масив об'єктів типу { name: string, age: number }. Функція має погрупувати обʼєкти за name та знайти середнє значення age у кожній групі. Функція має повернути обʼєкт/map/словник, де ключ - name, а значення - середній age. Наприклад:

Вхід:
[
{ name: "John", age: 20 },
{ name: "Jane", age: 18 },
{ name: "John", age: 22 },
{ name: "John", age: 27 },
{ name: "Jane", age: 19 },
]

Результат:
{
"John": 23,
"Jane": 18.5
}

Локалізація app-ок в micro Front-End 🤯

Поки ми серйозно заганяємось, вже традиційно ловіть
#post_from @Yurets7777 @urbfkfys

Останнім часом нас трохи занесло в оцей весь micro Front-End. Ми розробляємо окремі модулі powered by ReactJS, котрі вбудовуються в батьківську App (CRM, яка також на ReactJS).

Ми вирішили поділитися тим, як ми це зробили і написали для вас статтю. Винесли її в Notion і щоб було веселіше - додали приклади з кодом.

👉 Відкрити статтю

Welcome!

Let's practice our English! So...

👉 Tell us about unusual habits that you have.

Have a nice #english_friday 💛

#how_to налаштувати Prettier на проекті та редакторі коду VSCode.

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

#todo написати функцію на будь-якій мові програмування, яка приймає на вхід масив чисел, кожне з яких означає ціну з обраного продукту в інтернет-магазині. В інтернет магазині акція, тому за кожних 2 продукти в корзині третій (найдешевший з доступних) - безкоштовно. Функція має повернути 3 значення (як масив чи обʼєкт): загальна ціна, ціна з урахуванням знижки та значення знижки.

Наприклад:
[1, 2, 3] => [6, 5, 1]
[1, 2, 3, 4] => [10, 9, 1]
[1, 6, 2, 5, 3, 4] => [21, 18, 3]

Давайте поговоримо про деплой …

Для того щоб не скидати замовникам посилання на localhost, ловіть
#post_from @Yurets7777

Деплой - простими словами це розгортання і запуск проекту на хостингу/сервері.
Поділюся своїм хоч і невеликим експірієнсом і враженнями.

🌍 Звичайний хостинг
Тут говорити особо нічого. Мав декілька кейсів:
1. Хостинг із підтримкою NodeJS. Запускав там фронт. Великий мінус - не було зв’язку із GitHub репозиторієм, відповідно всі зміни в коді потрібно було закидати по FTP.
2. Тут взагалі все було просто як пробка. Робимо локально build React App і туда його на хостинг. Жабаскрипт зібраний, до index.html підключений, що ще потрібно? 🤷 Не цікаво, але дешево і сердито.

🌍 Виділений віртуальний сервер
Ще часто фігурують скорочення типу VDS / VPS.
Це був практично найперший досвід деплоя full-stack javascript app на “голій” Ubuntu. Орендував у одного із Українських хостерів близько ~ $10 / місяць.

Мінуси:
⁃ Довго налаштовувати під себе. Для того щоб просто стартонути прийшлося навісити NodeJS, додаткові приблуди для запуску, щоб запустити Back та Front, прикрутити SSL сертифікати. Це щоб просто запуститися без зайвих обвісів;
⁃ Коли app падає, потрібно піднімати руками, перезапускати. Або городити ще щось зверху;
Плюс лише один:
⁃ робиш під себе все що хочеш, в рамках дозволених правилами хостингу.

🌍 Vercel - деплой фронтової частини апки
Взагалі не Верселем єдиним, є і інші схожі сервіси. Але мені сподобався даний сервіс.

Плюси:
⁃ адекватні безкоштовні ліміти;
⁃ автодеплой із GitHub репозиторію. Пряма зав’язка за допомогою якої, не потрібно руками налаштовувати GitHub Actions. Пуш у продакшн гілку запускає автоматичний деплой;
⁃ прив’язка свого домена (адекватна інструкція how to);
Мінуси:
⁃ бува підтуплює на халявному тарифному плані.

🌍 Heroku - деплой back-end
Раніше був безкоштовним, наразі став платним, але воно того вартує.

Плюси:
⁃ адекватні тарифи, звичайний щось ~ $7/місяць (виділяється певна к-сть годин, якщо мені памʼять не зраджує). Разом із тим є еко-тариф за $5/місяць (певна к-сть робочих годин). На еко-тарифі сервак спить до першого запиту, через це перший запит відпрацьовує із деяким затупом, а потім все як положено. Якщо запитів не має, апп-ка знову засинає;
⁃ автодеплой із GitHub репозиторія. Пряма зав’язка за допомогою якої, не потрібно руками налаштовувати GitHub Actions. Пуш у продакшн гілку запускає автоматичний деплой;
⁃ коли програма падає, Хероку відловлює критичні помилки і самостійно перезапускає build;
Мінуси:
⁃ Не зручно масштабувати.

Потрібно ще AWS пощупати. Поки дорогувато і не має потреби. Але там цікаво реалізоване масштабування інстансів програми.
Наразі все.

Welcome!

Let's practice our English! So...

👉 Tell us about fun or unusual coincidences that you have experienced recently.

Have a nice #english_friday 💛

#todo поділитися абревіатурою/скороченням/сленгом з IT та дати коротке пояснення.