JavaScript'er
Закритий канал
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Показати більше7 350
Підписники
-324 години
-197 днів
-7430 день
Архів дописів
7 350
Ви абсолютно праві — я перевіряв ваші знання. Представляю вам оновлений варіант:Grok знайшов новий спосіб виправдатися за свої помилки 😂 JavaScript'еr
7 350
Який метод JavaScript використовується для створення генератора, який повертає значення синхронно?
7 350
Прелоадер доміно
Ефект доміно в якості очікування завантаження. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
7 350
🤔 Які є підводні камені в оптимізації продуктивності CSS?
- Занадто багато глобальних стилів;
- Глибоке вкладення селекторів;
- Надмірне використання !important;
- Неефективні селектори (наприклад, div > * > ul > li);
- Великі та невикористовувані CSS-файли.
JavaScript'еr
7 350
Хороша бібліотека JS для реалізації перетягування списків — Sortable
Вона існує вже не перший рік, перевірена часом і продуктами. Підтримує перетягування елементів як всередині одного списку, так і між декількома. Працює на нативному
Drag and Drop API
Простий і зрозумілий API, без залежностей. Підтримує анімацію під час перетягування, працює на десктопах і сенсорних пристроях. Сумісна з більшістю фреймворків
JavaScript'еr7 350
🎮 Вивчаємо Flexbox з Flexbox Froggy
Flexbox Froggy — це захопливая гра для вивчення CSS Flexbox. Гравці допомагають жабці дістатися до лілій, використовуючи правильні властивості flexbox. Ідеально підходить для новачків і розробників, які хочуть покращити свої навички верстки.
Основні моменти:
- Інтерактивний підхід до вивчення CSS Flexbox
- Понад 20 рівнів зі зростаючою складністю
- Підтримка декількох мов
- Відкритий вихідний код і можливість внесення змін
📌GitHub: https://github.com/thomaspark/flexboxfroggy
JavaScript'еr
7 350
Repost from Ти не знаєш JavaScript
Коли вони це додали?
Тепер у Chrome DevTools відображаються розраховані покрокові значення для css calc() + змінних.
Відладка стала на 100 разів простішою
Ти не знаєш JavaScript
7 350
Я спостерігаю, як прихильники ШІ вручну створюють лендінги, тому що "LLM – це просто прогнозування наступного токена".
JavaScript'еr
7 350
Акробатичний прелоадер
Очікування завантаження у вигляді кола, що вистрибує зі своєї осі. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
7 350
Іноді дивишся на чужий сайт і думаєш: "Хотілося б забрати цей блок/кнопку/анімацію собі" 😄
Я знайшов зручний інструмент - MiroMiro.
Він дозволяє за пару кліків скопіювати будь-який елемент зі сторінки і відразу отримати все необхідне для повторення дизайну:
- CSS-стилі
- зображення
- SVG
- анімації Lottie
- палітру кольорів
Це корисно, коли ти робиш лендінги, UI або просто збираєш референси без ручного копирки в DevTools.
miromiro.app
JavaScript'еr
7 350
Repost from Ти не знаєш JavaScript
Швидкий спосіб покращити поведінку тексту в додатку — використати
text-wrap: balance. Ця властивість рівномірно розподіляє текст по рядках, уникаючи "висячих" слів
Підтримка обмежена невеликою кількістю рядків (приблизно <6–10 залежно від браузера), тому краще за все застосовувати її для заголовків або коротких абзаців
Ти не знаєш JavaScript7 350
Який атрибут вказує браузеру на попереднє завантаження шрифту, використовуваного на сторінці?
7 350
крута карточка з ефектом наведення
Ефект наведення на карточку з плавним розмиванням зображення. Реалізовано за допомогою CSS.
⤷ Взяти код
JavaScript'еr
7 350
🤔 Як отримати доступ до DOM-дерева в React?
У React доступ до DOM-дерева здійснюється через рефы (Refs). Використовується useRef для функціональних компонентів або React.createRef для класових.
Також можна використовувати document.querySelector() всередині useEffect, але це не рекомендується.
JavaScript'еr
7 350
Який метод JavaScript використовується для створення нового елемента HTML?
Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
