charm.sh 💅

Ми вже якось розповідали в нашому чаті про charm.sh, а сьогодні хочемо поділитися ним ще й тут!

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

Якщо ви хочете зробити власний термінальний застосунок, знайдете там багато класних бібліотек, з якими вийде зробити все дуже гарно (правда писати доведеться на Go 🤷‍♀).

Щодо вже готових застосунків, ви знайдете там теж цікаві речі. Наприклад, mods дозволить вам використовувати AI, через pop можете відправляти емейли тощо. І все це в командному рядку! Блогери можуть спробувати vhs, що дозволить вам робити запис своїх команд у GIF.

До речі, гіфка, яку ви бачите, теж зроблена за допомогою цього застосунку!

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

#library

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

👉 What development tools do you use daily and would suggest to others?

Have a nice #english_friday 💛

Tailwind-merge 👉👈

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

Уявімо, що у вас є свій компонент Button і за замовчуванням його фоновий колір - блакитний. Але ви ж хороший програміст, ваш компонент може бути перевикористаний з різними опціями. Тож в одному місці ви хочете отримати зелену кнопку, тому передаєте відповідний tailwind-клас.

Тепер у вас є два конфліктні класи і в результаті ви все одно бачите блакитну кнопку.

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

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

Також рекомендуємо переглянути коротке відео, у якому розробник показує цю проблему та розробляє утиліту для її вирішення на основі бібліотеки tailwind-merge.

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

#library

Git 🤓

У 99% проектів в IT використовується система контролю версій і в 93.87% (станом на 2022 рік) це саме git. Тож знання цієї системи є не менш важливим, ніж знання мов програмування та технологій, з якими ви будете працювати.

Відразу скажемо, що тут важливо розуміти сам принцип роботи, а не зазубрювати команд git. Насправді, зазвичай ви будете використовувати приблизно 7 основних команд, і набагато рідше всі інші.

Вже вкотре рекомендуємо вам LearnGitBranching. Тут ви зможете дуже швидко і інтерактивно вивчити команди git, а на додачу, ще й візуалізувати дерево комітів.

Також можете звернути увагу на The Odin Project. У їхньому курсі є 3 окремі статті про git, де ви зможете почитати все від особистих налаштувань до перших команд.

А якщо ви ще хочете попрацювати з GitHub, створити свій перший Pull Request, змерджити його тощо, то спробуйте GitHub Minesweeper.

Також, будемо раді, якщо ви поділитесь своїми способами вивчення git у коментарях.

#interview

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

Наприклад:
["web", "webhook", "website"] -> "web"
["frontend", "backend", "fullstack"] -> ""

Давайте поговоримо про гроші.

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

Фіксована ставка.

Фіксована ставка – це оплата за фіксовану кількість робочого часу (наприклад, місяць) незалежно від того, скільки роботи потрібно виконати. Чудово підійде, якщо ви працюєте в компанії. Маєте один чи кілька проектів, відпрацювали місяць, отримали зарплату. Всім все підходить.

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

Погодинна оплата.

При такій формі працівник отримує фіксовану оплату за кожну годину роботи. Чудово підійде для part-time роботи. У свій вільний від основної роботи час, програміст виконує таски, записує витрачені години та отримує зарплату за формулою кількість годин * рейт.

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

Оплата за виконаний проект.

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

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

Сподіваємось, пост був корисним, хоча й дуже суб'єктивним! Чекаємо історії про ваш досвід і рекомендації про найкращу форму оплати 💛

#experience

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

👉 More than two months of the summer is over 😱. Please, tell us how you spent it and your plans for the rest of the summer.

Have a nice #english_friday 💛

#how_to створити гарні та анімовані expanding flex cards ⛅️

І це все виконано майже без JavaScript!

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

Про менторство!

Друзі, нам неодноразово писали в приватні повідомлення, чи беремо ми людей на навчання. До цього моменту ми не задумувались про це і відмовляли. Але зараз час змін!

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

Ця криза теж колись закінчиться. І коли ринок оживе, ви зможете першими знайти роботу мрії ЛИШЕ якщо на той момент будете вже щось знати та вміти. Тому радимо не гаяти часу і починати вчитися.

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

Кому це підійде?

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

Технології.

- Frontend (HTML, CSS, JavaScript, TypeScript, React, Next.js).
- Backend (SQL, NoSQL, JavaScript, TypeScript, Node.js).
Ви матимете можливість обрати один з напрямків, або скомбінувати їх і стати full stack розробником.

Чим ми будемо займатись?

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

Ми поділимо вас на групи людей +- однакового рівня. Побудуємо roadmap (покроковий план) і будемо по ньому йти. Кожного тижня будемо проводити дзвінок, де кожен зможе ділитись своїм прогресом, ставити питання і разом будемо планувати наступний тиждень. Усе буде послідовно, чітко, без зайвої води. Плюс, у вас будуть домашні завдання по пройденому матеріалу, тому що без практики теорію добре не засвоїти.

Наша головна ціль - зробити з вас хороших програмістів, які готові працювати в ІТ компаніях.

Чому ми?

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

Ціна.

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

І тепер до важливого!

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

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

Але наголошуємо, що це все тільки плани. Ми ще точно не впевнені в цій ідеї, тому будемо чекати на ваш фідбек 💛

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

Якщо у вас залишились будь-які питання, з радістю відповімо в коментарях! 💛

Frontend Masters Algorithms 😎

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

The Last Algorithms Course You'll Need - це курс від ThePrimeagen, розробника з Netflix. У курсі ви отримаєте як теоретичне, так і практичне подання.

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

👉 Дивитись курс

Також додаємо посилання на Youtube-канал ThePrimeagen, там ви можете знайти багато цікавого та веселого

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

#interview

#todo створити circual progress chart 🤩

C# Moq + SponsorLink 🤯
#post_from @Digicat

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

Нещодавно в спільноті C# була активна дискусія щодо бібліотеки Moq. Вона дуже популярна для тестування, адже дозволяє підмінювати обʼєкти.

В один момент автор цієї бібліотеки додав всередину іншу - SponsorLink. Ця бібліотека інтегрує GitHub Sponsors у ваш проект та на build етапі сканує залежності і пропонує вам стати спонсором інших open-source проектів. Ви навіть отримаєте warning, якщо не підтримуєте жоден проект.

Інтегрування цієї бібліотеки в Moq була несподіваною. На додачу, SponsorLink використовував ваш email та тримав його хеш в хмарі, про що нікого не попереджав. Власне це і стало рушієм всіх обговорень..

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

Також тут варто згадати про faker.js, який минулого року теж наробив шуму.

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

Тож питання щодо OSS досі не вирішені. В них сотні мільйонів скачувань, а автори підтримують їх. Тож як вирішити спонсорування цих авторів? Яку участь в цьому мають брати мільярдні компанії, які використовують цей код?

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

👉 Tell us your English level and how you improve it?

Have a nice #english_friday 💛

Fern 🌿

Всі ми використовуємо різні API для свої проектів.

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

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

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

#library

Менторству бути!

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

Якщо хтось не отримав від нас повідомлення, будь-ласка, напишіть в @web_overflow_support. І якщо ви ще хочете доєднатись, можете заповнити форму!

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

Це для нас новий досвід, якщо не враховувати менторство на роботі, але то зовсім інша історія. Тому будемо тримати вас в курсі! 💛

How DNS works ✨

Ану швидко назвіть IP-адресу Гугла!

Навряд чи багато хто напам'ять знає, і навряд чи треба. А от коли ви до свого комп'ютера звернетеся з проханням відкрити сторінку google.com, він таки змушений якось дізнатися цю адресу. Щоб побачити, як працює ця "магія" і що таке DNS, ми поділимося з вами коміксом, в якому ви швидко зможете ознайомитися з цим.

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

А якщо уважно пошукаєте, то внизу знайдете посилання ще на комікс про HTTPS 😉