JavaScript'er

Якщо вас цікавить тема React або Next.JS - запрошую долучатися до україномовного каналу React для початківців Контент про React, Next.JS та FrontEnd в цілому. Канал без реклами, створений на початку повномасштабної війни саме для допомоги початківцям. Окрім текстових матеріалів там регулярно публікуються відео лекції на різні фронтендні теми. Приєднуйтесь!

👍Image Hover Картки зі спливаючим ефектом при наведенні. Реалізовано за допомогою CSS та JavaScript. Посилання на Codepen *ТИЦЬ JavaScript'ер

💬Питання із співбесіди Як перевірити 2 об'єкти на ідентичність? Відповідь: Об'єкти є типами посилань, тому ви не можете просто використовувати === або == для порівняння двох об'єктів, але можна: — Використовувати JSON.stringify для приведення об'єктів у рядок та порівняти їх вже як 2 рядки. Такий підхід має обмеження. Якщо в об'єкті будуть методи або symbol - JSON.stringify не зможе конвертувати їх у рядок. — Реалізувати власну функцію порівняння або скористатися сторонньою бібліотекою, наприклад Lodash. JavaScript'ер

😅Найважче завдання сеньйора </Codu>

🔗Корисний сервіс для вивчення коду Coding Fantasy - це платформа для вивчення коду за допомогою ігор, поки доступні тільки ігри Flex і Grid JavaScript'ер

IT Hub – це НЕ черговий канал про те, як джуну легко заробити $5000, не виходячи з дому. Кожен адекватний розуміє, що в IT буває до біса важко, доводиться багато навчатися та працювати. Ми – це спільнота однодумців, які дійсно прагнуть досягти успіху в IT та Digital. На IT Hub ти знайдеш: 🔸Секрети успішного працевлаштування від топових рекрутерів: як прокачати резюме, вдало пройти співбесіду та піднятися кар'єрними сходами. 🔸Підбірку перевірених курсів та практичних майстер-класів, які дійсно навчають. 🔸Анонси IT івентів, де збирається професійна айтішна тусовка України.🇺🇦 🔸Свіжі вакансії з гідною оплатою праці та стажування для новачків. 🔸Огляди корисної літератури та рекомендації від експертів. Ми не обіцяємо, що буде легко. Але гарантуємо, що буде цікаво та корисно! 👉 100% раджу підписатися!

Градієнтне обведення тексту Простий спосіб створити градієнтне обведення для тексту за допомогою декількох рядків коду.

.text {
/* Встановлюємо градієнтне тло */
  background: linear-gradient(
    45deg, #4158D0 0%, #C850C0 50%, #FFCC70 100%
  );
/* Встановлюємо колір тексту, що дорівнює кольору фону контейнера */
  color: black;
/* Використовуємо властивості background-clip, при використанні значення text фон буде застосований для тексту елемента */
  background-clip: text; 
/* Використовуємо webkit-text-stroke, щоб додати ширину та колір обведення. Колір потрібно встановити на transparent(прозорий), щоб колір градієнта з-за обрізки фону почав відображатися. */
  -webkit-text-stroke: 6px transparent;
}

В коментарях може ділитися своїми роботами🙌 JavaScript'ep

😇Еволюція завжди розвивається JavaScript'ер

Ласкаво просимо до "Бізнес Конструктор" – глибокий дослідницький канал, де ми розкриваємо секрети успішного бізнесу! У нас ти знайдеш: ➖ Цікаві кейси про те, як компанії досягли вершин; ➖ Аналітику, яка розбирає бізнес-процеси на атоми; ➖ Ексклюзивні матеріали від найкращих підприємців України. 💼 Бізнес Конструктор – це не просто канал, це джерело натхнення та знань для успішних бізнесменів. Підписуйся і дізнавайся, як перетворити свій бізнес на історію успіху. Розвивай свою компанію з нами: 👇

👩‍💻CSS Grid Generator - генератор базового коду CSS Grid для створення динамічних макетів 🔗Посилання: https://cssgrid-generator.netlify.app/ JavaScript'ер

💵Pricing section Картка з ціною та підказками. Реалізовано з допомогою SCSS. Посилання на Codepen *ТИЦЬ JavaScript'ер

👩‍💻Шпаргалка по Node JS JavaScript'ер

Великі букви Необхідно перетворити рядок так, щоб кожне слово починалося з великої літери. Приклад: str.toJadenCase() = "How Can Mirrors" • Перейти до задачі #7kyu JavaScript'ep

😁Підтверджую базу </Codu>

👇

🤫Hover Effect Ефект збільшення картки та зміщення сусідніх карток при наведенні, реалізований на чистому CSS. Посилання на Codepen *ТИЦЬ JavaScript'ер