Это - фрагмент из моего авторского пародийно-драматического проекта (не реклама, поэтому название не пишу, но кому интересно, найдут). Сам проект не про это, если что, но так уж случилось, что в одном из выпусков я затронул тему разработки. Поскольку я имею некоторый опыт в этой сфере, я знаю, о чём говорю и, надеюсь, найдутся люди, согласные со мной.

Весь бугурт начался с того, что google запретил в своём браузере chrome воспроизведение звуков без непосредственного контакта пользователя с экраном, мотивируя это "заботой о пользователях" - мол, слишком много навязчивой рекламы. Согласен, навязчивой рекламы сейчас много (кстати, не сам ли google приложил к этому руку, используя повсеместно свой сервис google ads и рекламные идентификаторы устройств?). Но я, как автор и разработчик игры на javascript, с учётом того, что chrome - это основной браузер практически на всех устройствах под ОС android (особенно в компоненте webview), первым пострадал от этого странного решения гугла. Как может существовать игра, в который есть звуковое оформление и в которой, очевидно, многие звуки зависят от игрового мира, а не от прикосновения пользователя к экрану, когда ей запретили эти самые звуки воспроизводить?

Оговорюсь, звуки воспроизводится нормально через некоторое время, когда пользователь несколько раз повзаимодействует с экраном, то есть запрет этот, слава Богу, не полный. Но самые первые секунды всё равно ничего не воспроизводится, а для пользователя самые первые секунды в геймплее, я считаю, самые важные - он знакомится с игрой, с графикой и интерфейсом, и со звуковым оформлением в том числе. "Встречают по одёжке", как говорится. Позже, монтируя выпуск, я вставил в него и другие примеры узкого мышления разработчиков - в том числе и российских. В общем, смотрите сами :)

Бесплатный конспект к уроку

В видео Валера, преподаватель Айти-Инкубатора, рассказал про 4 темы:

6. Работа с изображениями. Загрузка изображений, FormData, react-toastify

• Загрузка дефолтной картинки

• FormData- теория и практика

• input type="file"

• Реализация загрузки изображения

• Ограничение загрузки по типу файла

• Ограничение загрузки по размеру

• Реализация удаления изображения

• Рефакторинг / декомпозиция кода

• Внедрение React toastify для отображения ошибок
  
  7. Searching and Pagination. Query параметры, debounce
   

• Работа с query параметрами

• Реализация поиска

• Debounce - теория, реализация и пояснение кода

• Пагинация - теория, реализация и пояснение кода

• Добавление селекта для выбора размера страницы (pageSize)

• Рефакторинг / декомпозиция кода
  
  8. Cache. Методы для работы с кэшем. Получение данных на другой странице
   

• Кэширование теория

• KeepUnusedDataFor

• RefetchOnFocus

• RefetchOnReconnec

• Polling

• Получение данных на другой странице
  
  9. Infinity Queries. flat, flatMap, load more, IntersectionObserver, курсорная пагинация
  

• Infinity Queries - теория

• Курсорная пагинация - теория и реализация

• Реализация пагинации при отрисовке треков.

• Методы массивов flat и flatMap на практике

• Реализация подгрузки данных по кнопке (load more)

• Infinity scroll - теория

• Использование Intersection observer для реализации бесконечной подгрузки данных

• Декомпозиция. Вынесение логики в кастомный хук useInfiniteScroll

• Домашнее задание: Offset Pagination

Конспект урока здесь, а если что не получается, пишите сюда, поможем.

То же видео, только на ютубе

На следующей неделе размещу ролик, зачем вам NodeJS, если вы учите React?