JavaScript'er
قناة بسيطة
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
إظهار المزيد7 132
المشتركون
-624 ساعات
-217 أيام
-7030 أيام
أرشيف المشاركات
7 132
Яке значення буде в змінній після виконання наступного коду?
let h = [1, 2, 3]; h = h.reduce((acc, val) => acc + val, 0);
7 132
Інтерактивний конструктор border-radius
Я знайшов сайт, на якому можна поекспериментувати з border-radius і скопіювати готові значення у свій CSS-код
Генеруються одразу 8 значень для border-radius. Також можна налаштувати розмір елемента
Тестуємо тут ✌️
JavaScript'еr
7 132
Лінива завантаження автоматично відтворюваних відео, які знаходяться нижче першого екрану
Встановіть
preload="none" і видаліть атрибут autoplay у відео, щоб воно не завантажувалося за замовчуванням. Потім, використовуючи API Intersection Observer, ми можемо відтворювати відео, коли воно стає видимим у області перегляду
Подивіться це в дії: натисніть
JavaScript'еr7 132
Краще один раз послухати СТО, ніж рік гадати, чому не кличуть на роботу
Це унікальна можливість прийти на найбільшу кар'єрну конференцію IT CAREER CONF 25/26, де керівники IT та AI-напрямів:
✅ покажуть, як вони бачать ринок у 2026
✅ пояснять, які навички вважають критичними
✅ розкажуть, як формується кар’єрний роадмап на 2–3 роки
✅ відокремлять хайп від реальної цінності
Компанії, які говоритимуть відверто про кар'єру в АІ та ІТ:
Мінцифри, Intellias, Preply, SoftServe, Nova Digital, Universe Group, Jooble, GlobalLogic Ukraine, Devlight, MODUS X (DTEK).
20 грудня • 12:00 • онлайн
🎁 Бонус для учасників: доступ до бази вакансій від компаній-партнерів події.
👉 Реєстрація: https://cutt.ly/btaSF0ax
7 132
Який атрибут елемента дозволяє контролювати масштабування веб-сторінки на мобільних пристроях?
7 132
Потрібні якісні анімації для ваших додатків React Native?
Ця колекція з відкритого вихідного коду пропонує більше 110 крутих анімацій, які можна безпосередньо інтегрувати у ваші проекти. Чисті, сучасні та дуже приємні у використанні
GitHub: демо
JavaScript'еr
7 132
Розробники Next.js: додайте ці 4 рядки у ваш .vscode/settings.json, щоб відразу підвищити зручність розробки
{
"workbench.editor.customLabels.patterns": {
"**/app/**/{page,layout,index}.{ts,tsx}": "(${dirname})/${filename}.${extname}",
"**/index.{ts,tsx}": "${dirname}/index.${extname}"
},
>
JavaScript'еr7 132
Чистий перемикач «день і ніч»
Перемикач з анімацією зміни денного часу на нічний. Реалізовано за допомогою SCSS.
⤷ Забрати код
JavaScript'еr
7 132
Mermaid – інструмент для побудови діаграм і графіків, заснований на JavaScript
За його допомогою можна динамічно створювати, наприклад, блок-схеми, UML-діаграми, графіки комітів і діаграми Ганта
Особливості інструменту: — Використання розмітки: Для визначення діаграми застосовують розмітку на кшталт Markdown. Mermaid бере цю розмітку і відображає діаграму — Підтримка різних інструментів: Mermaid інтегрується з JIRA, Trello, Notion та іншими програмами — Вбудована підтримка GitHub і GitLab: Діаграми Mermaid вносять у файли Markdown, які відображають їх при перегляді, наприклад у READMEМови: TypeScript (47.6%), JavaScript (38.3%), HTML (8.9%), ... ⭐️ Star 84k https://github.com/mermaid-js/mermaid JavaScript'еr
7 132
Дійсно класний гайд про те, як відточити навички роботи з датапікерами в JS
Ви знайдете приклади, зрозумілі пояснення та відмінний візуальний формат, який допомагає розібратися у всіх тонкощах створення датапікерів на чистому JavaScript.
Читайте тут 👍
JavaScript'еr
7 132
Який атрибут вказує на мінімальне числове значення, яке користувач може вибрати?
7 132
Картка фільму з ефектом наведення
Поява інформації про картку при наведенні. Реалізовано за допомогою SCSS.
⤷ Забрати код
JavaScript'еr
7 132
Швидка порада щодо JS: використовуйте
Gamepad API, щоб у режимі реального часу відстежувати стан підключення геймпада та стану його кнопок.
Це дозволяє легко інтегрувати підтримку ігрових контролерів у веб-проекти ✌️
JavaScript'еr7 132
Нарешті! Тепер Node може виконувати файли TypeScript
Стабільно, без конфігурації та без залежностей
Доступно починаючи з версій 22.18.0 та 25.2.0.
JavaScript'еr
7 132
ThingsGrid
Високопродуктивний компонент нескінченної прокрутки для React, який забезпечує плавні взаємодії за допомогою тач або миші з інерційним скролінгом.
Підходить для відображення великих наборів даних у вигляді сітки з користувацькими рендерами клітинок ✌️
GitHub: thiings-grid
JavaScript'еr
7 132
Дослідники виявили ще дві нові уразливості в React Server Components при спробі обійти патчі, випущені минулого тижня
Дві нові уразливості в React Server Components (RSC):
- Відмова в обслуговуванні (DoS, високий рівень критичності): CVE-2025-55184
- Розкриття вихідного коду (середній рівень критичності): CVE-2025-55183
Навіть оновлень, випущених минулого тижня, недостатньо – оновлюйтеся знову 👌
JavaScript'еr
