Telegram Web Link
This media is not supported in your browser
VIEW IN TELEGRAM
Легко определяйте лица на JavaScript

Бессерверный, 100% в браузере.

- > npm i face-api.js

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Если вы хотите работать с IntersectionObserver с помощью RxJS, просто используйте эту функцию для преобразования его в Observable

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Простой, но важный совет по Vue

Нет нужды оборачивать статичные данные в ref или reactive, чтобы использовать их в шаблоне!

Если данные не меняются, достаточно обычной переменной.

Меньше отслеживания реактивности → ниже расход памяти → выше производительность

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по Vue для тебя

useStorage возвращает ref, который автоматически синхронизируется с localStorage.

Используй его в формах — и пользователи увидят свои введённые данные уже заполненными, даже если перезагрузят страницу или вернутся позже

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Как работает Git: Поймите основы

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript - setTimeout против setInterval

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека для создания многошаговых форм

Работает с React, Vue и Svelte.

Всё, что нужно — это JSON для настройки:

https://github.com/damianricobelli/stepperize

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Обработка вебхуков Clerk в Next.js:

Вот как с минимальным количеством кода автоматически синхронизировать данные пользователей с вашей базой данных при их создании, обновлении или удалении

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Первое правило чистого кода: называйте вещи четко и описательно.

Вот пример плохого именования по сравнению с хорошим

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
В JavaScript нет нативной обработки ошибок как в Go, но можно имитировать Go-стиль возврата [value, error] с помощью простой обёртки.

Больше никакого захламления try/catch повсюду

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Фри курс по Node.js с нуля!

Бесплатно и более 8 часов контента

✓ Создание REST API
✓ Ошибка CORS и её решение
✓ Паттерны проектирования + архитектура MVC
✓ Express + базы данных MySQL
✓ WebSockets + чат в реальном времени

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
TypeScript

Интерфейсы и типы

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Прощай, document.cookie. Привет, CookieStore

Современный, асинхронный и наконец-то адекватный API для работы с куками

🔸Чистые и интуитивно понятные методы для чтения и записи cookie
🔸Встроенная обработка событий изменения cookie
🔸Асинхронные операции, не блокирующие главный поток
🔸Эффективная работа с несколькими cookie

Уже доступно в Chrome, Firefox, Safari и Edge.

Подробности ищите в документации MDN

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Один из лучших Web Component'ов, что существуют

Показывает относительное время — суперпросто и с поддержкой нескольких языков.

✓ Работает в React, Angular, Svelte, Vue и других
✓ Весит всего 5KB

Создан GitHub — используется у них на сайте

http://github.com/github/relative-time-element

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Повысьте свой уровень владения TypeScript с помощью этих типов утилит

Посмотрите в действии

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
GSAP, одна из лучших библиотек JavaScript для веб-анимаций, теперь на 100% БЕСПЛАТНА, включая коммерческое использование.

Такие плагины, как SplitText, которые раньше были платными, теперь можно использовать бесплатно.

Теперь нет причин не использовать её

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Годный инструмент, позволяющий наглядно видеть порядок выполнения JS кода

Можно выбрать готовые примеры или вбить свой код (знаешь эти задачки: «В каком порядке всё отработает?» — вот это оно).

Очень полезно для понимания JavaScript в целом 🍯

Пробуем здесь, код на GitHub

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Деструктурируй объекты в директивах v-for, чтобы сделать шаблоны чище и удобнее для чтения

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Наведи порядок в шаблонах Vue с этим советом

Если переменная, которую ты передаёшь в проп, имеет такое же имя: :size="size"

можно сократить до шортката: :size

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Angular 19.2 упрощает создание динамических строк в шаблонах. Теперь можно использовать шаблонные литералы, что делает код чище и понятнее.

Прощай, конкатенация

Читай статью: https://buff.ly/nIAlAG3

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2025/07/07 15:14:27
Back to Top
HTML Embed Code: