Lumore

vue-click-outside
vue-on-click-outside
v-click-outside
vue-clickaway

Поправил - проблема в позиционировании элемента. JS не работал из-за открытого тега if.

#calcWidth {
  --width: 100px; /* создать переменную с шириной */
}

#calcHeight {
  height: calc(var(--width) * 2); /* применить переменную */
}

frontendfront.com

замени parseInt на parseFloat

Доступно и понятно

Почему бы не использовать array_map? Как-нибудь так:

array_map(function($n) {
  return [ "url" => "/site/$n[0]", "label" => $n[1] ];
}, [
  [1, 'Главная'],
  [2, 'Портфолио'],
  [3, 'О нас']
]);

Думаю что Вы спрашиваете о gulp-rigger

к примеру у вас повторяющиеся header и footer
пишем в своем index.html (и на всех аналогичных страницах):
//= template/header.html
//= template/footer.html
при этом в папке template создаем header.html и footer.html
и на скомпилированной странице вы получите полноценную страницу с кодом, Вам не нужно будет повторять его снова и снова на каждой странице

UPD: полный пример использования плагина
создаем в проекте папку template, в ней файлы которые будем инклудить, к примеру header.html и footer.html, устанавливаем плагин:

var rigger = require('gulp-rigger');
создаем таск:
gulp.task('html', function() {
    gulp.src(src.html)
        .pipe(rigger())
        .pipe(gulpIf(env !== 'dev', minifyHTML()))
        .pipe(gulp.dest(outputDir))
        .pipe(connect.reload())
});

пишем в index.html
//= template/header.html
//= template/footer.html
и все работает

Ну, как-то так - пример

Не нашел в коде, где после переключения на следующий/предыдущий блок с картинкой записывается айдишник активной картинки.

if(e.which == 39) {
            if($('[data-popup-image-id="'+activeItemId+'"]').next().length !== 0) {
                $('[data-popup-image-id="'+activeItemId+'"]').next().addClass('active');
                $('[data-popup-image-id="'+activeItemId+'"]').removeClass('active');
                $('.popup_gallery__images-item').data('popupImageId', activeItemId + 1);
            } 
        }
        if(e.which == 37) {
            if($('[data-popup-image-id="'+activeItemId+'"]').prev().length !== 0) {
                $('[data-popup-image-id="'+activeItemId+'"]').prev().addClass('active');
                $('[data-popup-image-id="'+activeItemId+'"]').removeClass('active');
                $('.popup_gallery__images-item').data('popupImageId', activeItemId - 1);
            }
        }

Проще простого :)

Я считаю, что лучше будет следующий вариант, так как не заменяет, а дополняет метод renderItem() родителя и рендерит аттрибуты с помощью Html::renderTagAttributes(), так как это делает виджет Nav:

<?php

namespace app\components\widgets;

use yii\helpers\ArrayHelper;
use yii\helpers\Html;

class Menu extends \yii\widgets\Menu
{
    public $linkTemplate = '<a href="{url}"{attr}>{label}</a>';

    protected function renderItem($item)
    {
        $template = parent::renderItem($item);

        if (isset($item['url'])) {
            $template = strtr($template, [
                '{attr}' => Html::renderTagAttributes(ArrayHelper::getValue($item, 'linkOptions', [])),
            ]);
        }

        return $template;
    }
}

Выбирай любой ВУЗ где есть технические специальности программиста, конечно лучше что-то из крутых, больше можно будет научится у хороших профессоров, но даже не самые топовые уже хорошо. ВУЗ даст тебе опыт, понимание многих базовых фундаментальных штук, четкую программу что нужно учить на первых этапах. Помни, что самое важное в ВУЗе это не то как тебя учат, а то как ты учишься. Заканчивать конечно же не обязательно, хотя все же чем дольше ты продержишься тем лучше. Постоянно делай сайты и для группы и для кафедры и для различных ваших мероприятий. Параллельно нужно сделать over9000 заказов из города типа сайта для магазина что продает конфеты, все можно сделать даже за не очень большие деньги. но так ты набьешь руку еще и в практической части, поймешь какие проблемы реальных обычных людей что далеки от технических специальностей, научишься общаться и понимать задания которые не понимает тот кто их ставит и тд и тп.
PS а, и обязательно найди деньги для этого: https://ru.hexlet.io/ , они сегодня одни из лучших в плане обсучения начинающих и не очень программистов. Подход совершенно иной чем у других "научу php за месяц", курсы и задания продуманны с целью прокачки прежде всего фундаментальных и практических штук, а уже следствие этого будет изучения php(ну или другого языка).
Вот как то так.