Игорь Морев

У меня получалось интегрировать https://github.com/AnteaterKit/angular2-yandex-maps с angular 4 проектом, использовал этот стартер https://github.com/preboot/angular-webpack

Настраиваю сам, create react app не позволяет насколько я знаю настроить компиляцию scss, а это критично. Да и вообще разработчик должен уметь настраивать свою среду. Мало ли какие задачи ещё встретятся в процессе разработки.

На d3.js можно сделать практически что угодно, она достаточно низкоуровневая

Попробуй вот такой, использую его на продакшене. es6 + browser-sync + browserify.

Вы можете получить правую границу контейнера через javascript, и позиционировать нужную часть чёрного блока таким образом: right: правая граница контейнера. Это будет максимально кроссбраузерно. Вообще часто бывают ситуации когда в нестандартной вёрстке приходится использовать javascript.

Плагин на 288 строк, правда на jquery, но вдруг поможет https://github.com/garand/sticky/blob/master/jquer...

https://thinkster.io/angularjs-es6-tutorial Советую всё-таки подучить английский.

dhtmlx.com/docs/products/dhtmlxCalendar только native js без зависимостей типо bootstap и jquery.

У нас в компании фронтенд и бекенд отдельно. Я как фрондендер отвечаю за весь ui и работаю через ajax с бекенд api. Это насколько я знаю распостраненная практика в контексте веб-приложений.

Смотрите в сторону событий, ajax запросов. Перед началом запроса создаёте переменную в scope текущего контроллера со значением false, а при завершении true. А уже во view показываете/скрываете блок в зависимости от значения переменной.

html5.by/blog/scroll-effects посмотрите на этот плагин (8. Staging (Сцена).

Это можно сделать с помощью тега video в HTML5, там есть специальные атрибуты для автоматического включения видео и т.д. Остальное решается с помощью позиционирования (position absolute, relative) блоков. Пробуйте, экспериментируйте.

Посмотрите на swiper слайдер, там в демках есть пример того, что вы ищете.

htmlbook.ru Неплохой справочник для начинающего верстальщика.

Можно сделать через HTML5 video. Наложить сверху блок и делать callback с кодом для скрытия блока по завершению проигрывания видео. К тому же так проще сделать аддаптивность под мобильные.

Также можно через iframe подгружать видео с youtube/vimeo и также делать callback, но будет больше проблем с аддаптивностью, iframe хуже поддаётся. Тут есть решение https://css-tricks.com/NetMag/FluidWidthVideo/Arti...

Первый вариант как по мне более практичен.

p.s. Мне кажется такие вещи лучше делать без подключения скриптов.)

var locationShips = [3, 4, 5];
var guess; 
var hits = 0;
var isSunk = false;

while (!isSunk) {
    guess = +prompt("Готовься,я стреляю! (введите число от 0-6):"); 

    if (guess < 0 || guess > 6) { 
      alert("Пожалуйста, введите правильны номер");
      continue;
    }      

    for(var i = 0; i < locationShips.length; i++) {
        if (guess == locationShips[i]) {
   	        locationShips[i] = 'ранен!';
           alert(locationShips[i]);

   	        if (++hits == 3) { 
             isSunk = true;
             alert("Ты уничтожил мои корабли :(");
           }
       }
    }
}