JavaScript'er
Closed channel
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Show more6 918
Subscribers
-324 hours
-217 days
-10030 days
Posts Archive
6 919
Hover Effect — cp-challenge
Анімовані картки з цікавим hover-ефектом під час наведення курсора. Реалізовано за допомогою CSS
Забираємо код тут
JavaScript'еr
6 919
NVIDIA відкрила модель для відновлення 3D-сканів
NVIDIA виклала у відкритий доступ модель, яка відновлює розмиті та неповні 3D-скани, навіть якщо потрібні ракурси взагалі не були зняті
По суті, ArtiFixer автоматично «ремонтує» 3D-сцену: генерує відсутні ракурси камери за допомогою відеодифузії, а потім повторно реконструює сцену з отриманих кадрів
• працює до 70 разів швидше
• відновлення займає лише 1–4 кроки
• перевершує попередні найкращі методи приблизно на 3 дБ
• результатом можна керувати звичайними текстовими запитами
Цікава технологія для 3D-реконструкції, комп’ютерного зору та генеративного AI
JavaScript'еr
6 919
🔥 Хочеш професію, яка буде потрібна бізнесу й у 2026 році?
Data Analytics — це не просто таблиці та цифри. Це навичка, яка допомагає знаходити закономірності, приймати рішення та працювати з бізнесом у різних сферах — від маркетингу до фінансів.
На безкоштовному марафоні GoIT покажуть, як виглядає робота дата-аналітика на практиці та з чого почати.
👉 Реєстрація на марафон: https://i.goit.global/haJAf
6 919
⚡️ Вміння працювати з даними — одна з найцінніших навичок у 2026 році.
Сьогодні недостатньо просто “вести таблиці”.
Компаніям потрібні люди, які можуть:
▪️ аналізувати дані
▪️ бачити закономірності
▪️ допомагати бізнесу приймати рішення
Саме тому Data Analytics зараз потрібна далеко не лише в IT.
GoIT проводить безкоштовний онлайн-марафон,
де покажуть:
⏺ як працюють дата-аналітики ⏺ які інструменти використовують щодня ⏺ як ці навички застосовуються в маркетингу, фінансах, e-commerce та інших сферах🕓 Онлайн | Безкоштовно 👉 Реєстрація: https://i.goit.global/haJAf
6 919
Що таке state і getters у Vuex?
state — це центральне сховище даних Vuex, де зберігається спільний стан застосунку: користувач, налаштування, товари тощо
getters — це функції для отримання обчислених значень на основі state, подібно до computed у Vue
JavaScript'еr
6 919
3D-ефект переходу між елементами
Цікавий приклад анімації для галереї: наведіть курсор на зображення, щоб відкрити його опис або додаткову інформацію
Якщо до цього курсор був на іншій картці, перехід супроводжується ефектом «перекочування кубика»
Забираємо код тут
JavaScript'еr
6 919
Інженерний турнір ZORIA: Гейміфікація реального кейсу
Платформа UA SKILLS - це не про курси, не про «вхід в IT за два тижні» і не про синтетичні задачі з підручників.
14 вересня ми відкриваємо реєстрацію на турнір ZORIA. Це 3-тижневе змагання, де недостатньо просто написати робочий синтаксис - потрібно побудувати стратегію системи, яка витримає обмеження ресурсів і некоректні дані.
Параметри та умови:
Практична база: Симуляція реальної технічної задачі у гейміфікованій формі.
Стек: TypeScript, Node.js, NestJS, React, WebSocket, PostgreSQL.
Тривалість: 3 тижні (14.09 - 05.10).
Автономна оцінка: Жодного суб'єктивного суддівства. Результати рахує автоматика за логами та таймінгами. «У Наглядача немає улюбленців. Є розклад».
Залучення AI: Дозволено та рекомендовано для аналітики й моделювання рішень.
Підказки: Надаються за запитом, але кожен запит фіксується і зменшує підсумкові бали.
Призовий фонд: $5 000
🗓 Дати: 14.09 - 05.10
🔗 Подати заявку: https://ua-skills.com/tournaments/?utm_source=telegram&utm_medium=post&utm_campaign=JavaScript
6 919
Шпаргалка з HTTPS: HTTPS — захищена версія HTTP, що шифрує дані між клієнтом і сервером за допомогою TLS, перевірка сертифіката — клієнт отримує сертифікат сервера та перевіряє його дійсність через центр сертифікації (CA), обмін ключами — клієнт і сервер узгоджують спільний сеансовий ключ, шифри — визначають алгоритми, які використовуються для захисту з’єднання, сеансовий ключ — спільний ключ для шифрування даних під час поточної сесії, зашифрований тунель — захищений канал, через який передаються дані між клієнтом і сервером
JavaScript'еr
6 919
Знали, що кнопку відправлення форми можна розмістити поза `<form>`?
Зазвичай кнопку розміщують всередині форми, але іноді через особливості верстки зручніше винести її за межі
<form>
Для цього достатньо зв’язати кнопку з формою за допомогою атрибутів form та id
Так само можна прив’язати до форми й інші елементи керування — textarea, checkbox та інші
JavaScript'еr6 919
Bun 1.4 вже тут!
Повністю переписаний на Rust
✓ Bun.Image — можна забути про Sharp
✓ Bun.WebView — браузер без Playwright
✓ Bun.markdown та Bun.cron
✓ Менше залежностей і вища продуктивність
JavaScript'еr
6 919
[STATUS: EXPERIMENTAL_RUN_OPEN]
[TIMELINE: 14.09 - 05.10 // 21 DAYS]
Інженерний турнір ZORIA: Гейміфікація системної розробки
Оголошено старт 3-тижневого турніру з розробки та системної тактики. В основі завдання - симуляція справжнього інженерного кейсу. Спочатку ваш код, потім ваша стратегія.
Умови проходження:
Практичний кейс: Вирішення архітектурної задачі в ігровому середовищі.
Стек: TypeScript • Node.js • NestJS • React • WebSocket • PostgreSQL.
Автономний контроль: Перебіг і результати оцінює система. «У Наглядача немає улюбленців. Є розклад».
AI-інструменти: Дозволені для розширення аналітичних можливостей алгоритму.
Підтримка: Підказки доступні за запитом, але їх використання зменшує підсумкову оцінку.
Призовий фонд:
$5 000
1 місце - $1500
2-3 місця - по $1000
4-5 місця - по $750
🗓 Старт: 14 вересня
🔗 Вхід до реєстру: https://ua-skills.com/tournaments/?utm_source=telegram&utm_medium=post&utm_campaign=JavaScript
6 919
CSS нарешті дозволяє анімувати елементи під час їхньої першої появи
@starting-style уже входить до Baseline і має близько 90% глобального покриття
Раніше transition не спрацьовував під час першої появи елемента, тому доводилося використовувати JavaScript-хаки
Тепер стартовий стан можна задати безпосередньо в CSS
JavaScript'еr6 919
CSS-порада
Можливо, ти ще не знав про новий і простий спосіб вертикально центрувати контент у блочному макеті
JavaScript'еr
6 919
Шпаргалка по HTML для початківців: Basic Setup — базова структура HTML-документа, Styling — оформлення тексту, кольорів і фону, Links & Images — додавання посилань та зображень, Lists — нумеровані й марковані списки, Tables — створення таблиць, Dividing Areas — поділ сторінки на блоки, Paragraphs & Format — абзаци та форматування тексту, Forms — поля вводу, кнопки, checkbox і radio, Colors & Entities — кольори та спеціальні символи, Comments — коментарі в HTML-коді
JavaScript'еr
6 919
Творець Node.js запустив Dactyl
Dactyl дає змогу створювати нативні застосунки для iPhone та Android прямо в браузері — без Mac, Xcode та Android Studio
• симулятор SwiftUI працює у браузері через WASM
• один код можна використовувати для iOS та Android
• підтримується власна підписка ChatGPT
JavaScript'еr
6 919
🤔 Що спільного між кодом і «залізом»? Значно більше, ніж здається. Але коли 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-продуктів.
Деталі, програма та реєстрація ⬅️
6 919
Шпаргалка по HTML для початківців: Basic Setup — базова структура HTML-документа, Styling — оформлення тексту, кольорів і фону, Links & Images — додавання посилань та зображень, Lists — нумеровані й марковані списки, Tables — створення таблиць, Dividing Areas — поділ сторінки на блоки, Paragraphs & Format — абзаци та форматування тексту, Forms — поля вводу, кнопки, checkbox і radio, Colors & Entities — кольори та спеціальні символи, Comments — коментарі в HTML-коді
JavaScript'еr
6 919
[SYS_LOG]: Відкрито реєстрацію на турнір ZORIA
Платформа UA SKILLS запускає 3-тижневу гейміфіковану симуляцію системної розробки для інженерів.
В основі турніру ZORIA - не LeetCode-головоломки, а реальний технічний кейс. Тут перевіряється стійкість вашого коду, стратегія прийняття рішень та вміння використовувати AI-інструменти для аналізу даних.
Специфікація запуску:
Терміни: 21 день розробки (14.09 - 05.10).
Технології: TS • Node.js • NestJS • React • WebSocket • PostgreSQL.
Призовий фонд: $5 000 (5 призових місць).
Оцінювання: Повністю автоматичне за логами системи.
Консультації: Відповіді та підказки надаються за запитом (із вирахуванням із підсумкових балів).
🗓 Старт: 14 вересня
🔗 Зареєструватися: https://ua-skills.com6 919
3D-моделі тепер можна створювати прямо в браузері
Це відкритий 3D-редактор із фокусом на локальну роботу
Можна створювати форми та вирізати отвори. Імпортувати STL-файли й експортувати готові моделі. Є локальний MCP-сервер для взаємодії AI-клієнтів із редактором у реальному часі
JavaScript'еr
