JavaScript'er

📌Властивість accent-color Встановлює акцентний колір для деяких елементів керування інтерфейсом користувача. Браузери, які підтримують accent-color, зараз застосовують його до наступних HTML елементів:

 <input type="checkbox">
<input type="radio">
<input type="range">
<progress>

Підтримка на даний момент складає 94.03% JavaScript'ер

😎Восьма навичка високоефективних людей JavaScript'ер

$8 трильйонів збитків спричинили хакерські атаки у світі за останній рік Як цьому запобігти, влаштуватися на затребувану віддалену професію й отримувати гідну зарплату? Cybersecutiry— IT-професія майбутнього: ✅ На 242% збільшиться попит на спеціалістів із безпеки в наступні 10 років ✅ У середньому в Україні такі специ отримують $22 800 на рік, а в США — $123 692 на рік. На безоплатному марафоні ви опануєте перші навички з кібербезпеки. І все це під супроводом директора з інформаційної безпеки Нової пошти! 📦 ⚡️ Тривалість — 4 дні. Тут лекції, практика та підтримка менторів, які допоможуть розібратися у всіх питаннях. Зареєструватися: https://i.goit.global/guLm6

🥸Добірка незвичайних завантажувачів Loader Animation – це анімовані завантажувачі кількох видів на будь-який смак, реалізовані за допомогою CSS. ⛓Вивчити код JavaScript'ер

📱Величезна бібліотека з 4000+ іконок у SVG та React Знайшли корисний сайт для дизайнерів та фронтендерів, де ви можете знайти іконки на всі випадки життя - переходи за посиланням та завантажуй потрібний пак за пару секунд. ⛓Додати до проекту 📱Вихідний код JavaScript'ер

📱Величезна бібліотека з 4000+ іконок у SVG та React Знайшли корисний сайт для дизайнерів та фронтендерів, де ви можете знайти іконки на всі випадки життя - переходи за посиланням та завантажуй потрібний пак за пару секунд. ⛓Додати до проекту 📱Вихідний код JavaScript'ер

💻 Ви розробник і хочете монетизувати свої навички на Upwork? Час діяти! Долучайтесь до безоплатного вебінару «Як розробнику продавати послуги на Upwork: кейси проєктів від $10K до $300K» 📆 Дата: 18 липня о 18:00 за Києвом 💬 Розповімо: - Як отримати проєкти $300K, $100K та $10K через Upwork Enterprise та Upwork Plus - Як працюють алгоритми пошуку та рекомендацій на Upwork - Як писати ефективні «Proposals», використовувати «Cover Letters» та «Project Catalog» - Як побудувати ефективну воронку для залучення клієнтів - Як підтримувати постійний потік пропозицій - Ключові складові успішного біда Спікер Тамара Левіт, яка реалізувала десятки проєктів та заробила більше $1 млн. на біржах фрілансу, у тому числі й на Upwork. ☝️ Щоб отримати запрошення на подію слід обов’язково зареєструватися: https://bit.ly/3W4bi8s ✅ Приходьте на вебінар, щоб зробити крок до фінансової незалежності в IT та самостійно обирати проєкти, над якими працювати.

➡️Background Animation Цікавий градієнтний перехід між різними кольорами як тло. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

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

У вас немає комерційного досвіду? А роботу програміста без нього знайти дуже складно😉 У нас в FoxmindEd🦊 є рішення - курс Навчання на проєкті👍 Навчання проходить як на справжній роботі: спринти, статус мітинги з командою і code review. У результаті ви зможете записати комерційний досвід у резюме, що підвищить ваші шанси швидше знайти роботу👍 🔸Проєкт 1: Java + Angular or React 🔸Проєкт 2: Java + Angular or React 🔸Проєкт 3: C#/.NET 🔸Проєкт 4: Python + React 🔸Проєкт 5: Unity 🔸Проєкт 6: JuniorSpace (Python + React) 🔸Проєкт 7: Java + Angular or React FoxmindEd виповнюється 8 років! 🥳 Запрошуємо вас відсвяткувати разом із нами! 🎉 З 8 по 22 липня 2024 року ми запускаємо знижки -20% на всі курси менторингу та навчання на проєкті. Реєструйтесь 👉 https://go.foxminded.ua/4cDZQHH

🎮Новий синтаксис transform Іноді під час роботи з анімацією ключових кадрів. Якщо елемент вже має 3 трансформації, і ви хочете змінити тільки масштаб під час анімації, вам доведеться повторити всі три функції трансформації заново. Але за допомогою цього синтаксису ви можете задавати функції трансформації окремо. Властивість transform не є застарілим. Воно, як і раніше, має своє застосування. Наприклад, коли ви хочете задати кілька перетворень у певному порядку - translate -> rotate -> translate -> rotate. JavaScript'ер

😅Коли бекендер не дуже добре зрозумів суть своєї роботи JavaScript'ер

📌Гайд як верстати похилі блоки на css За допомогою clip-path можна задавати видиму область елемента. Все, що виходить за її межі, ховається. JavaScript'ер

😮Expanding Contact Form Форма для зв'язку, що розгортається при натисканні на кнопку. Реалізовано за допомогою SCSS та JS. ⤷ Забрати код

🥸Питання із співбесіди Як використовувати модулі JavaScript? Відповідь: 1. Експортування модулів: Дозволяє виконувати функції, об'єкти або змінні доступними для інших файлів. Використовується export для експорту кількох елементів із модуля.

 // utils.js
export function add(a, b) {
return a + b;
}
export const pi = 3.14159;

2. Імпортування модулів: Дозволяє використовувати раніше експортовані елементи. Використовується для імпорту окремих елементів з модуля.

 // main.js
import { add, pi } from './utils.js';
console.log(add(2, 3)); // 5
console.log(`Value of pi: ${pi}`); // Value of pi: 3.14159

3. Експорт за замовчуванням: Використовується для експорту одного основного елемента з модуля. Це може бути функція, клас чи об'єкт. Використовується export default для цього.

 // math.js
export default function multiply(a, b) {
return a*b;
}

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

 // main.js
import multiply від './math.js';
console.log(multiply(2, 3)); // 6

5. Динамічний імпорт: Дозволяє завантажувати модулі асинхронно, що корисно для завантаження модулів на вимогу. Використовується import() для динамічного імпорту.

 // main.js
async function loadModule() {
const { add } = await import('./utils.js');
console.log(add(5, 10)); // 15
}
loadModule();

6. Імпорт всього вмісту модуля: Іноді потрібно імпортувати вміст модуля під одним ім'ям. Використовується import*as для цього.

 // main.js
import * as Utils from './utils.js';
console.log(Utils.add(2, 3)); // 5
console.log(`Value of pi: ${Utils.pi}`); // Value of pi: 3.14159

JavaScript'ер

😐Коли випадково набрехав у резюме, але тебе все одно взяли на роботу </Codu>

function boo(boolean1, boolean2) {
  let sum = boolean1 + boolean2;
  console.log(sum);
}
boo(true, true);

JavaScript'ер

🔥Preloader Залипаюча анімація завантаження сторінки. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

⚙️Останні 2 фільтри для картинок Ми з вами вже розглянули 11 атрибутів якості filter в css. Ці 2 - останні в цій рубриці, у наступному пості все об'єдную однією шпаргалкою). • Сепія — ефект, що досягається під час використання відтінків коричневого кольору. Атрибут sepia() перетворює вхідне зображення на сепію. Приймає значення від 0% (залишає вхідні дані незмінними) до 100% (повністю відповідає сепії). • Атрибут drop-shadow() використовується не тільки як filter. Створює ефект тіні до вхідного зображення. У прикладі ми використовуємо перше число 20px для зміщення тіні по осі X. Друге число 20px для зміщення тіні по осі Y. 12px — радіус розмиття, і останні це колір тіні. JavaScript'ер