Ти не знаєш JavaScript
Closed channel
Публікуємо поживні шматочки коду JavaScript, які є цінними для всіх розробників і допомогають покращити знання мови Зв'язок: @itchannelsbot
Show more
Network:5 151
Subscribers
-124 hours
-137 days
-4730 days
Data loading in progress...
Similar Channels
No data
Any problems? Please refresh the page or contact our support manager.
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
September '26
September '26
+3
in 1 channels
August '26
+14
in 3 channels
Get PRO
July '26
+16
in 2 channels
Get PRO
June '26
+11
in 2 channels
Get PRO
May '26
+21
in 3 channels
Get PRO
April '26
+18
in 2 channels
Get PRO
March '26
+30
in 3 channels
Get PRO
February '26
+28
in 3 channels
Get PRO
January '26
+46
in 4 channels
Get PRO
December '25
+39
in 2 channels
Get PRO
November '25
+41
in 2 channels
Get PRO
October '25
+35
in 2 channels
Get PRO
September '25
+43
in 2 channels
Get PRO
August '25
+41
in 3 channels
Get PRO
July '25
+43
in 1 channels
Get PRO
June '25
+26
in 0 channels
Get PRO
May '25
+47
in 1 channels
Get PRO
April '25
+50
in 1 channels
Get PRO
March '25
+34
in 2 channels
Get PRO
February '25
+59
in 1 channels
Get PRO
January '25
+55
in 1 channels
Get PRO
December '24
+207
in 2 channels
Get PRO
November '24
+130
in 1 channels
Get PRO
October '24
+32
in 1 channels
Get PRO
September '24
+425
in 2 channels
Get PRO
August '24
+104
in 0 channels
Get PRO
July '24
+335
in 4 channels
Get PRO
June '24
+20
in 1 channels
Get PRO
May '24
+39
in 1 channels
Get PRO
April '24
+260
in 4 channels
Get PRO
March '24
+90
in 9 channels
Get PRO
February '24
+489
in 10 channels
Get PRO
January '24
+15
in 0 channels
Get PRO
December '23
+26
in 0 channels
Get PRO
November '23
+11
in 0 channels
Get PRO
October '23
+22
in 0 channels
Get PRO
September '23
+43
in 0 channels
Get PRO
August '23
+21
in 0 channels
Get PRO
July '23
+101
in 0 channels
Get PRO
June '23
+392
in 0 channels
Get PRO
May '23
+18
in 0 channels
Get PRO
April '23
+18
in 0 channels
Get PRO
March '23
+298
in 0 channels
Get PRO
February '23
+1 577
in 0 channels
Get PRO
January '23
+220
in 0 channels
Get PRO
December '22
+50
in 0 channels
Get PRO
November '22
+778
in 0 channels
Get PRO
October '22
+1 964
in 0 channels
Get PRO
September '22
+1 308
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 08 September | 0 | |||
| 07 September | +2 | |||
| 06 September | 0 | |||
| 05 September | 0 | |||
| 04 September | 0 | |||
| 03 September | 0 | |||
| 02 September | +1 | |||
| 01 September | 0 |
Channel Posts
Автозаповнення
input через <datalist>
<datalist> містить набір варіантів <option>, які браузер пропонує під час введення в <input>
Головна відмінність від <select>:
• <select> — можна вибрати лише значення зі списку
• <datalist> — можна вибрати запропонований варіант або ввести власне значення
Зручно для пошуку, підказок і полів із можливими варіантами введення
Ти не знаєш JavaScript| 2 |  Get creative, have fun, stand alone
Анімація появи та зникнення тексту з рухомим фоном. Реалізовано за допомогою CSS та JavaScript
Забираємо код тут
Ти не знаєш JavaScript | 431 |
| 3 | 🔥 Хочеш професію, яка буде потрібна бізнесу й у 2026 році?
Data Analytics — це не просто таблиці та цифри. Це навичка, яка допомагає знаходити закономірності, приймати рішення та працювати з бізнесом у різних сферах — від маркетингу до фінансів.
На безкоштовному марафоні GoIT покажуть, як виглядає робота дата-аналітика на практиці та з чого почати.
👉 Реєстрація на марафон: https://i.goit.global/haJAf | 514 |
| 4 |  Кодив під травою
Ти не знаєш JavaScript | 644 |
| 5 |  ⚡️ Вміння працювати з даними — одна з найцінніших навичок у 2026 році.
Сьогодні недостатньо просто “вести таблиці”.
Компаніям потрібні люди, які можуть:
▪️ аналізувати дані
▪️ бачити закономірності
▪️ допомагати бізнесу приймати рішення
Саме тому Data Analytics зараз потрібна далеко не лише в IT.
GoIT проводить безкоштовний онлайн-марафон,
де покажуть:
⏺ як працюють дата-аналітики
⏺ які інструменти використовують щодня
⏺ як ці навички застосовуються в маркетингу, фінансах, e-commerce та інших сферах
🕓 Онлайн | Безкоштовно
👉 Реєстрація: https://i.goit.global/haJAf | 642 |
| 6 |  Hyper3d випустила модель генерації світів worldgen, і виглядає це дуже потужно
На відміну від інших моделей для створення інтерактивних світів, worldgen може взяти одне 2d-зображення та побудувати на його основі повноцінну 3d-сцену з вбудованою фізикою
Кожен об’єкт у сцені незалежний. столи, стільці та інші предмети можна окремо витягувати, перетворювати на 3d-моделі, переміщати, замінювати або редагувати
Фізика теж інтегрована безпосередньо в сцену. модель розуміє просторове розташування об’єктів і визначає такі властивості, як зіткнення, маса та тертя
Згенеровані ассети можна імпортувати у blender, unity або unreal engine та використовувати для створення ігрових рівнів, кіно, xr-контенту й симуляцій для навчання роботів
Схоже, генерація 3d-світів стає ще цікавішою
Ти не знаєш JavaScript | 2 144 |
| 7 | Чому SSR важливий для пошукових систем?
SSR (Server-Side Rendering) формує готовий HTML на сервері, тому пошуковим роботам простіше його обробляти та індексувати. Це може покращити видимість сторінки в пошуку, особливо коли контент залежить від JavaScript
Ти не знаєш JavaScript | 648 |
| 8 |  Шпаргалка з CSS shorthand-властивостей: margin — задає зовнішні відступи, padding — внутрішні відступи, border — одночасно визначає ширину, стиль і колір рамки, outline — задає контур елемента, border-color/outline-color — колір рамки або контуру, border-style/outline-style — стиль рамки (solid, dotted, dashed, double), list-style — налаштовує маркери списку, background — об’єднує колір, зображення, повторення, позицію та прокручування фону, font — скорочено задає стиль, накреслення, товщину, розмір, міжрядковий інтервал і сімейство шрифту, pause — задає паузу перед і після озвучення тексту, cue — налаштовує звукові сигнали до та після озвучення
Ти не знаєш JavaScript | 700 |
| 9 |  +1Bun 1.4 вже тут!
Повністю переписаний на Rust
• Bun.Image — можна забути про Sharp
• Bun.WebView — браузер без Playwright
• Bun.markdown та Bun.cron
• Менше залежностей і вища продуктивність
Ти не знаєш JavaScript | 791 |
| 10 |  CSS нарешті дозволяє анімувати елементи під час їхньої першої появи
@starting-style уже входить до Baseline і має близько 90% глобального покриття
Раніше transition не спрацьовував під час першої появи елемента, тому доводилося використовувати JavaScript-хаки
Тепер стартовий стан можна задати безпосередньо в CSS
Ти не знаєш JavaScript | 828 |
| 11 |  Творець Node.js запустив Dactyl
Dactyl дає змогу створювати нативні застосунки для iPhone та Android прямо в браузері — без Mac, Xcode та Android Studio
• симулятор SwiftUI працює у браузері через WASM
• один код можна використовувати для iOS та Android
• підтримується власна підписка ChatGPT
Ти не знаєш JavaScript | 874 |
| 12 |  🤔 Що спільного між кодом і «залізом»? Значно більше, ніж здається. Але коли software починає взаємодіяти з реальним світом, без розуміння електроніки легко загубитися в схемах, сигналах, живленні та дивних багах.
Закрийте цю прогалину й навчіться бачити пристрій як цілісну систему, — на курсі «Електроніка для розробників» від r_d.
За 14 занять ви:
🔹 розберетеся з напругою, струмом, опором, потужністю та базовими електронними компонентами
🔹 навчитеся аналізувати живлення й сигнали за допомогою мультиметра та осцилографа
🔹 зрозумієте цифрову логіку та архітектуру мікроконтролерів: CPU, Flash, RAM, GPIO, timers, ADC/DAC і переривання
🔹 навчитеся вибирати між UART, I2C, SPI, RS-485, CAN, USB та бездротовими Bluetooth, BLE, Wi-Fi, NFC і LoRa
У фіналі розробите власний IoT-пристрій.
Лектор: Любомир Череватий — Hardware Engineer в Ajax Systems, понад 4 роки займається розробкою електронних пристроїв, схемотехнікою та PCB і працює з повним циклом створення hardware-продуктів.
Деталі, програма та реєстрація ⬅️ | 832 |
| 13 |  Порада з вебдоступності
Якщо посилання складається лише з іконки, додайте йому доступну назву за допомогою aria-label
Ти не знаєш JavaScript | 821 |
| 14 |  Ловіть корисне розширення для Google Chrome, яке дає змогу перевіряти адаптивність сайтів одразу на кількох розмірах екрана
• можна одночасно переглядати сторінку на різних пристроях
• прокручувати всі екрани синхронно
• є багато налаштувань для тестування
Ти не знаєш JavaScript | 973 |
| 15 |  3D-моделі тепер можна створювати прямо в браузері
Це відкритий 3D-редактор із фокусом на локальну роботу
Можна створювати форми та вирізати отвори. Імпортувати STL-файли й експортувати готові моделі. Є локальний MCP-сервер для взаємодії AI-клієнтів із редактором у реальному часі
Ти не знаєш JavaScript | 876 |
| 16 |  Шпаргалка по CSS Selectors: CSS Selectors — способ вибору HTML-елементів для застосування стилів, Universal (*) — вибирає всі елементи на сторінці, ID (#id) — вибирає елемент за його унікальним id, Class (.class) — вибирає елементи за класом, Type (h1, h2, h3) — вибирає елементи за назвою тегу, Adjacent Sibling (h1 + p) — вибирає безпосередній наступний елемент на тому самому рівні, Child (ul > li) — вибирає прямі дочірні елементи, General Sibling (h1 ~ p) — вибирає всі наступні сусідні елементи, Descendant (p a) — вибирає всі елементи-нащадки всередині іншого елемента
Ти не знаєш JavaScript | 1 023 |
| 17 | Що таке архітектура портів і адаптерів?
Архітектура портів і адаптерів — це інша назва гексагональної архітектури. Порти визначають інтерфейси взаємодії бізнес-логіки із зовнішнім світом, а адаптери реалізують їх, наприклад через REST-контролер або репозиторій
Ти не знаєш JavaScript | 942 |
| 18 |  Click To Zoom Calendar
Анімація збільшення календаря при натисканні. Реалізовано за допомогою SCSS, TypeScript та React
Забираємо код тут
Ти не знаєш JavaScript | 1 061 |
| 19 |  AI не замінить вашу професію, але точно змінить те, як ви працюєте просто зараз.
Головна пастка для досвідчених спеціалістів сьогодні - застрягти на рівні базових промптів та оптимізації дрібної рутини. Поки базовий AI економить хвилини, ринок починає вимагати набагато глибших речей:
• Розробникам уже мало автокомпліту коду - потрібні Agentic-системи, LLMOps і надійні шлюзи в продакшені.
• QA вже не просто пишуть автотести з підказками ШІ, а будують AI-пайплайни та тестують недетерміновані системи.
• Продактам і бізнесу більше не потрібні абстрактні чат-боти - потрібні автономні агенти та швидкий запуск продуктів.
• А в доменах на кшталт DefenceTech ціна архітектурної помилки взагалі стає критичною.
Замість того, щоб збирати знання шматками зі статей і гайдів, можна точково додати потрібний скіл до свого стека. У Neoversity якраз зібрали 16 програм рівня Middle+ без базової теорії.
Тут навчають на практиці: у фіналі кожного курсу ви захищаєте Capstone-проєкт — робочу систему, яку можна одразу задеплоїти на роботі чи показати на співбесіді.
🔥 До 1 вересня діють спецумови:
• До -33% на окремі програми
• До -40% та економія до €590, якщо берете маршрут із 2 курсів під наскрізний стек
Переглянути напрями та обрати свій апгрейд:
👉 Знайти свою AI-програму на Neoversity | 928 |
| 20 |  Більшість знає, що об’єкт у JavaScript складається з ключів і значень
const user = {
name: 'Alex'
};
Але кожна властивість об’єкта має ще й додаткові налаштування: чи можна її змінювати,видаляти,перебирати в циклах тощо
Перевірити ці параметри можна через
Object.getOwnPropertyDescriptor(user, 'name');
Результат
{
value: 'Alex',
writable: true,
enumerable: true,
configurable: true
}
Наприклад,властивість можна зробити доступною лише для читання
Object.defineProperty(user, 'id', {
value: 123,
writable: false
});
Після цього змінити її вже не вийде
user.id = 456;
console.log(user.id);
// 123
Ці можливості також використовуються всередині бібліотек,фреймворків і самого JS для створення getter/setter та прихованих властивостей
Object.defineProperty(user, 'fullName', {
get() {
return `${this.name} Smith`;
}
});
Тепер
user.fullName;
// Alex Smith
Object.defineProperty() та дескриптори дають змогу керувати не лише даними,а й поведінкою властивостей об’єктів
Ти не знаєш JavaScript | 745 |
