Если вам непонятно значение терминов декоратор, dto, модуль, сервис и тд, то советую для начала ознакомиться с паттернами проектирования, например, здесь: https://refactoring.guru/ru/design-patterns/
Можно найти отдельную книгу по паттернам и прочесть её, можно взять курс, посмотреть видео на YouTube - как душе угодно.

После этого я бы начал постепенно изучать документацию интересующего вас фреймворка и параллельно гуглить зачем нужна та или иная сущность, если непонятно. Чтобы изучение фреймворка не было беспорядочным и хаотичным, можно опять же взять любой курс, который проведет вас за ручку по основам, а дальше уже дело вашего любопытства.

Если говорить про сниппет кода из вашего примера, то для понимания что здесь происходит можно почитать про JWT (Json Web Token) и библиотеку Passport.js и в целом какие бывают способы авторизации/аутентификации и как они работают

В примере по ссылке фильтрация списка вообще не связана с c бэкэндом сайта и работает локально. Проверить это можно через вкладу Network в Dev Tools браузера (при выборе опции запрос на сервер не отправляется и страница не перезагружается).

Если вы хотите реализовать фильтрацию на сервере (Django), то в вашем случае необходимо слушать, например, change событие у элемента select, а затем, в зависимости от выбранной опции (свойство value у select), отправлять AJAX(XHR/fetch) запрос на один из ваших эндпоинтов на Django и обрабатывать там. Затем уже возвращать отфильтрованный новый список и отображать его на странице.