Артем Спиридонов

В данном случае "с нуля" - не такой уж большой объем работы, как может показаться. Один-два дня работы практикующему специалисту, неделя-две новичку.

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

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

Делайте без фреймворка.

Совет: используйте ООП и разрабатывайте маленькими тестами. Так вы очень быстро достигнете искомого результата.

$(document).on('click', '.parent_div', function() {
    var items = $(this).find('.user_link');
    if (items.length)
    {
          items.each(function() {
              var term = parseInt($(this).attr('data-user_id'));
              console.log(term);
          });
    }
});

var percentage = document.getElementByClassName("left-to-right");
var getCurrent = (percentage.length) ? percentage[0].innerText.replace(/%/g,'') : undefined;

if (getCurrent == undefined) .....

Это НЕ правильный путь, но есть хак, позволяющий изменять свойства классов и псевдоклассов в реальном времени с помощью JS:

document.write('<style type="text/css> а тут ваш CSS </style>');

Теоретически, можете менять свойства классов и псевдоклассов сколько угодно. На практике - работает, но гарантию дать нельзя. На то он и хак.

Лучше пересмотрите архитектуру. Вы можете менять классы, и в CSS прописать разницу свойств псевдоклассов - подклассов. Короче, как обычно на jQuery и делают, toggleClass();

Apache вообще нужен? Можно его полностью снести sudo apt purge apache2

В /etc/nginx/sites-available/latina должно быть listen 80;

server_name latina.site; замените на server_name latina.site www.latina.site; - иногда браузеры бывают довольно упрямыми.