JavaScript'er
Закритий канал
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Показати більше
Сітка:6 922
Підписники
-324 години
-277 днів
-10030 днів
Завантажуємо дані
Схожі канали
Немає даних
Виникли проблеми? Будь ласка, оновіть сторінку або зверніться до нашого support-менеджера.
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
жовтень '26жовт '26
жовтень '26
+9
в 2 каналах
вересень '26
+11
в 3 каналах
Get PRO
серпень '26
+13
в 3 каналах
Get PRO
липень '26
+24
в 2 каналах
Get PRO
червень '26
+16
в 3 каналах
Get PRO
травень '26
+27
в 5 каналах
Get PRO
квітень '26
+21
в 2 каналах
Get PRO
березень '26
+46
в 3 каналах
Get PRO
лютий '26
+43
в 2 каналах
Get PRO
січень '26
+48
в 1 каналах
Get PRO
грудень '25
+44
в 4 каналах
Get PRO
листопад '25
+85
в 4 каналах
Get PRO
жовтень '25
+52
в 3 каналах
Get PRO
вересень '25
+66
в 1 каналах
Get PRO
серпень '25
+51
в 2 каналах
Get PRO
липень '25
+36
в 3 каналах
Get PRO
червень '25
+35
в 2 каналах
Get PRO
травень '25
+147
в 3 каналах
Get PRO
квітень '25
+83
в 3 каналах
Get PRO
березень '25
+52
в 3 каналах
Get PRO
лютий '25
+54
в 3 каналах
Get PRO
січень '25
+88
в 3 каналах
Get PRO
грудень '24
+753
в 6 каналах
Get PRO
листопад '24
+419
в 4 каналах
Get PRO
жовтень '24
+66
в 5 каналах
Get PRO
вересень '24
+2 468
в 17 каналах
Get PRO
серпень '24
+134
в 1 каналах
Get PRO
липень '24
+525
в 3 каналах
Get PRO
червень '24
+39
в 2 каналах
Get PRO
травень '24
+45
в 2 каналах
Get PRO
квітень '24
+778
в 8 каналах
Get PRO
березень '24
+912
в 6 каналах
Get PRO
лютий '24
+578
в 6 каналах
Get PRO
січень '24
+2 156
в 21 каналах
Get PRO
грудень '23
+1 449
в 24 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 26 жовтня | 0 | |||
| 25 жовтня | +1 | |||
| 24 жовтня | 0 | |||
| 23 жовтня | 0 | |||
| 22 жовтня | +1 | |||
| 21 жовтня | 0 | |||
| 20 жовтня | 0 | |||
| 19 жовтня | 0 | |||
| 18 жовтня | 0 | |||
| 17 жовтня | 0 | |||
| 16 жовтня | 0 | |||
| 15 жовтня | +1 | |||
| 14 жовтня | 0 | |||
| 13 жовтня | 0 | |||
| 12 жовтня | +1 | |||
| 11 жовтня | 0 | |||
| 10 жовтня | 0 | |||
| 09 жовтня | 0 | |||
| 08 жовтня | +1 | |||
| 07 жовтня | +1 | |||
| 06 жовтня | +1 | |||
| 05 жовтня | 0 | |||
| 04 жовтня | +2 | |||
| 03 жовтня | 0 | |||
| 02 жовтня | 0 | |||
| 01 жовтня | 0 |
Дописи каналу
Ловіть розумний 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 |
