JavaScript 🇺🇦

Інженерний турнір 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

Знайшов інтерактивний інструмент для візуалізації JavaScript-коду в реальному часі Сервіс покроково показує виконання коду, пояснює кожну дію, відстежує зміни змінних, демонструє результати роботи функцій і допомагає краще зрозуміти, що відбувається «під капотом» програми. Чудово підійде для навчання, налагодження та розбору складної логіки JavaScript

Extend UI — опенсорсна бібліотека React-компонентів для застосунків, які активно працюють із документами Містить готові компоненти для перегляду PDF, DOCX, XLSX і CSV, завантаження та навігації файлами, роботи з цитатами, електронними підписами, розділення документів та інших пов'язаних сценаріїв Компоненти поширюються за ліцензією MIT, підтримують гнучке налаштування та можуть підключатися до проєкту через registry у стилі shadcn JavaScript

Вайб-кодери, які дивляться на свій власний код після того, як у них закінчилися кредити JavaScript

Чим відрізняється localStorage від sessionStorage? localStorage зберігає дані між сесіями браузера, доки їх не видалять. sessionStorage зберігає інформацію лише протягом поточної сесії та очищається після закриття вкладки JavaScript

Порада для веброзробників Хочете, щоб сайт відчувався миттєво швидким? Використовуйте <script type="speculationrules">, який дозволяє пререндерити наступну сторінку ще до кліку користувача, наприклад під час наведення курсора на посилання Це нативний вебстандарт, який працює без сторонніх бібліотек. Наразі підтримка становить близько 70% (Safari та Firefox поки що не підтримують цю можливість), але якщо браузер не знає про цей тег — він просто його проігнорує JavaScript

Корисний сервіс для веброзробників Набір із 12 інструментів для веброзробки, серед яких генератор градієнтів, розділювач сторінок, конвертер SVG у JSX, генератор фейкових даних та багато інших корисних утиліт для щоденної роботи JavaScript

Коли в тебе аж 32 ГБ оперативки @itmemeua

Шпаргалка URL, URI та URN: URI — ідентифікує ресурс, URL — ідентифікує та вказує його розташування, URN — ідентифікує ресурс за унікальним ім’ям. URL і URN є підтипами URI JavaScript

Порада по CSS Чи знали ви, що довгі списки CSS-селекторів можна зробити значно коротшими та читабельнішими за допомогою :where()? JavaScript'еr

Коли зробив помилку, але згадав, що тебе не звільнять, бо працювати нема кому JavaScript

Шпаргалка з безпеки API: HTTPS — шифрування даних, OAuth 2.0 — авторизація через токени, WebAuthn — безпечна автентифікація без паролів, API Keys — ключі для доступу до API, Authorization — контроль прав доступу, Rate Limiting — обмеження кількості запитів, API Versioning — версіонування API, Allowlist — дозвіл доступу лише перевіреним IP/користувачам, OWASP API Security — перевірка типових вразливостей, API Gateway — єдина точка контролю запитів, Error Handling — безпечна обробка помилок без витоку службової інформації, Input Validation — перевірка вхідних даних JavaScript

Hamburger button Анімована гамбургер-кнопка для навігації. Реалізовано за допомогою SCSS Забираємо код тут JavaScript

CSS-порада - синтаксис діапазонів для media-запитів У CSS можна використовувати зручніший синтаксис діапазонів у media queries — оператори <, >, =, <= та >= роблять умови зрозумілішими й компактнішими • дозволяє простіше задавати діапазони ширини екрана • підтримується всіма основними браузерами з березня 2023 року • для старих або непідтримуваних браузерів доступний PostCSS-плагін JavaScript

😁 JavaScript

Добірка мікроанімацій для UI Тут зібрали приклади мікроанімацій, які можуть стати в пригоді розробникам, дизайнерам і тим, хто використовує AI для створення інтерфейсів Їх можна використовувати як референси для покращення візуальної частини продукту та пошуку цікавих рішень для UI JavaScript

🤓 @itmemeua