JavaScript'er

🎮Flex Box Adventure - навчальна гра, розроблена для допомоги у вивченні CSS Flexbox. Там ви вирішуєте різні головоломки, використовуючи властивості, щоб розташувати елементи на екрані певним чином 🔗Посилання: https://codingfantasy.com/games/flexboxadventure JavaScript'ер

🔥 Ти досвідчений розробник або тільки починаєш свій шлях у цій сфері? Наш канал </English> стане твоїм надійним помічником! Ми публікуємо корисний контент для розробників та англомовні фрази, які будуть у нагоді кожному. У нас ти знайдеш: - 💬 Фрази та слова англійською, що потрібні для роботи і комунікації - 📚 Корисні статті та подкасти для розробників і ІТ спеціалістів - 😀 Кумедні та життєві меми, аби розрядитись Приєднуйся до нашої спільноти і будь в курсі всіх новинок та інсайтів! 🔗 тисни тут, аби не загубити і підписатись

👩‍💻Градієнтна закруглена рамка за допомогою CSS Властивість background досить універсальна і дозволяє встановити кілька фонів та задати їх параметри. Так що робимо два фони: один з градієнтом, інший суцільний чорний у вигляді градієнта і накладаємо їх один на одного

 .element {
border: 12px solid transparent;
border-radius: 24px;
background:
/* padding-box, щоб він не малювався під рамкою */
linear-gradient(black, black) padding-box,
/* border-box, щоб він починався під рамкою */
linear-gradient(
45deg,
#FF52E5,
#F6D242
) Border-box;
}

JavaScript'ер

😇Такі реалії, панове JavaScript'ер

💎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'ер