JavaScript'er

🔍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

📌Hamburger toggle menu Cтильний варіант меню для вашої сторінки. Реалізовано за допомогою CSS. JavaScript'ер

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

🔍Чи знаєте ви, що властивість length масивів JavaScript діє не тільки як геттер, але і як сеттер? Якщо встановити значення менше існуючої довжини масиву, елементи видаляються з правого кінця, щоб відповідати новій довжині. Якщо більше, то в кінці додаються порожні елементи. Зазвичай це використовується для того, щоб повністю спустошити масив, використовуючи значення 0ґ JavaScript'ер

😊Можна ще відпочити JavaScript'ер

let obj1 = { a: 1 };
let obj2 = { a: 1 };

console.log(obj1 == obj2);
console.log(obj1 === obj2);

JavaScript'ер

😮Dynamic Card Animation Засвічування картки при наведенні курсору. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

🤡The Team - 001 Ефект об'ємних карток при наведенні курсору. Реалізовано з допомогою SCSS. JavaScript'ер

🥸Питання із співбесіди Як організувати обробку помилок у JavaScript? Відповідь: 1. Використання try...catch: Дозволяє ловити та обробляти помилки у блоці коду.

 try {
throw new Error('Щось пішло не так');
} catch (error) {
console.log(error.message); // Щось пішло не так
}

2. Обробка помилок у промісах: За допомогою методу catch.

 // Функція повертає проміс
function fetchData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
reject(new Error('Помилка при отриманні даних'));
}, 1000);
});
}
// Обробка помилки
fetchData().catch(error => {
console.log(error.message); // Помилка при отриманні даних
});

3. Обробка помилок у async/await: Використовується try...catch всередині асинхронних функцій.

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

JavaScript'ер

😅Коли думаєш, що вчі навколо дурні й у тебе-то точно вийде JavaScript'ер

function set(a, ...b, c) {
  console.log(a, b, c);
}

set(1, 2, 3, 4, 5);

JavaScript'ер

🌐Web Skills — візуальний огляд навичок для фронтенд з посиланнями на обрані матеріали: від основ HTML/CSS/JavaScript до баз даних, UX-дизайну та роботи в команді 🔗Посилання: https://andreasbm.github.io/web-skills/ JavaScript'ер