Дмитрий Беляев

https://developer.mozilla.org/ru/docs/Web/API/CSSS...

если сокет вернет статус отличный от 101 - соединение не установится
Порты по умолчанию те же что для http - 80 для ws и 443 для wss
если у Вас сокет поднят на порту 3020 и перед ним нет реверси-прокси, то подключайтесь так:
ws://site.com:3020/cable

0. Гуглим "как правильно задавать вопросы на stackoverflow/тостере"
1. Гуглим про замыкания в js
2. Гуглим "почему глобальная область видимости - это плохо"
3. Гуглим "как не засорять глобальную область видимости в js используя замыкания"
4. Гуглим "почему навешивание событий через атрибуты тегов это плохо"
5. Изучаем досконально learn.javascript.ru и пробуем применять изученное на практике
6. (опционально) изучаем jQuery и lodash
7. Разбираемся с асинхронностю в js и изучаем промисы

Какой то пункт вызвал проблему? Проверьте свои знания в предыдущем пункте. Не помогло? Освежаем в памяти пункт 0 и задаем вопрос на тостере
Нет на все это времени или терпения? Бросьте это дело, просто наймите человека который напишет Ваши скрипты за Вас.

обычными методами никак, но:

console.log(1);
setTimeout(function() {
  console.log(2);
  console.log(3);
}, 1000);

function delay(timeout) {
  return new Promise(function(resolve) {
    setTimeout(resolve, timeout || 0);
  });
}

console.log(1);
delay(1000).then(function() {
  console.log(2);
}).then(function() {
  console.log(3);
});

babel with preset-stage-3:

function delay(timeout) {
  return new Promise(function(resolve) {
    setTimeout(resolve, timeout || 0);
  });
}

async function log123() {
  console.log(1);
  await delay(1000);
  console.log(2);
  console.log(3);
}

async function log1to10() {
  for(var i = 1; i <= 10; i++) {
    console.log(i);
    await delay(i * 1000);
  }
}

log123().then(function() {
  return log1to10();
});

ajax - асинхронный!
все что должно дожидаться ответа - должно работать внутри его callback

function add() {
  var value = 0;
  function subAdd() {
    for(var i = arguments.length; i--;) {
      var v = parseFloat(arguments[i]);
      if(!isNaN(v) && isFinite(v)) {
        value += v;
      }
    }
    return subAdd;
  }
  subAdd.toString = function() {
    return value;
  }
  return subAdd.apply(null, arguments);
}

console.log(+add(2, 5)); //7
console.log(+add(2)(5)); //7
console.log(+add(1, 2, 3)); //6
console.log(+add(1)(2)(3)); //6
console.log(+add(1, 2)(3)); //6
console.log(+add(1)(2, 3)); //6
console.log(+add(1, 2)(3, 4)(5, 6)(7, 8)(9)); //45

PlayerMoneySortArray = PlayerMoneyArray.slice();

function Checkbox(elementId, target, expression) {
  if(arguments.length < 3) {
    throw new Error('Не переданы обязательные аргументы!');
  }
  // Ваш код
}

1) преобразуете массив в объект с помощью _.indexBy из lodash/underscore при этом так как внутри массива объекты, то полученый объект будет содержать ссылки на те же объекты
2) пробегаем исходный массив и отмечаем в childs у родителя

UPD: писал с телефона в дороге, дополню кодом
Простой вариант, как описано мною выше:

var catsIndex = _.indexBy(cats, 'id');
cats.forEach(function(el) {
  if(!catsIndex[el.parent_id]) return;
  if(!catsIndex[el.parent_id].childs) catsIndex[el.parent_id].childs = [];
  catsIndex[el.parent_id].childs.push(el.id);
});
console.log(cats);

Оптимизированный вариант, в один проход:

var catsChilds = {};
for(var i = cats.length; i--;) {
  if(catsChilds[cats[i].id]) {
    cats[i].childs = catsChilds[cats[i].id];
  } else {
    cats[i].childs = catsChilds[cats[i].id] = [];
  }
  if(!catsChilds[cats[i].parent_id]) {
    catsChilds[cats[i].parent_id] = [];
  }
  catsChilds[cats[i].parent_id].push(cats[i].id);
}
console.log(cats);

P.S. если нужно именно новый массив, не затрагивая исходный, то перед выполнением кода нужно сделать deapClone и работать уже с клоном, реализацию deapClone можете легко нагуглить

babel (stage-3) + async/await = можно писать асинхронные вещи в синхронном стиле

У элемента video есть событие canplay, которое происходит в момент, когда загружены метаданные + небольшой фрагмент ролика, который уже можно проигрывать
Но если задача отобразить прелоадер, то по-хорошему нужно учесть момент медленного инета, и тут уже буферинг

Добавлю так же, что сам не пробовал, но подсмотрел у ютуба и есть желание как нибудь реализовать: видеопоток грузится по вебсокету и пишется в blob, а в плеер отдается url этого blob, в итоге получаем полный контроль над загрузкой

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

https://developer.mozilla.org/ru/docs/Web/JavaScri...

и попросите у гугла, что бы Вас разбанили в поисковике

Могут, обычный ajax (с той лишь разницей, что CORS не требуется) а так же websocket

Для большинства случаев мне хватает модуля faker
хотя если обернуть его в вебморду, которая еще и будет помнить (на сервере) мои шаблоны объектов - я бы пользовался возможно
еще лучше если с сервисом будет плагин к хрому в виде макросов для заполнения форм

Исходники самой node.js и v8 лично я считаю эталонными как в плане js так и в плане c++
Из чисто js - можно изучить исходники lodash
По архитектуре неплохо выглядит фреймворк sails.js