JavaScript'er

CodePen дня: вишукана форма для введення даних кредитної картки з м’якими та приємними мікровзаємодіями Підтримує автоматичне форматування чисел, валідацію та визначення типу картки. Реалізована за допомогою Vue.Js. Код: Credit Card Form - VueJs JavaScript'еr

Чорна п’ятниця: знижки до -50% на всі ІТ-курси 🚀 Секрет швидкого розвитку в IT — практичне навчання під керівництвом експертів. А Чорна п’ятниця — це чудова нагода скористатись знижкою -50% на всі онлайн-курси від robot_dreams 🤖 🔥 Обирайте навчання для себе чи команди серед напрямів — AI, розробки, Data Science, Machine Learning, GameDev, QA, архітектури, кібербезпеки, OSINT, ІТ-менеджменту — для старту кар’єри або підвищення грейду 🦾 На вас чекають: ➔ актуальні кейси, менторство та фідбек від експертів-практиків з Microsoft, eBay, SoftServe, Google, Ubisoft, Amazon, MacPaw, Luxoft, Bolt, EPAM та інших топ-компаній ➔ практика в реальному часі та нетворкінг з колегами ➔ десятки АІ-інструментів, готові промпти й шаблони ➔ сертифікати, що цінуються на ринку, та нові кейси в портфоліо Головне — встигнути забронювати акційне місце до 30 листопада 🛒 Обрати курс 🔗

🧩 JS-шпаргалка: методи масивів Одна ідея: Методи масивів дозволяють змінювати, фільтрувати, шукати й агрегувати дані без зайвих циклів. 1. map() — трансформація кожного елемента:

const doubled = [1, 2, 3].map(n => n * 2); // [2, 4, 6]

2. filter() — залишає тільки те, що підходить умові:

const adults = [12, 18, 25].filter(age => age >= 18); // [18, 25]

3. reduce() — згортає масив в одне значення:

const sum = [1, 2, 3].reduce((acc, n) => acc + n, 0); // 6

4. find() — повертає перший елемент, що відповідає умові:

const user = [{id: 1}, {id: 2}].find(u => u.id === 2); // {id: 2}

5. some() / every() — перевірка умови для масиву:

[1, 2, 3].some(n => n > 2);  // true
[1, 2, 3].every(n => n > 0); // true

Висновок: Збережи цю шпаргалку — ці 5 методів закривають більшість задач із масивами в повсякденному JS. JavaScript'еr

Мем став реальністю JavaScript'еr

Шпаргалка по CSS JavaScript'еr

3D Card Hover Ефект появи персонажа при наведенні на картку з ним. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'еr

browserless При розгортанні headless-браузерів на сервері для автоматизації часто виникають проблеми — не вистачає шрифтів, бібліотек, а налаштування всього цього перетворюється на біль. Відкритий проект Browserless вирішує всі ці питання і дозволяє легко запускати headless-браузер у Docker. Він надає готове оточення з уже встановленими шрифтами, emoji та популярними бібліотеками, повністю сумісне з Puppeteer і Playwright. У комплекті = керування паралельними сесіями, контроль таймаутів, автоперезапуск після збоїв і навіть візуальний дебаггер для зручного налагодження. Запускається однією командою Docker, без складної конфігурації, і підтримує Chromium, Firefox та WebKit. 📁 Language: #TypeScript 92.2% ⭐️ Stars: 11.5k ➡️ Посилання на GitHub JavaScript'еr

HTML Порада: Елемент <search> Ми можемо використовувати елемент <search> для обгортання полів та контенту, пов’язаних з пошуком/фільтрацією. Елемент <search> сприймається браузером як «пошукова» область в API доступності, що допомагає користувачам допоміжних технологій (наприклад, користувачам екранних читалок) легко знаходити пошукові зони на веб-сторінці. Приклад коду:

<search>
  <form action="\/search">
    <label>
      Пошук продукту:
      <input type="search" name="productName" />
    </label>
    <button>Пошук</button>
  </form>
</search>

Цей елемент підтримується усіма основними браузерами з жовтня 2023 року. Якщо на веб-сторінці є кілька пошукових зон, їм слід задавати доступні назви за допомогою атрибутів aria-labelledby / aria-label, щоб розрізняти їх. Ти не знаєш JavaScript

баг в алгоритмі 🤣 JavaScript'ер

🤔 У чому схожість JS і Python? - Динамічна типізація; - Високорівневий синтаксис; - Підтримка ООП та функціонального стилю; - Можливість роботи з колекціями, ітераціями, замиканнями; - Широке застосування у веб-розробці. JavaScript'ер

Коли я стану айтішником, я вам не скажу, але будуть знаки JavaScript'еr

Продуктивна, легка бібліотека для анімації при скролі, написана на чистому JS. Без залежностей, заснована на Intersection Observer Забираємо тут JavaScript'еr

Візуалізатор регулярних виразів для JavaScript Інструмент дозволяє наочно побачити і зрозуміти складні регулярні вирази, представляючи їх у зручному для читання та графічному форматі https://jex.im/regulex/ JavaScript'ер

🤣 JavaScript'еr

Приніс смаколик по SVG: інтерактивний довідник по найпопулярніших та/або цікавих частинах специфікації SVG Всередині: що таке viewBox, як працює clipPath, на що впливають групи aka g, що таке use і symbol, як використовувати маску і так далі. Все інтерактивно і наочно 👍 Забираємо тут JavaScript'еr