JavaScript'er

👍Element.closest () Метод Element.closest() шукає та повертає найближчий (починаючи з самого елемента) батьківський елемент, що відповідає зазначеному CSS-селектору. Якщо жоден елемент не відповідає вказаному селектору CSS, повертається null. Типовий приклад використання Element.closest() — визначення області дії під час кліку. Допустимо, у нас є безліч кнопок, що знаходяться у вкладених контейнерах. Необхідно знайти найближчий до натиснутої кнопки контейнер. <div class="container main-container"> <button id="1">Кнопка 1</button> <div class="container parent-container"> <button id="2">Кнопка 2</button> <div class="container child-container"> <button id="3">Кнопка 3</button> </div> </div> </div> Для вирішення завдання достатньо додати лише один обробник події. const mainContainer = document.querySelector('.main-container') mainContainer.addEventListener('click', function (e) { const targetElem = e.target if (targetElem.tagName !== 'BUTTON') { // Якщо клік виконаний не на кнопці нічого не робимо e.stopPropagation() return } const containerElem = targetElem.closest('.container') // Виводимо в консоль контейнер, що містить натиснуту кнопку console.log(containerElem) }) JavaScript'ер

💡Щоб опанувати 20+ патернів проєктування, навчитися рефакторити код і розв’язувати проблеми повільного софту, — robot_dreams запускає курс «Чистий код та патерни проєктування» Вас навчатиме та даватиме особистий фідбек В’ячеслав Щупак, розробник із 15-річним досвідом, який наразі відповідає за бекенд у Sportradar. В’ячеслав консультував розробників програми «Дія» та розробляв мобільні застосунки для КМДА У режимі live coding ви навчитесь застосовувати кожен шаблон, рефакторити код, покращувати архітектуру та прибирати «милиці». У результаті — зможете обирати, застосовувати та адаптувати патерн до свого проєкту. Розбираємо приклади на Java та JavaScript За 16 занять ви: ✔️навчитеся рефакторити наявний і писати чистий код з нуля ✔️опануєте вдалі рішення в архітектурі для оптимізації проєктів ✔️навчитеся швидко додавати фічі та масштабувати системи ✔️напишете власний застосунок для роботи з базою даних Старт: 29 квітня Програма курсу і реєстрація 👈🏼

💯Star Wars Imperial Army's Product Slider Зверстано на HTML та SCSS. Функціонал слайдера реалізовано за допомогою бібліотеки Swiper. Посилання на Codepen *ТИЦЬ JavaScript'ер

👩‍💻Шпаргалка за 10 найкращими методами роботи з масивами в JavaScript JavaScript'ер

🥸Правило @supports у CSS - це умовне групове правило, яке дозволяє застосовувати блок стилів тільки в тому випадку, якщо певна умова є істинною. Воно перевіряє, чи браузер підтримує певну властивість CSS, перш ніж застосовувати стилі всередині блоку. У нашому випадку стилі всередині блоку @supports будуть використані лише в тому випадку, якщо браузер підтримує властивість display: grid . Якщо умова не виконується, стилі всередині блоку будуть проігноровані. JavaScript'ер

✍️ пише

😅Lenovo показала прототип ноутбука з прозорим екраном і сенсорною клавіатурою JavaScript'ер

🚀 FRONTEND ТА FULLSTACK: ПЛАН ОСВОЄННЯ ПРОФЕСІЙ 💫 Чудова можливість від Mate academy! Вже завтра команда мейту запрошує вас на безкоштовний вебінар, де розглянуть найцікавіші питання для початківців і розкажуть, як розпочати кар'єру в IT як Frontend / Fullstack розробник. 📝Про що поговоримо? 📌 Чому Frontend (аналітика вакансій, зарплат, конкуренції) 📌 З чого краще починати: JavaSсript, HTML/CSS 📌 Як освоїти GIT + GITHUB 📌 Фреймворки. Що справді потрібно роботодавцям 📌 Де шукати безкоштовні ресурси 🗓 Коли: 2 квітня о 19:00 👉 Тицяй кнопку нижче або переходь за посилання для реєстрації: mate.academy/webinars/frontend_fullstack

🎮Masked SVG Loader Це картинка SVG, анімована в CSS. Посилання на Codepen *ТИЦЬ JavaScript'ер

🚀 FRONTEND ТА FULLSTACK: ПЛАН ОСВОЄННЯ ПРОФЕСІЙ 💫 Чудова можливість від Mate academy! Вже завтра команда мейту запрошує вас на безкоштовний вебінар, де розглянуть найцікавіші питання для початківців і розкажуть, як розпочати кар'єру в IT як Frontend / Fullstack розробник. 📝Про що поговоримо? 📌 Чому Frontend (аналітика вакансій, зарплат, конкуренції) 📌 З чого краще починати: JavaSсript, HTML/CSS 📌 Як освоїти GIT + GITHUB 📌 Фреймворки. Що справді потрібно роботодавцям 📌 Де шукати безкоштовні ресурси 🗓 Коли: 2 квітня о 19:00 👉 Тицяй кнопку нижче або переходь за посилання для реєстрації: mate.academy/webinars/frontend_fullstack

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

😊Техпідтримка здорової людини JavaScript'ер

✔️Insomnia - кросплатформний API-клієнт з відкритим вихідним кодом для GraphQL, REST та gRPC. Мови: JavaScript (56.7%), TypeScript (42.1%), CSS (1.1%), … JavaScript'ер

👩‍💻Маленький лайфхак із CSS: використовуйте наступний код для обтіканих текстом фігур.

 .column - left .shape {
float: right;
shape-outside: circle(100px at 100% 50%));
}

JavaScript'ер

😆Так ось які вони дистанційники JavaScript'ер

⌛Просунуті коментарі Better Comments – це розширення для VSCode, що сприяє покращенню структурування коментарів у вашому коді. Воно пропонує можливість категоризувати коментарі та виділяти їх різними кольорами, що допоможе вам підкреслити важливі моменти, завдання чи зауваження. JavaScript'ер

Як вибрати свою ІТ спеціальність? Вже завтра долучайтесь до безкоштовного вебінару від Mate academy, щоб знайти свій шлях у сфері IT. 📝 Обговоримо: ✔️ Хто такий ідеальний Recruiter, Designer, Developer, QA Engineer ✔️ Перші кроки для початку кар'єри в ІТ ✔️ Ключові навички для Junior-спеціалістів ✔️ Розвінчаємо головні міфи ІТ-сфери. 🗓 28 березня о 19:00 Чудова можливість розібратися в усіх тонкощах роботи айтівцем 👌 👉 Зареєструватися можна тут: mate.academy/webinars/profession