Артем Чернявский

Как вариант, рендерить нужную каптчу только после открытия попапа

Склеиваем все .json в data.json и закидываем в PATHS.BUILD.html

gulp.task('twig:data', function () {
return gulp.src('./app-source/app-data/**/*.json')
    .pipe(merge({
      fileName: 'data.json',
      edit: (json, file) => {
        var filename = path.basename(file.path),
            primaryKey = filename.replace(path.extname(filename), '');

        var data = {};
        data[primaryKey.toUpperCase()] = json;

        return data;
      }
    }))
    .pipe(gulp.dest(PATHS.BUILD.html));
});

И там где пытаетесь решить задачу:

.pipe(data(function(file) {
      return JSON.parse(fs.readFileSync(`${PATHS.BUILD.html}/data.json`))
    }))

Таск twig:data нужно выполнить перед компиляцией шаблона

Если речь о JS, то слетают обработчики насколько я помню, после открытия fancybox нужно их заново вешать и заново инициализировать плагины, которые используются в попапе

Вот, держи )
dimox.name/jquery-form-styler

Начать смотреть уроки уже непосредственно по верстке и повторять за куратором :) стараясь вдумываться в то, что пишешь.
После начать пробовать самому скачав какой-нибудь psd.
И долгими и нудными вечерами долбить яшу с гуглом очень много читая и смотря всяких уроков.
Со временем придет понимание всего этого :)