Max

https://docs.angularjs.org/error/$injector/modulerr

проверьте еще раз загружается ли ваш angular-route или любой другой модуль который вы используете. Возможно приложение инициализируется до того как догрузится модуль.

$posts - у вас не такого провайдера, а есть posts

git add README.md - добавили только README

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

document.querySelectorAll возвращает NodeList, а вы пытаетесь работать с ним, как с элементом. Это ж вам не jQuery! Так должно сработать:

var elements = document.querySelectorAll('.show > ul > li');
for (var i = 0; i < elements.length; ++i) {
    elements[i].style.display = (elements[i].style.display == 'none') ? 'block' : 'none';
}

Лучше оставьте в стороне пока эти идеи об объединении Ангуляра и Рельс и просто почитайте rusrails.ru, поизучайте сами рельсы. Ну и вообще, потратьте какое-то время, чтобы разобраться, как вообще взаимодействует браузер с HTTP-сервером. Судя по вопросу, вы совершенно не представляете, что делаете, и любые попытки дальше работать с этими фреймворками будут только создавать проблемы.

А если по сути вопроса, то контроллеры Ангуляра и Рельс "объединяются" через HTTP-запросы: ангулярный контроллер обращается к ангулярному сервису, который отправляет асинхронный запрос рельсовому серверу, в котором этот запрос попадает в тот или иной контроллер.
Ангуляр и Рельсы — два разных фреймворка, написанные на разных языках, работающие на разных сторонах баррикады: Ангуляр — на фронтэнде (в браузере у пользователя), Рельсы — на бэкэнде (на сервере бородатого админа). Как может взаимодействовать браузер с HTTP-сервером? Только посредством HTTP-запросов.

Вам нужно включить програмку под названием GRUB - загрузчик, погуглите на эту тему.
Вот здесь в частности все расписано askubuntu.com/questions/221835/installing-ubuntu-o...
Я долго бился с дуал-бут установкой, но в итоге все получилось.

document.getElementById('Products').innerHTML += mas[i];

var json = {
	"stops" : [{
		"zoneId":"5522bdb1e4b047df5b5b7afa",
		"coords":[[
			[49.25100320801442,28.541126489672024],
			[49.25156346163994,28.542151093515713],
			[49.25113626882619,28.542376399072964],
			[49.25074759018555,28.541657567056973],
			[49.25076509829823,28.54119622710641],
			[49.25100320801442,28.541126489672024]
		]],
		"name":"Ватутина",
		"description":""
	}]
};

var polygonCoords = [];
var coords = json.stops[0].coords[0],
	length = coords.length,
	point,
	POSITION_X = 0,
	POSITION_Y = 1;

for(var i = 0; i < length; i++){
	point = coords[i];

	console.log(point[POSITION_X],point[POSITION_Y]);
	// new google.maps.LatLng(point[POSITION_X],point[POSITION_Y]);
}

function initialize_map( ) {
     var latlng = new google.maps.LatLng(info.stops[0].coords[0][0]);
     var myOptions = {
     zoom: 18,
     center: latlng,
     mapTypeId: google.maps.MapTypeId.ROADMAP
     };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    var polygonCoords = [];
     //  ниже, я сохранил ссылку на json в свойство json,
     //  но как видно из Вашего кода, он у Вас называется info
     //  по этому я закоментирую свою строчку и оставлю Вашу.
    // var coords = info.stops[0].coords[0],
    var coords = info.stops[0].coords[0],

      length = coords.length,
      point,
      POSITION_X = 0,
      POSITION_Y = 1;

    for(var i = 0; i < length; i++){
      point = coords[i];

      polygonCoords.push(new google.maps.LatLng(point[POSITION_X],point[POSITION_Y]));
    }
    
     var polygon = new google.maps.Polygon({
      path: polygonCoords,
      strokeColor: "#5196DB",
      strokeOpacity: 1,
      strokeWeight: 2,
      fillColor: "#8ab9e7",
      fillOpacity: 0.5
     });
     polygon.setMap(map);   
     return map;
   }

var raw = info.stops[0].coords[0][0],
    coords = [];

for (var i = 0, line; i < raw.length; i++) {
    line = raw[i];
    coords.push(new google.maps.LatLng(line[0], line[1]));
}

// в итоге в вашей функции
var polygonCoords = cords;

Как то так

Самый простой путь: подключаете модуль для окон, либо bootstrap сразу. Прописываете необходимые пути в asssets для js и css. После чего просто вызываете и создаёте их. Это второй глупый вопрос от вас. Рекомендую для начала внимательно прочитать гайды по рельсам, чтобы не путать тёплое с мягким. Рельсы это фрэймворк для бэк-энда, ему глубоко и сильно фиолетово, что и как у вас на фронтэнде, пока вы используете допустимый для него стек технологий. По умолчанию на фронт у него доступны HTML, CSS, SCSS, JS, CoffeeScript.

UPD: у вас есть layout-ы: application и иные, которые вы сделаете сами. Для них есть имя_лэйаута.css и имя_лэйаута.js. В них вы должны подключать плагины. Плагины должны быть в соответственных assets(stylesheets or javascripts or images). Для некоторых вещей есть сразу собранные гемы, которы подключать ещё проще. Для bootstrap точно есть.
Плагины лучше всего размещать в отдельных папках и для них дописывать строку:

*= require_tree ./путь_к_директории_плагина в css
//= require_tree ./путь_к_директории_плагина в js

.