Подумал вам будет полезна такая шпаргалка

Если да отметься лукасом 😈

👉 Гайды по JavaScript | дать буст

Дорожная карта развития фронтенда.

👉 Гайды по JavaScript | дать буст

Ка думаешь какой вывод?

👉 Гайды по JavaScript | дать буст

JavaScript's Intl.NumberFormat делает ваши числа более удобочитаемыми!

Сам глянь на примеры

👉 Гайды по JavaScript | дать буст

Понимание Angular-овского 😮

@Output — ключ к чистой связи между родителем и потомком.

Вот простой и мощный пример:

// child.component.ts
@Output()
myEvent = new EventEmitter<string>();

emitEvent() {
  this.myEvent.emit("Hello World!");
}

<!-- parent.component.html -->
<app-child (myEvent)="handleEvent($event)" />

// parent.component.ts
handleEvent(event: string) {
  console.log(event); // "Hello World!"
}

Но используешь ли ты @Output как команду, а не как событие?

👉 Гайды по JavaScript | дать буст

Божественная JavaScript-библиотека для создания дашбордов!

Перетаскиваемые и изменяемые по размеру панели

✓ Совместима с React, Angular, Vue и чистым JavaScript
✓ Полностью адаптивная и оптимизирована для мобильных устройств

—> npm install gridstack

👉 Гайды по JavaScript | дать буст

Синтаксис @defer в Angular — настоящая революция для производительности

Загружайте компоненты только тогда, когда они действительно нужны, с точным контролем:

@defer (on viewport) {
  <heavy-component />
} 
@placeholder {
  <loading-spinner />
}

Отдельные бандлы, кастомные триггеры и умная предзагрузка — ваши приложения станут быстрее

Хотите узнать все фишки @defer, включая пользовательские триггеры и работу с SSR? Загляните в полный гайд

🔗 https://blog.angular-university.io/angular-defer/

👉 Гайды по JavaScript | дать буст

Совет по JavaScript

Можно разбить строку одновременно по запятым и точкам с запятой, используя метод split() вместе с регулярным выражением

👉 Гайды по JavaScript | дать буст

JavaScript: Самый простой способ разбивать массивы на куски

Посмотрите на пагинацию на стороне клиента в действии

👉 Гайды по JavaScript | дать буст

Воспроизведение звуков в JS — плёвое дело:

🔸 Создаём Audio, кидаем туда путь к файлу
🔸 Вызываем метод play()

Обратите внимание, что здесь мы создаём только один экземпляр Audio и переиспользуем его, а не создаём новый каждый раз

Также доступны различные методы для паузы, продолжения, остановки, перемотки и т.д.

Этот способ воспроизведения сработает только после взаимодействия юзера со страницей.

👉 Гайды по JavaScript | дать буст

Легко определяйте лица на JavaScript

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

- > npm i face-api.js

👉 Гайды по JavaScript | дать буст

Если вы хотите работать с IntersectionObserver с помощью RxJS, просто используйте эту функцию для преобразования его в Observable

👉 Гайды по JavaScript | дать буст

Простой, но важный совет по Vue

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

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

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

👉 Гайды по JavaScript | дать буст

Совет по Vue для тебя

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

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

👉 Гайды по JavaScript | дать буст

Как работает Git: Поймите основы

👉 Гайды по JavaScript | дать буст

JavaScript - setTimeout против setInterval

👉 Гайды по JavaScript | дать буст