JavaScript'er

💥Craft.js – React Framework для створення розширюваних редакторів з можливістю drag and drop сторінок. Редактори сторінок - це чудовий спосіб забезпечити чудовий користувальницький досвід. Однак створення такого редактора найчастіше є досить складним завданням. Мови: TypeScript (90.6%), JavaScript (5.1%), CSS (3.8%), Shell (0.5%). JavaScript'ер

⭐️Порада щодо використання інструментів Chrome Dev Tools Чи знаєте ви, що в Chrome Dev Tools можна легко фільтрувати запити за рамками часу? 😀 JavaScript'ер

🤬Як вибісити програміста однією картинкою: Серйозно це працює. JavaScript'ер

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