Денис Инешин

Если вам лично нравится, то используйте для своих проектов. Для работы стоит учить, только если вы вливаетесь или организовываете команду где уже во всю пишут или планируют на нем писать. В остальном я тоже склоняюсь в сторону ES2015. Если уж что-то учить в первую очередь, то будущее языка JavaScript, а уж потом всё прочее.

Примерно так:

var counter = 0,
    divs = document.getElementsByTagName("div"),
    linksNumber = divs.length,
    delay = 10000;

function openLink () {
    var url = divs[counter].innerHTML;
    window.open(url);

    if (counter < length) {
        counter++;
        setTimeout(openLink, delay);
    }
}

setTimeout(openLink, delay);

Вам все равно придется рендерить страницы на сервере, без этого СЕО никуда.
Но вот вопрос, придется ли вам делать двойную работу? Нет, если вы выберете реакт. Реакт является изоморфной библиотекой, которая спокойно запускается на сервере и выполняет почти тот же самый код, что и на клиенте. Так что одним выстрелом - двух зайцев.

Так же имейте в виду, что реакт, это все же библиотека, а не фреймворк. Чтобы построить на нем полноценное приложение, потребуется кое-что еще. Гуглите react+flux.

Я бы вот так написал, всё работает: jsfiddle.net/oay5jcna

var data = JSON.parse('[{"ui_bid":"1451245124","ui_id":"124161616"},{"ui_bid":"124124124","ui_id":"123124"},{"ui_bid":"0","ui_id":"12123124"},{"ui_bid":"0","ui_id":"1231242352"}]');

data.forEach(function (item, value) {
    var bid = +item.ui_bid;
    
    if (bid) {
        console.log(value); // Вот тут ваш запрос
    }
});

Помимо этого, я бы еще абстрагировал XHR в отдельный класс, чтобы можно было создавать нормальные экземпляры.

Перед тем местом где у вас подключен этот скрипт, подключите jQuery. Например так:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

while тут не нужен. Нужно сделать так: jsfiddle.net/7m6waxLm

var hlt1 = 10,
    hlt2 = 10;

function change() {
    hlt1 -= 1;
    hlt2 -= 1;
    
    var inProgress = hlt1 > 0 && hlt2 > 0;
    
    console.log(hlt1, hlt2, inProgress);
    
    if (inProgress) {
        setTimeout(change, 1000);
    }
}

setTimeout(change, 1000);

Это можно сделать примерно так: jsfiddle.net/9o8ky9kw/1

<div class="fixed hidden">
   Фиксированный блок
</div>

.fixed {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 100px;
    height: 50px;
    background: #000;
}

.fixed.hidden {
    display: none;
}

var $win = $(window),
    $fixed = $(".fixed"),
    limit = 300;

function tgl (state) {
    $fixed.toggleClass("hidden", state);
}

$win.on("scroll", function () {
    var top = $win.scrollTop();
    
    if (top < limit) {
        tgl(true);
    } else {
        tgl(false);
    }
});

Конечно можно. Возьмите шаблонизатор:
handlebarsjs.com
akdubya.github.io/dustjs

Смысла нет вообще. Реальный вес страницы дают только картинки, все остальное обычно общее.

Возьмите плагин imakewebthings.com/waypoints - он позволяет запускать код, при достижении определенных участков на странице при прокрутке.

querySelectorAll