Андрей

Я бы посоветовал вам устроиться на некоторое время работать в офис. Работа в команде очень сильно помогает поднять свой уровень. В этом есть несколько плюсов:
1. У вас всегда под рукой есть ментор, который может подсказать как решить поставленую перед вами конкретную задачу. Знания, получаемые таким образом, усваиваются намного лучше. Вы лучше понимете, как применять свои навыки.
2. К окманде работает несколько человек, каждый со своим мнением и кругозором. Общение на обеде, за кофе и на обсуждениях проектов поможет ваам расширить свой профессиональный кругозор. Вы узнаете про многие технологии. В данный момент они вам не понадобытся, но вы будете знать о них, во время принятия решений в будущем.
3. Устраиваясь на работу в офис стажером (или новичком, в общем неопытным специализстом), вы ставите в известность своего работодателя. Он в замен на пониженый оклад (у начинающего программиста ЗП, конечно ниже), помогает вам обучаться, выделяя вам ментора и давая практику.
4. Вы преобретаете опыт решения реальных кейсов. В дальнейшем вы будете знать, как решается большинство типовых задач.
5. В спокойной, но реальной обстановке получите опыт обучения "на лету" и поиска нужного материала.

Я, когда начинал, тоже страдал такой проблемой. Год работы в комманде из 7 программистов стал для меня сильнейшим рывком. За этот год я поднялся больше, чем за предядущие три года самообучения. Поработал, получил опыт (и кучу положительных эмоций от общения с коллегами), потом спокойно перешел на удаленку.

Мой вам совет: поработайте некоторое время в команде.

Ангуляр сложный. Лучше глянь vuejs. После jquery он более понятен чем другие js фреймворки. И поэтому учится быстрее. React тоже норм но vue проще.
https://vuejs.org/
И ещё один аргумент в пользу vuejs - у него 75к звездочек, а у ангуляра 57к.

Уменьшите битрейт и разрешение видео.
Переместите метаданные в начало mp4 контейнера
Установите preload="metadata"
htmlbook.ru/html/video/preload

Чтобы пиксели в глаза не бросались наложите на видео сеточку из маленьких черных точек
https://jsfiddle.net/soumyabg/wefLyrhp/
css background dotted overlay

Нужно настроить nginx примерно так:

location / {
    root /var/www;
    index index.html;

    try_files $uri $uri/ /index.html;
}

И в index.html указать <base href="/"> для того, чтобы относительные пути работали.

Перемудрили. Всё должно быть очень просто. Что такое тип медиа? Музыка или видео? Так по

/movies/genre/{id}/film/{id} - фильмы
/music/albums/{id}/tracks/{id} - музыка

Далее. Если я знаю id трека или фильма мне надо дать возможность обратиться непосредственно к нему:

music/track/{id} - всё

Если я не знаю какой трек мне нужен я прошу все треки из направления музыкального, например rap у него id=13

music/style/13

По этому запросу выдаются пачки направления по 100, 300 или 1000 штук в зависимости от ресурсов и можно указать пагинатор

music/style/13/2 - вторую страницу направлений мне покажите

Именно поэтому параметры лучше передавать в явном виде в url типа style=13&page=2 потому что так не запутаешься что такое 13 и что такое 2.

Если я совсем ничего не знаю и жанры тоже должен быть вспомогательный метод для получения всех жарнов, как у ВК для получения городов например. Запрос вида:

music/allganre?page=0

отдаёт 100 пар вида "название жарнра -> id" так сделав 5 запросов с page=0/1/2/3/4 я в своём приложении смогу иметь всю базу возможных жанров. Можно сделать метод что бы получить жанр конкретной песни:

music/getganre?track=1456

И т.п.

music/getalbums/1456 - получить все альбомы исполнителя
music/detailalbum/1456 - получить все данные об альбоме (год выпуска и т.п.)
music/tracksalbum/1456 - получить список треков конкретного альбома

В общем идите не от частного к общему а наоборот, представьте с чего начать работу человеку который ничего не знает. Максимальную атомарность запросов введите что бы они были между собой никак не связаны. И человек сначала получит жарны, по жанру список исполнителей, по нему список альбомов, по нему список песен, по нему данные о нужной песне. И это всё отдельные запросы.