This media is not supported in your browser
VIEW IN TELEGRAM
GSAP, одна из лучших библиотек JavaScript для веб-анимаций, теперь на 100% БЕСПЛАТНА, включая коммерческое использование.
Такие плагины, как SplitText, которые раньше были платными, теперь можно использовать бесплатно.
Теперь нет причин не использовать её
👉 Гайды по JavaScript | дать буст
Такие плагины, как SplitText, которые раньше были платными, теперь можно использовать бесплатно.
Теперь нет причин не использовать её
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 | дать буст
Можно выбрать готовые примеры или вбить свой код (знаешь эти задачки: «В каком порядке всё отработает?» — вот это оно).
Очень полезно для понимания JavaScript в целом 🍯
Пробуем здесь, код на GitHub
Please open Telegram to view this post
VIEW IN TELEGRAM
Деструктурируй объекты в директивах
👉 Гайды по JavaScript | дать буст
v-for
, чтобы сделать шаблоны чище и удобнее для чтенияPlease open Telegram to view this post
VIEW IN TELEGRAM
Наведи порядок в шаблонах
Если переменная, которую ты передаёшь в проп, имеет такое же имя:
можно сократить до шортката:
👉 Гайды по JavaScript | дать буст
Vue
с этим советомЕсли переменная, которую ты передаёшь в проп, имеет такое же имя:
:size="size"
можно сократить до шортката:
:size
Please open Telegram to view this post
VIEW IN TELEGRAM
Angular 19.2 упрощает создание динамических строк в шаблонах. Теперь можно использовать шаблонные литералы, что делает код чище и понятнее.
Прощай, конкатенация
Читай статью: https://buff.ly/nIAlAG3
👉 Гайды по JavaScript | дать буст
Прощай, конкатенация
Читай статью: https://buff.ly/nIAlAG3
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по JavaScript
Используйте свойства
👉 Гайды по JavaScript | дать буст
Используйте свойства
clientX
и clientY
объекта MouseEvent
, чтобы получить текущую позицию курсора мышиPlease open Telegram to view this post
VIEW IN TELEGRAM
Совет по JavaScript:
Используйте
👉 Гайды по JavaScript | дать буст
Используйте
KeyboardEvent.getModifierState()
для определения, включён ли Caps LockPlease open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Вот забавный совет по TypeScript:
Используйте строку шаблона (template literal), чтобы убедиться, что ваши заголовки Authorization правильно отформатированы
👉 Гайды по JavaScript | дать буст
Используйте строку шаблона (template literal), чтобы убедиться, что ваши заголовки Authorization правильно отформатированы
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Если вы сейчас на стадии изучения браузерных событий (DOM Events)
То вам может быть полезен интересный инструмент визуализации — https://domevents.dev
Данный инструмент помогает наглядно увидеть порядок выполнения событий, а также понять разницу функций
👉 Гайды по JavaScript | дать буст
То вам может быть полезен интересный инструмент визуализации — https://domevents.dev
Данный инструмент помогает наглядно увидеть порядок выполнения событий, а также понять разницу функций
preventDefault()
, stopPropagation()
, stopImmediatePropagation()
Please open Telegram to view this post
VIEW IN TELEGRAM
Оптимизируй импорты в Next.js
Избегай относительных путей вроде:
Используй
👉 Гайды по JavaScript | дать буст
Избегай относительных путей вроде:
../LargeChart
Используй
next/dynamic
для более чистых динамических импортов с отключённым SSRPlease open Telegram to view this post
VIEW IN TELEGRAM
То, что это всё ещё
> "target" устарел на несколько лет
> "commonjs" — это огромный антипаттерн
> "forceConsistentCasingInFileNames" и так по умолчанию true
👉 Гайды по JavaScript | дать буст
tsconfig
, который ты получаешь при запуске tsc --init
, — это просто глупо:> "target" устарел на несколько лет
> "commonjs" — это огромный антипаттерн
> "forceConsistentCasingInFileNames" и так по умолчанию true
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Стартап SaaS с открытым исходным кодом для React и Node.js
https://github.com/wasp-lang/open-saas
👉 Гайды по JavaScript | дать буст
https://github.com/wasp-lang/open-saas
Please open Telegram to view this post
VIEW IN TELEGRAM
Создание приложения для управления файлами — отличный способ изучить важные программные концепции.
В этом курсе вы сделаете клон Google Drive с использованием Laravel, PHP и Vue.js.
Вы реализуете загрузку и скачивание файлов, создадите функцию поиска, интегрируете AWS и многое другое.
https://www.freecodecamp.org/news/build-a-google-drive-clone-with-laravel-php-vuejs/
👉 Гайды по JavaScript | дать буст
В этом курсе вы сделаете клон Google Drive с использованием Laravel, PHP и Vue.js.
Вы реализуете загрузку и скачивание файлов, создадите функцию поиска, интегрируете AWS и многое другое.
https://www.freecodecamp.org/news/build-a-google-drive-clone-with-laravel-php-vuejs/
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Node.js 24 уже тут
Вышла новая версия Node.js — v24:
> V8 13.6: RegExp.escape(), Float16Array, await using
> npm 11 — быстрее и безопаснее
> Улучшенный node:test без лишних await
> Глобальный URLPattern
> Права доступа (--permission) — больше не эксперимент
> Быстрее AsyncLocalStorage и новый Undici 7.0
> Удалили url.parse() и SlowBuffer — чистим старьё
LTS уже в октябре. Готовьтесь заранее👊
Подробнее в блоге NodeSource
👉 Гайды по JavaScript | дать буст
Вышла новая версия Node.js — v24:
> V8 13.6: RegExp.escape(), Float16Array, await using
> npm 11 — быстрее и безопаснее
> Улучшенный node:test без лишних await
> Глобальный URLPattern
> Права доступа (--permission) — больше не эксперимент
> Быстрее AsyncLocalStorage и новый Undici 7.0
> Удалили url.parse() и SlowBuffer — чистим старьё
LTS уже в октябре. Готовьтесь заранее
Подробнее в блоге NodeSource
Please open Telegram to view this post
VIEW IN TELEGRAM
Легко проходи вложенные массивы с помощью
👉 Гайды по JavaScript | дать буст
reduce()
и рекурсии в JavaScriptPlease open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Превратите любой репозиторий GitHub в интерактивные диаграммы
Представляем GitDiagram. Просто замените
👉 Гайды по JavaScript | дать буст
Представляем GitDiagram. Просто замените
"hub"
на "diagram"
в URL-адресе GitHub и мгновенно визуализируйте кодовую базу с помощью интерактивных диаграмм.Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по JavaScript
Юзай новый метод
Поддерживается всеми современными браузерами
👉 Гайды по JavaScript | дать буст
Юзай новый метод
Object.groupBy()
— группируй объекты по любому свойству в одну строку, без плясок с бубномПоддерживается всеми современными браузерами
Please open Telegram to view this post
VIEW IN TELEGRAM