JavaScript'er

👩‍💻Порада по CSS Просте створення тексту з градієнтним обведенням в CSS 🤩 JavaScript'ер

🥲Довели програміста до такого JavaScript'ер

Ти Junior JavaScript розробник, що прагне наступного рівня у своїй кар'єрі? Долучайся до програми прокачки JavaScript скілів Learn On від Sigma Software University, де за 3 місяці ти піднімеш свій рівень до рівня Middle 🤩 Проєкт розроблений, щоб допомогти тобі зробити прорив у кар’єрі, прокачуючи хард і софт скіли. Подай заявку на участь у програмі: https://bit.ly/4bInnaq ✔️ Прокачуй навички роботи в команді та проєктний досвід; ✔️ Освоюй JavaScript на практиці виконуючи квести із теоретичними матеріалами для твоїх gaps; ✔️ Слідуй чіткій скіл-грейд матриці побудованій на результатах технічної співбесіди; ✔️ Отримуй індивідуальну програму і досвідченого ментора; ✔️ Долучайся до професіоналів, які теж прагнуть успіху. 🚀 Мінімальні вимоги: Junior рівень у JavaScript; 3-6 місяців комерційного досвіду та англійська на рівні Intermediate або вище. 👉🏻 Подай заявку на участь у програмі Learn On - https://bit.ly/4bInnaq Твоє майбутнє у твоїх руках!

😇Гармонія джуна і сеньйора виглядає так JavaScript'ер

⚡️Метод endsWith() Дозволяє перевірити, чи закінчується рядок певним підрядком. Він повертає булеве значення true, якщо рядок закінчується вказаним підрядком, і false в іншому випадку. У прикладі ми створюємо рядок str зі значенням 'Hello world'. Потім ми використовуємо метод endsWith() для перевірки, чи закінчується рядок str підрядком 'world'. В результаті отримуємо значення true, тому що рядок 'Hello world' закінчується зазначеним підрядком. Метод endsWith() також приймає додатковий необов'язковий параметр length, який дозволяє вказати довжину рядка для перевірки 👇

 const str = 'Hello world';

console.log(str.endsWith('Hello', 5)); // true
console.log(str.endsWith('Hello', 6)); // false

Важливо відзначити, що цей метод чутливий до регістру 👇

 const str = 'Hello world';

console.log(str.endsWith('world')); // true
console.log(str.endsWith('World')); // false

JavaScript'ер

💥Glowing Blob Effect Ефект світіння, який слідує за курсором. Реалізовано за допомогою CSS та JavaScript. Посилання на Codepen *ТИЦЬ JavaScript'ер

👩‍💻Добірка фрішних курсів по JavaScript 1️⃣Basic Coding in JavaScript – 58-годин відео в яких автор розглядає все, що треба знати кожному JavaScript розробнику. 2️⃣Курс від Фрілансер по життю – 19 відео-уроків від українця Жені Андріканича. Максимально просто та зрозуміло. 3️⃣Курс від Clever Programmer – розповідають цікаво, без води, підходить для новачків та середнього рівня. 4️⃣Javascript Essentials – розібрали базу та фічі за один курс. Багато їх хто знає. </Codu>

✨Прискорюємо завантаження сайтів Для підвищення продуктивності завантаження сторінок "відкладіть" виконання некритичних файлів javascript ✅ JavaScript'ep

😄І знову ти незамінний </Codu>

Якщо вас цікавить тема 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