Не используй циклы для этого в JavaScript

Object.groupBy группирует данные массива в объект.

Он принимает функцию, в которой ты указываешь, по какому свойству распределять элементы.

Поддерживается во всех современных браузерах

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

Хочешь создать свою собственную игру в стиле Crossy Road на JavaScript? 🎮

Вот бесплатный и качественный туториал, который пошагово покажет, как воссоздать Crossy Road с помощью Three.js

https://javascriptgametutorials.com/tutorials/three-js/crossy-road

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

Университет Хельсинки создал один из лучших fullstack bootcamp для изучения веб-разработки!

→ Бесплатно, на английском языке и с сертификатом
→ 13 уроков, практические упражнения и финальный проект
→ React, Redux, Node.js, Express, MongoDB, GraphQL, TypeScript...

https://fullstackopen.com/

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

Ловите гайд на то как создайть полноценное веб-приложение для преобразования текста в речь с помощью HTML, CSS и JavaScript.

⏩read me

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

Совет по JavaScript

Вы можете использовать метод Object.freeze(), чтобы запретить любые изменения объекта, включая добавление, изменение или удаление свойств. Это означает:

⏩Вы не можете добавить новые свойства.
⏩Вы не можете изменить существующие свойства.
⏩Вы не можете удалить никакие свойства.

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

JavaScript - понимание null, undefined и NaN

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

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

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

👉 Гайды по 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 | дать буст