Ти не знаєш JavaScript
Yopiq kanal
Публікуємо поживні шматочки коду JavaScript, які є цінними для всіх розробників і допомогають покращити знання мови Зв'язок: @itchannelsbot
Ko'proq ko'rsatish5 265
Obunachilar
-224 soatlar
-177 kunlar
-6830 kunlar
Postlar arxiv
Як перевірити, до якого класу належить об'єкт у JavaScript?
Для цього використовують оператор instanceof, який перевіряє, чи є об'єкт екземпляром певного класу або його прототипу. Якщо потрібно лише отримати назву класу, можна скористатися constructor.name, але цей спосіб вважається менш надійним
Ти не знаєш JavaScript
Шпаргалка по JavaScript: JavaScript — мова програмування для створення інтерактивних вебсторінок, Variables — оголошення змінних (var, let, const), Loops — цикли for і while, Conditional Statements — умовні конструкції if та switch, String Methods — основні методи роботи з рядками (split, trim, concat тощо), Array Methods — популярні методи масивів (push, pop, shift, map, forEach, indexOf)
Ти не знаєш JavaScript
⚡️ Дата-аналітика — одна з найперспективніших професій у 2026 році
Бізнеси сьогодні приймають рішення на основі даних. Саме тому дата-аналітики потрібні в IT, маркетингу, e-commerce, фінансах, логістиці та десятках інших сфер.
🔥 За даними DOU, медіанна зарплата українських Data Analysts уже перевищує $1700, і попит на таких спеціалістів тільки зростає.
Хочете зрозуміти, чи підходить вам ця професія?
Реєструйтесь на безкоштовний онлайн-марафон з Data Analytics - де ви познайомитесь з професією та зробите перші практичні кроки.
На марафоні ви дізнаєтесь:
🗣 як аналітики працюють з даними в реальних компаніях 🗣 які інструменти використовують (SQL, Excel, BI) 🗣 як новачку увійти в сферу Data Analytics🕓 Онлайн | Безкоштовно 👉 Реєстрація: https://i.goit.global/2aIhq
Які сховища даних доступні в браузері?
У браузері є кілька способів зберігати дані: localStorage — для постійного зберігання, sessionStorage — до закриття вкладки, Cookies — для невеликих обсягів даних із можливістю передавання на сервер, IndexedDB — для роботи з великими обсягами інформації, а CacheStorage — для кешування ресурсів у PWA та Service Worker. Кожне сховище має свої особливості та сценарії використання
Ти не знаєш JavaScript
Meta відкрила вихідний код своєї дизайн-системи Astryx
Компанія зробила open-source Astryx — внутрішню дизайн-систему, яку використовує вже понад 8 років. На ній побудовано 13 000+ внутрішніх застосунків
Що всередині: • понад 150 UI-компонентів • 7 готових брендованих тем • підтримка власних тем і кастомізації • оптимізована як для розробників, так і для AI-агентів, що генерують кодТи не знаєш JavaScript
Вийшов Vite 8.1
Нова версія отримала кілька важливих оновлень: • експериментальний Full Bundle Mode — до 15× швидший запуск dev-сервера та до 10× швидше повне перезавантаження великих застосунків • Chunk Import Map для стабільніших чанків і кращого кешування • інтеграцію WASM через ESM • Lightning CSS ще ближче до статусу стандартного CSS-рушіяТи не знаєш JavaScript
Шпаргалка по CSS Background Shorthand: CSS Background Shorthand — скорочений запис властивості `background`. Показує, як об’єднати `background-color`, `background-image`, `background-repeat` і `background-position` в один рядок. Допомагає зробити CSS-код коротшим, читабельнішим і зручнішим у підтримці
Ти не знаєш JavaScript
Знайшов швидку TypeScript-бібліотеку для створення ефектних частинок у вебі та іграх на базі
three.js
Three.quarks підтримує високопродуктивний batch-рендеринг, має візуальний редактор для дизайну ефектів, імпорт із Unity та гнучку систему плагінів
Можна встановити через npm і додавати ефекти буквально кількома рядками коду — від вогню до вибухів. Також є підтримка JSON-експортів для готових сцен
Ти не знаєш JavaScript🤔 Як зберігати валюти?
- У копійках/центах (ціле число).
- Строкою, якщо потрібна точна передача ("10.50").
- Не використовувати float через втрату точності.
Ти не знаєш JavaScript
Repost from JavaScript'er
Ловіть оптимізуючий компілятор для React
Million.js — це інструмент, який зменшує накладні витрати React reconciliation і може прискорювати компоненти до ~70%
Що вміє: • працює з існуючим React-кодом — міграція не потрібна • оптимізує Virtual DOM і зменшує навантаження на diffing • має CLI для швидкого встановлення та налаштування • перевірявся на бенчмарку js-framework-benchmarkJavaScript'еr
Josh W. Comeau — статті та гіди з JavaScript і React
Це сайт із великою кількістю інтерактивних матеріалів про JavaScript, React, CSS-анімації, Flexbox, Grid та архітектуру інтерфейсів
Автор пояснює складні речі простою мовою і робить акцент не тільки на тому, як щось працює, а й чому саме так
Ти не знаєш JavaScript
Стилі прямо в React-компонентах
Розширення
vscode-styled-components робить роботу зі styled-components значно зручнішою
З’являються підказки CSS, підсвітка кольорів, автодоповнення властивостей і форматування прямо всередині JS/TS файлів
По відчуттях — майже як повноцінна робота з окремим CSS, але прямо в React
Ти не знаєш JavaScriptШпаргалка по JavaScript Strings: JavaScript Strings — основи роботи з рядками в JavaScript. Містить способи створення рядків, перетворення інших типів даних у рядки, об’єднання рядків за допомогою оператора `+` і методу `concat()`, а також використання шаблонних рядків (template literals). Допомагає зрозуміти базові операції з текстовими даними та їх застосування в коді
Ти не знаєш JavaScript
CSS only mirror like nav
Стильна анімація для пунктів меню при наведенні Реалізовано повністю на CSS
Забираємо код тут
Ти не знаєш JavaScript
🤔 Як слід оновлювати стан?
Оновлення стану відбувається через виклик setState (у класових компонентах) або setValue з useState (у функціональних). Ніколи не можна безпосередньо змінювати значення стану, необхідно використовувати функцію оновлення.
Важливо: React може об'єднувати кілька оновлень, тому не можна покладатися на поточний значення змінної поза setState.
Ти не знаєш JavaScript
react-bits
Це велика колекція анімованих, інтерактивних і повністю кастомізованих React-компонентів для створення більш “живих” і запам’ятовуваних сайтів
У бібліотеці понад 110 компонентів: текстові анімації, UI-елементи, фони та інші інтерфейсні рішення. Усе з мінімальними залежностями та гнучким налаштуванням через props
Кожен компонент доступний у 4 варіантах: • JavaScript + CSS • JavaScript + Tailwind CSS • TypeScript + CSS • TypeScript + Tailwind CSSТи не знаєш JavaScript
