Welcome 👋

Let's practice our English today! So ...

👉 Tell us how did you decide to join IT?

Нам буде дуже цікаво почути ваші історії. Як завжди, можете писати свої відповіді тут або в чаті.

Have a nice Friday! 💛

#english_friday

Хей 👋

🚀 Ділимось в вами надзвичайно крутим ресурсом - Web Skills

Тут візуально показано ВСІ навички, які має мати веб-розробник, з усіма посиланнями на статті, де можна їх отримати. Такий собі roadmap, але крутіше!

Зберігайте - https://andreasbm.github.io/web-skills/

#tips

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

У цій статті, автор дослідив 7 питань, які найчастіше з'являються на StackOverflow. Завдяки ній, ви зможете глибше зрозуміти типові проблеми, з якими може зіткнутись розробник, використовуючи TypeScript. Це також актуально, якщо ви тільки вивчаєте TypeScript — що може бути кращим, ніж ознайомитися зі своїми майбутніми челенджами! 🚀

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

#interview

Хей-хей 👋

Хочете крутий тікток з YouTube на вечір (ми занадто старі, щоб знати, як то правильно обзивається)? 😂

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

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

#tips

Hello 👋

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

👉 Name your favorite film and explain why you like it.

Якраз можна буде сформувати свій список, що подивитись на вихідних! І як завжди, можете писати свої відповіді тут або в чаті.

Have a wonderful Friday! 💛

#english_friday

Ми запізнились!

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

Також копірайтер зможе:

- створювати тексти для блогу;
- створювати пости y соцмережі;
- писати «продажні» листи;
- створювати вірші;
- складати списки плюсів та мінусів кожного сценарію;
- оформлювати структуру та багато іншого!!

А так, як ми є активними користувачами, то не можемо пройти повз і вже стали в чергу на отримання бета версії. Ділимось запрошенням і з вами!

Псс: якщо ви студент і маєте корпоративну пошту вашої шараги, то зможете отримати Pro версію безкоштовно (як ми і зробили) 🤫

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

#news

Хей-хей 👋

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

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

Welcome 👋

росія - країна гній, але це не завадить нам підтримати нашу традицію! Тому…

👉 Tell us what is the first thing you will do after the end of the war and win of Ukraine (except drinking 😅)?

Як завжди, можете писати свої відповіді тут або в чаті.

Have a nice Friday! 💛

#english_friday

Привіт 👋

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

CSS Diner практикуйте CSS селектори у цікавому форматі.
CSS Battle використовуйте свої навички CSS, щоб відтворити картинку за допомогою HTML/CSS.

👉 Хто пропустив, для вивчення Flexbox та Grid у нас також була своя підбірка - відкрити пост

Зберігайте! 💛

#tips

🚀 Знайшли для вас новий крутий сервіс для пошуку роботи - Otta

На жаль, ситуація на ринку не покращується, а навіть навпаки. Вже чуємо історії, що навіть сіньйорів запросто звільняють з компаній. Тому такі сервіси як ніколи вчасно.

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

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

#tips

Good Morning! ✨

Let's practice our English! We have soooo important topic for you. It is ...

👉 How do you manage your work with blackouts? And how do you feel about this reality? Also, you can share some photos if you want!

Як завжди, можете писати свої відповіді тут або в чаті.

Have a wonderful Friday! 💛

#english_friday

Drag and drop

У вас коли-небудь були таски, в яких треба було розробити drag & drop? Особисто мені траплялись лише нескладні випадки, такі як drop файлів для завантаження або ж перетягування кораблика на поле у морському бої. А от коли доведеться, наприклад, зробити копію дошки з Trello чи Jira - буде вже трохи важче.

Ну і звісно ж потрібно буде шукати якусь бібліотеку в допомогу. І тут порадимо вам передивитись коротке відео (всього лиш 184 секунди з вашого дня 😉), у якому зможете отримати підказки, що ж краще використати, а що вже застаріло і краще пропустити.

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

#library

🇺🇦 З Днем Збройних Сил України!

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

Дякуємо за те, що ви є.
За те, що ви обираєте.
За те, що ви виборюєте.

Пишаємось Вами!

React: Class vs Functional

Ні для кого не секрет, що в React є два способи написання компонент - класи та функції. Тому часто на інтервʼю бувають питання про різницю даних підходів.

Давайте розбиратися...

Хуки в React зʼявились відносно нещодавно. Відповідно, функційний підхід дозволяв лише використовувати пропси та повертати JSX елемент. Хочеш стейт - використовуй класові компоненти. Це вже залишилось в історії, а що ж відмінного зараз?

- Функційна компонента - це просто функція, а от клас обовʼязково має наслідувати базовий клас компоненти з React (напишіть в коментарі, які класи ви знаєте).
- Логічно, що у функціях немає конструктора, а в класах є.
- Також відмінністю є те, що класова компонента має методи життєвого циклу, а функційна - хуки. Тут трохи різні підходи, але в кінці ми отримуємо однаковий функціонал.
- Продовжуючи тему методів - в класів є методи, які перехоплюють помилки (можете загуглити Error Boundaries).
- На кінець, додам ще одне - React.forwardRef працює лише на функціях, тому якщо хочете передати ref в класову компоненту - обгортайте її перед тим ще і у функцію.

А щоб ви були максимально впевненими в собі відповідаючи на таке питання на інтервʼю - прикріпляємо статтю.

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

#interview