Павел Корнилов

<style>
	.in {
		position: relative;
		top: 1em;
	}
	.minimal {
		position: relative;
		top: 2em;
	}
</style>

<h2 class="heading">Work <span class="in">in</span> <span class="minimal">minimalism</span></h2>

1. Выбираете подходящий вам плеер - videosws.praegnanz.de
2. Изучаете его {API
3. Подключаете видео

Вот, как пример использования как раз подключения видео с Ютуба - тыц

var max = Math.max.apply(null,[100, 75, 50, 25]);

function GET_RealIP() {
	if (!empty($_SERVER['HTTP_CLIENT_IP'])) $ip=$_SERVER['HTTP_CLIENT_IP'];
	elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
		$ip=$_SERVER['HTTP_X_FORWARDED_FOR'];
	} else $ip=$_SERVER['REMOTE_ADDR'];
	return $ip;
}

Обрабатывать ответы в коллбэках, тогда скорость нажатий будет не важна.
Либо использовать синхронные запросы, что не айс.

Нужно сделать первичную разбивку задачи:
front, back, дизайн
Далее - самому изучить стримминг и написать какой-то простой пример, по типу - jsfiddle.net/HRJP8
После всего этого уже можно разрабатывать Тз проекта.
Далее нужно под каждый раздел набрать спецов. Лучше - сначала по одному, если этого будет достаточно для задачи.
Как-то так...

$arr = (array) json_decode ( file_get_contents('http://188.225.25.159:6734/api/diets'));

function checkPalindrome(inputString) {
	var p = inputString.split(''),
		ch = p.slice().reverse();
	return p.toString() == ch.toString();
	}

	console.log (
	checkPalindrome('abcvvcba'),
	checkPalindrome('abcvcba'),
	checkPalindrome('bcbaaaa'),
	checkPalindrome('aaa')
	);

<div class="wrapper1">
	<div class="wrapper1-item active">1</div>
	<div class="wrapper1-item">2</div>
	<div class="wrapper1-item">3</div>
	<div class="wrapper1-item">4</div>
	<div class="wrapper1-item">5</div>
</div>

<div class="wrapper2">
	<div class="wrapper1-item active">1</div>
	<div class="wrapper1-item">2</div>
	<div class="wrapper1-item">3</div>
	<div class="wrapper1-item">4</div>
	<div class="wrapper1-item">5</div>
</div>

<script>
	'use strict';
var w1 = document.querySelector('.wrapper1'),
	w2 = document.querySelector('.wrapper2');
[].forEach.call(w1.children, function(i,ind) {
	i.ind = ind;
});
[].forEach.call(w2.children, function(i,ind) {
	i.ind = ind;
});
w1.addEventListener('click', function (e) {
	var t = e.target;
	if(t.ind === undefined) return;
	[].forEach.call(w2.children, function(i) {
		i.classList.remove('active');
	});
	w2.children[t.ind].classList.add('active');
});
</script>

Преимущества Vue :

1. Виртуальный DOM
2. Можно делать крутые анимации практически любой сложности

Если вам этого не нужно, то и от Vue профита не будет никакого.

Если вопрос о том, чтобы передать выбранное значение серверу, то как-то так:

<select id="sel" onchange="selectCity()">
<optgroup label="Выберите страну">
<option value="bel">Белоруссия</option>
<option value="rus">Россия</option>
<option value="ukr">Украина</option>
</select>

<script>
	function selectCity(){
  var id_region = $('select[name="region"]').val();
  $.ajax({
    url: "index.php?r=sgpc",
    data: { action: 'showCityForInsert', id_region: sel.value },
    cache: false,
    success: function(responce){ $('div[name="selectDataCity"]').html(responce); }
  });
};
</script>

На JS:

var find = 'Some words… / Какие-то слова…'.split('/');
console.log(find[0].trim());
console.log(find[1].trim());