JavaScript'er

💎Locomotive Scroll - крутий і нескладний у використанні плагін для створення ефектів при скролі Вміє робити плавний скролл, паралакс ефект, відстежувати елементи у видимій області браузера, фіксувати елементи при прокручуванні тощо. 🔗Посилання: https://github.com/locomotivemtl/locomotive-scroll JavaScript'ер

✔️Вивчаємо React швидко і без зайвого головного болю 30DaysOfReact — підручник, який зробить з тебе гуру React всього за місяць, незалежно від рівня твоїх знань. JavaScript'ер

🔜SVG checkboxes Форма для вибору одного або кількох варіантів із запропонованих. Реалізовано за допомогою CSS та JS. ⤷ Забрати код JavaScript'ер

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

💡Порада по CSS :user-invalid JavaScript'ер

let x = 5;
let y = 10;

let result = (x => x * y)(2);

console.log(result);

JavaScript'ер

🥲І так кожен раз JavaScript'ер

▶️Link hover effects Багато ефектів наведення на посилання. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

🥸Питання із співбесіди Як реалізувати асинхронне програмування JavaScript? Відповідь: 1. Використання колбеків: а синхронний код може бути реалізований за допомогою колбеків, які виконуються після завершення асинхронної операції.

 // Функція з колбеком
function fetchData(callback) {
setTimeout(() => {
callback('Data received');
}, 1000);
}
fetchData(data => {
console.log(data); // Data received
});

2. Використання промісів: представляють результат асинхронної операції і можуть бути в одному з трьох станів: очікування, виконано, відхилено.

 // Функція повертає проміс
function fetchData() {
return new Promise((resolve) => {
setTimeout(() => {
resolve('Data received');
}, 1000);
});
}
fetchData().then(data => {
console.log(data); // Data received
});

3. Використання async/await: надає синтаксичний цукор для роботи з промісами, роблячи асинхронний код більш читаним.

 // Функція повертає проміс
function fetchData() {
return new Promise((resolve) => {
setTimeout(() => {
resolve('Data received');
}, 1000);
});
}
// Асинхронна функція з await
async function getData() {
const data = await fetchData();
console.log(data); // Data received
}
getData();

JavaScript'ер

🎮Tabler Icons – набір із більш ніж 5250 безкоштовних високоякісних SVG-іконок, які ви можете використовувати у своїх проектах ⛓Посилання: https://tabler.io/icons JavaScript'ер

let a = ('2' == 2);
let b = ('2' === 2);

console.log(a + b);

JavaScript'ер

🔍Coding Cheatsheets - набір шпаргалок за frontend технологіями та інструментами 🔗Посилання: https://cheatsheets.shecodes.io/ JavaScript'ер

❗️ Безоплатний 8-денний тест-драйв IT професій    ▪️ Для бажаючих працювати онлайн і заробляти в $;  ▪️ Для тих, хто давно хотів працювати в IT, але не обрав для себе напрям    Тривалість — 8 днів. Заняття проходять вечорами.     На тест-драйві ви спробуєте себе в ролях:  ▫️ вебдизайнера,  ▫️ розробника,  ▫️ дата-аналітика,   ▫️ проджекта,   ▫️ тестувальника.     ✅ Програма розрахована на новачків. У вільний час ви дивитесь короткі лекції та робите цікаві завдання, які перевіряє ментор.  Після реєстрації приємний бонус: аналітика зарплат айтівців в Україні.   🔥 Реєструйтесь за посиланням: https://i.goit.global/FuNsg

👀Вписування зображення в область Властивість object-fit дозволяє керувати тим, як вміст вписується у розміри елемента. Може набувати значення: • fill — розтягує зображення на всю область • contain — вбудовує зображення зі збереженням співвідношень сторін • cover — вбудовує зображення зі збереженням співвідношень сторін, але обрізає його за розміром області • none — розмір заміненого вмісту не змінюється • scale-down — призведе до меншого розміру об'єкта. JavaScript'ер

let a = {n: 1};
let b = a;
b.n++;

console.log(a.n);

JavaScript'ер

💎Маска, що налаштується в CSS Властивість mask встановлює зображення, яке використовується як шар маски елемента. Прийняті аргументи: • mask-clip — визначає область, на яку розповсюджується маска • mask-size – визначає розмір маски • mask-position — розміщує маску щодо елемента • mask-repeat — показує, що маска повинна повторюватися/не повторюватись • mask-composite — це операція композиції, яка використовується для поточного шару маски з розташованими під ним шарами. • mask-mode – визначає, чи буде посилання на маску • mask-origin – задає початок координат маски. JavaScript'ер

👾Не дай JavaScript тебе перемогти! JavaScript - найпопулярніша мова програмування в Україні, але щоб ефективно її вивчати потрібно бути підписаним на "Ти не знаєш JavaScript" Окрім доведення того, що ти знаєш JavaScript, адміни пропонують: 🔷 Код до класних готових проектів 🔷 Розбір питань зі співбесід 🔷 Рекомендації адмінів щодо вивчення JS 🔷 Меми над якими ти будеш сміятися всією тімою) Підпишись вже, нарешті, та вдосканаль свої навички роботи з JavaScript