JavaScript'er
Closed channel
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Show more
Network:6 922
Subscribers
-324 hours
-277 days
-10030 days
Loading data
Similar Channels
No data
Any problems? Please refresh the page or contact our support manager.
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
October '26Oct '26
October '26
+9
in 2 channels
September '26
+11
in 3 channels
Get PRO
August '26
+13
in 3 channels
Get PRO
July '26
+24
in 2 channels
Get PRO
June '26
+16
in 3 channels
Get PRO
May '26
+27
in 5 channels
Get PRO
April '26
+21
in 2 channels
Get PRO
March '26
+46
in 3 channels
Get PRO
February '26
+43
in 2 channels
Get PRO
January '26
+48
in 1 channels
Get PRO
December '25
+44
in 4 channels
Get PRO
November '25
+85
in 4 channels
Get PRO
October '25
+52
in 3 channels
Get PRO
September '25
+66
in 1 channels
Get PRO
August '25
+51
in 2 channels
Get PRO
July '25
+36
in 3 channels
Get PRO
June '25
+35
in 2 channels
Get PRO
May '25
+147
in 3 channels
Get PRO
April '25
+83
in 3 channels
Get PRO
March '25
+52
in 3 channels
Get PRO
February '25
+54
in 3 channels
Get PRO
January '25
+88
in 3 channels
Get PRO
December '24
+753
in 6 channels
Get PRO
November '24
+419
in 4 channels
Get PRO
October '24
+66
in 5 channels
Get PRO
September '24
+2 468
in 17 channels
Get PRO
August '24
+134
in 1 channels
Get PRO
July '24
+525
in 3 channels
Get PRO
June '24
+39
in 2 channels
Get PRO
May '24
+45
in 2 channels
Get PRO
April '24
+778
in 8 channels
Get PRO
March '24
+912
in 6 channels
Get PRO
February '24
+578
in 6 channels
Get PRO
January '24
+2 156
in 21 channels
Get PRO
December '23
+1 449
in 24 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 26 October | 0 | |||
| 25 October | +1 | |||
| 24 October | 0 | |||
| 23 October | 0 | |||
| 22 October | +1 | |||
| 21 October | 0 | |||
| 20 October | 0 | |||
| 19 October | 0 | |||
| 18 October | 0 | |||
| 17 October | 0 | |||
| 16 October | 0 | |||
| 15 October | +1 | |||
| 14 October | 0 | |||
| 13 October | 0 | |||
| 12 October | +1 | |||
| 11 October | 0 | |||
| 10 October | 0 | |||
| 09 October | 0 | |||
| 08 October | +1 | |||
| 07 October | +1 | |||
| 06 October | +1 | |||
| 05 October | 0 | |||
| 04 October | +2 | |||
| 03 October | 0 | |||
| 02 October | 0 | |||
| 01 October | 0 |
Channel Posts
Ловіть розумний DNS-резолвер в одному файлі
Numa — портативний DNS-резолвер, який блокує рекламу, кешує запити та дозволяє налаштовувати локальні сервіси без залежності від хмарних платформ
Основні можливості
Блокування реклами та кешування DNS-запитів за замовчуванням
Підтримка DNSSEC і DNS-over-TLS для захисту запитів
Шифрування DNS-запитів за допомогою ODoH
Автоматичне виявлення пристроїв у локальній мережі
Просте налаштування та зручний інтерфейс
Numa об’єднує інструменти керування DNS в одному виконуваному файлі без потреби в хмарних сервісах
JavaScript'еr
| 2 | Яка версія HTTP використовується зараз?
HTTP/1.1 досі підтримується, але сучасні сайти активно використовують HTTP/2 та HTTP/3. HTTP/2 пришвидшує передавання даних завдяки мультиплексуванню запитів, а HTTP/3 працює поверх QUIC замість TCP, що допомагає зменшити затримки та покращує роботу з нестабільним з’єднанням
JavaScript'еr | 946 |
| 3 |  Не розроб, а сайтороб!
JavaScript'еr | 1 068 |
| 4 |  Шпаргалка по CSS gap: gap — задає відстань між рядками та колонками, row-gap — визначає вертикальний проміжок між рядками, column-gap — горизонтальний проміжок між колонками, Flexbox — використовує gap для відступів між елементами, Grid — дозволяє задавати спільний gap або окремі значення для рядків і колонок
JavaScript'еr | 1 145 |
| 5 |  ‼️Безкоштовно спробуйте AI-професію за 3 дні!
Перейти в нову сферу складно: багато інформації, незрозуміло з чого почати, важко оцінити свої сили.
🤖AI-напрям зараз один із найперспективніших — і водночас доступний навіть без технічного бекграунду.
Тому ми запрошуємо вас на 3х денний інтенсив "АІ-автоматизація без програмування"
⏺День1: Розберешся, хто такий AI-автоматизатор і за що йому платять. Почнеш створювати власного AI-асистента в n8n.
⏺День2: Завершиш налаштування AI-асистента та протестуєш його в реальних сценаріях.
⏺День3: Навчитесь монетизувати та розвивати отриманні навички
🎁 Бонус за реєстрацію: Гайд "Як інтегрувати АІ у своє життя"
Скоріш реєструйся та безкоштовно спробуй себе у ролі АІ-фахівця
https://i.goit.global/9aCy1 | 949 |
| 6 | JavaScript готує новий спосіб порівняння об’єктів
Пропозиція Composites перейшла на Stage 2 у TC39
Що це змінить?
- Об’єкти з однаковим вмістом зможуть бути рівними при порівнянні через ===, навіть якщо створені окремо
- Порівняння за значенням працюватиме в Set
- Об’єкти можна буде використовувати як ключі Map із порівнянням за вмістом
Зараз два окремо створені об’єкти зазвичай не рівні через ===, навіть якщо їхні властивості однакові
JavaScript'еr | 1 003 |
| 7 |  CSS позбувся ще одного костиля для центрування!
align-content: center тепер працює зі звичайними блочними елементами — без Flexbox і Grid
Раніше для вертикального центрування доводилося перетворювати контейнер на flex. Тепер достатньо одного рядка коду:
.container {
align-content: center;
}
Підтримується основними браузерами: Chrome 123+, Firefox 125+ і Safari 17.4+
JavaScript'еr | 1 099 |
| 8 |  🤖 AI вже пише код за розробників. То за що компанії платитимуть інженерам завтра?
Cursor, Claude, Copilot та AI-агенти дедалі краще справляються із завданнями, на які раніше витрачалися години роботи.
Але є нюанс: написати код і спроєктувати надійну AI-систему — зовсім різні рівні інженерії.
Хтось має визначити архітектуру, забезпечити безпеку, перевірити результати моделей і зробити так, щоб усе стабільно працювало в production.
І саме тут проходить межа між виконавцем завдань та AI System Architect.
Для досвідчених IT-фахівців Neoversity створили міжнародну магістерську програму Engineering of Autonomous AI Systems.
Що вивчатимуть:
🟣 AI-агенти та мультиагентні системи
🟣 Advanced RAG і векторні бази даних
🟣 AI Security, перевірка та надійність систем
🟣 MLOps, Cloud та архітектура AI-рішень
У фіналі — власний AI-проєкт від архітектури до MVP із захистом перед експертами.
🎓 Міжнародний диплом магістра, визнаний у 50+ країнах
💻 Онлайн-навчання паралельно з роботою
🚀 Для Middle/Senior розробників, DevOps та ML-інженерів
Поки AI вчиться виконувати завдання, час навчитися проєктувати системи, які керують його роботою.
👉 Переглянути програму та умови вступу: https://cutt.ly/MyRYVHLK | 1 140 |
| 9 |  Claymorphism List Hover Effect
CSS-ефект із анімованим підсвічуванням нумерованих рядків при наведенні курсора
Забираємо код тут
JavaScript'еr | 1 144 |
| 10 |  CSS-порада
Можливо, ви ще не знаєте про цей псевдоклас CSS
JavaScript'еr | 1 166 |
| 11 |  HTML-порада
Для семантичного виділення частини тексту використовуйте тег <mark>
JavaScript'еr | 1 190 |
| 12 |  Шпаргалка по Semantic HTML: Semantic HTML — використання тегів, які описують зміст елементів сторінки, Header — верхня частина сайту з основною інформацією, Nav — блок навігаційних посилань, Section — окремий тематичний розділ контенту, Main — основний вміст сторінки, Article — самостійна стаття або запис, Aside — додатковий або бічний контент, Footer — нижня частина сторінки з контактами, авторськими правами та службовою інформацією
JavaScript'еr | 1 362 |
| 13 | Що таке керовані та некеровані компоненти в React?
Керовані компоненти зберігають значення елементів у стані React, наприклад через useState. Некеровані компоненти зберігають стан у DOM, а доступ до значень здійснюється через ref
JavaScript'еr | 1 346 |
| 14 |  👀 86 відгуків на одну Front-end вакансію. А в Defense Tech — у середньому близько 9.
І це привід придивитися до сфери, якщо ви думаєте, куди рухатися далі.
Поки в класичному IT конкуренція залишається високою, MilTech набирає обертів: з’являються нові команди, продукти та технології — а разом із ними потрібні нові спеціалісти.
І далеко не тільки розробники 👇
→ Project та Product Managers
→ QA-фахівці
→ Hardware та Embedded спеціалісти
→ аналітики та інші tech-фахівці
Тож MilTech може стати тим самим напрямом, куди варто зайти зараз, а не тоді, коли про нього говоритимуть уже всі.
А який напрям у MilTech може підійти саме вам?
GoIT створили короткий безкоштовний тест: 3 хвилини — і ви дізнаєтесь свій MilTech-напрям, його потенціал та отримаєте рекомендацію, з чого почати.
👉 Пройти тест: https://i.goit.global/2aXRO | 1 615 |
| 15 |  Коди стану HTTP на прикладі ключів та кімнат
JavaScript'еr | 1 358 |
| 16 |  Slider with Button Wave Effect
Інтерактивний слайдер з ефектом хвилі під час натискання кнопки
Реалізовано за допомогою JavaScript і GSAP
Забираємо код тут
JavaScript'еr | 1 333 |
| 17 |  Як народився сучасний веб
У 1989 році Тім Бернерс-Лі, працюючи в CERN, запропонував систему для обміну пов’язаними документами
До кінця 1990 року він створив перший браузер-редактор WorldWideWeb, перший вебсервер і сформулював базові технології вебу — HTML, HTTP та URL
Перший сайт працював за адресою info.cern.ch і розповідав про сам проєкт World Wide Web
Ключовий момент настав у 1993 році, коли CERN зробила технологію Web загальнодоступною. Це дозволило їй швидко поширитися світом без патентних обмежень і ліцензійних бар’єрів
Пізніше Бернерс-Лі заснував W3C, щоб розвивати відкриті вебстандарти та зберігати сумісність між браузерами й платформами
Один із тих рідкісних випадків, коли рішення не закривати технологію виявилося не менш важливим, ніж сама технологія
JavaScript'еr | 1 440 |
| 18 | Антипатерн: складні умови в JSX
Іноді в JSX трапляються такі умови:
{isLoggedIn && user?.settings?.theme === 'dark' && !isLoading && <DarkDashboard />}
Так, це працює. Але читати й підтримувати такий код складніше
Краще винести умову окремо:
const shouldShowDarkDashboard =
isLoggedIn && user?.settings?.theme === 'dark' && !isLoading;
return (
<>
{shouldShowDarkDashboard && <DarkDashboard />}
</>
);
Переваги:
· простіше відлагоджувати
· умову можна перевикористати
· код одразу пояснює, що саме він робить
Правило просте: складні умови краще виносити з JSX — так код стає читабельнішим і його легше підтримувати
JavaScript'еr | 1 471 |
| 19 |  Carbon
Платформа керує процесами ERP, MES і QMS на виробництві через розширювану API-first архітектуру, побудовану на TypeScript і Rust
JavaScript'еr | 1 416 |
| 20 |  CSS-порада
Можливо, ви не знали про одиницю вимірювання lh у CSS
1lh дорівнює висоті рядка, заданій через line-height для поточного елемента
JavaScript'еr | 1 450 |
