JavaScript'er

📌Синхронізація React з API браузера JavaScript'ер

☺️Навчання джунів відбувається саме так </Codu>

let one = [1, 2, 3, 4, 5];
let two = [6, 7, 8, 9, 10];

console.log(typeof(one + two));

JavaScript'ер

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

Два українських програмісти створили канал, де безкоштовно діляться своїми знаннями в сфері ІТ! 🇺🇦 - Актуальні матеріли по web-розробці - Авторські задачки будь-якої складності - Робочі інсайди та корисні поради А ще, у них є активний чат, де завжди можна знайти відповіді на свої запитання. 👉 Тут цікаво і початківцям в сфері ІТ, і тим, хто в темі! Приєднуйтесь!

🖥Click Me Кнопка набуває овальної форми при наведенні на неї курсору миші. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

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

💡Порада Швидка та проста порада для вкладених радіусів: ваші кути будуть виглядати набагато краще, якщо ви встановите зовнішній радіус на суму внутрішнього радіусу + відступи. JavaScript

😅Правду каже? JavaScript'ер

const fruit = ['🍌', '🍊', '🍎'];

fruit.slice(0, 1);
fruit.splice(0, 1);
fruit.unshift('🍇');

console.log(fruit);

JavaScript'ер

🟢Hamburger Menu Animation Анімація відкриття меню на весь екран. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

🥸Питання із співбесіди Які методи передачі підтримує HTML форма? Відповідь: HTML форми підтримують два методи передачі: GET і POST. GET метод передачі даних додає параметри запиту до URL-адреси та відправляє їх на сервер у відкритому вигляді. Він зазвичай використовується для меншого обсягу даних та читання даних із сервера. POST метод передачі даних надсилає дані на сервер у тілі повідомлення HTTP POST запиту і зазвичай використовується для великого обсягу даних та зміни даних на сервері. JavaScript'ер

😅Джун: доведеться запустити дебаггер Сеньйор: та ща пару console.log прямо в прод запустимо і розберемося JavaScript'ер

Роби перерву на англійську ☝️😌 Ми зробили все, щоб твоє Online навчання було доступним та цікавим! ✅ змінюй графік занять (~18 варіантів) та перенось уроки без обмежень ✅ навчайся на базі інтерактивного підручника 12 Tracks (~ 38 видів вправ) ✅ персоналізуй своє навчання з розумним тренажером SMARTE (лексика, граматика, нотатки) Online курс триває 3 місяці – 4 рази на тиждень по 1,5 години: 2 з викладачем у групі та 2 самостійно на нашій розумній платформі. Опануй цілий рівень англійської лише за 5700 грн (79 грн за годину) за весь курс. Можлива оплата частинами. 🏁 старт груп – 19 серпня Встигни записатися на Безкоштовний урок 💛 Для цього проходь онлайн-тест на визначення рівня: https://cutt.ly/PevFom4g 📒 Telegram школи Р12

const result = Number("") + 1;

console.log(result);

JavaScript'ер

🎮Icônes - безкоштовний сайт з величезною кількістю іконок 🔗Посилання : https://icones.js.org/ JavaScript'ер

👨‍💻 Як працює z-index? Сьогодні обговоримо одну тему, яка мені на початку вивчення CSS здавалася не дуже зрозумілою, а саме значення якості z-index. 🔤 Що таке? - z-index вказує на шар елемента тривимірної площині. Уявіть, що кожен елемент веб-сторінки знаходиться на шарі, і кожен шар може бути накладений поверх або під іншими шарами. 🔤 Як він працює? — За замовчуванням блоки відображаються в порядку, в якому вони знаходяться в HTML-коді. - z-index працює тільки з елементами, які мають значення position відмінне від static (це означає, що елемент повинен бути relative, absolute, fixed або sticky). 🔤 Значення цієї властивості: — auto: елемент не отримує жодного особливого шару і поводитиметься за умовчанням. — Позитивні цілі числа: що вище значення, то ближче елемент розташований до переднього плану. - Негативні числа: елемент буде за іншими елементами, які мають позитивний z-index. inherit: елемент успадковує значення z-index від свого батька. ✨ Важливо знати: — Коли елемент має позитивний z-index та встановлене позиціонування, він створює новий контекст накладання. Це означає, що його дочірні елементи будуть накладені в межах цього контексту щодо один одного та не вийдуть за його межі. — Найчастіше одні елементи можуть успадковувати z-index від батьків, але щоб керувати ними незалежно, необхідно окремо вказувати z-index кожного елемента. — Іноді порядок накладання можна заплутати іншими CSS-властивістю, такими як opacity або transform. Ці властивості також можуть створювати контексти накладання. 📌 Приклад синтаксису:

 .element1 {
/* елемент перебуватиме нижче */
z-index: 1;
}
.element2 {
/* елемент перебуватиме вище */
z-index: 2;
}

JavaScript'ер