id56346gera

Часто применяется для:

1. Локальные приложения и утилиты командной строки

• Сборщики и трансляторы
  
• Пакетная обработка и сценарии отложенной обработки
  
• Скрипты, CLI (интерфейсы командной строки)
  
• Генерация документации, отложенное формирование отчетов
  
• Сценарии тестирования для других систем
  

2. Серверы

• Серверы веб-приложений и SPA
  
• Серверы и API для мобильных приложений
  
• Любые другие веб-API (RPC, JSON, REST)
  
• Серверы сообщений и трансляция событий (чаты, игры, интерактив)
  
• Заплаты на уже готовые системы, написанные на других языках, для реализации вебсокетов, SSE, лонг-пулинга и т.д., т.е. для затыкания дыр, для решения проблем в узких местах уже работающих систем.
  

3. Клиенты

• Оконные приложения (nw.js, node-webkit)
  
• Кравлеры, парсеры и сбор данных
  

4. Железо

• Программирование микроконтроллеров (arduino, espruino, tessel)
  
• Промышленная автоматизация
  

Редко применяется (но подходит) для:

• CMS, публикация контента (просто ниша уже занята и в этой задаче нода не дает чего-то принципиально нового или сверх соблазнительного).
  
• Массовая электронная коммерция и торговля (не применяется для массовых движков магазинов, но используется отдельными крупными компаниями для торговых и платежных задач в качестве дополнительного средства к уже имеющемуся ПО, по сути закрывает узкие места).
  

И плохо подходит:

• Вычисления и моделирование, со скоростью математических операций нода и JS, как не типизированный язык, не дают хороших показателей
  
• Научные приложения (по тем же причинам)
  

$('.nav-item-1').on('click', function() {
	$('html,body').animate({scrollTop:$('.reviews').offset().top+"px"},{duration:1E3});
});

https://api.jquery.com/id-selector/
api.jquery.com/hide

<script type="text/javascript">
      window.onload = function() { window.print(); }
</script>

Клик привязывается к существующим элементам, а эти добавляются позже, поэтому к ним не привязывается обработчик. Нужно писать так

$("#table-content").on("click", ".data-vacation_redaction-id", function () {
    e.preventDefault();

    alert("Проверка");
});

т.е. тут мы привязываем клик на #table-content, но обрабатываем его только в том случае, если его event.target равен нужному нам блоку (т.е. если кликнули по .data-vacation_redaction-id).

$('li').click(function(){
    $('li.color').removeClass('color');
    $(this).addClass('color');
});

$('li').on('click', function() {
  $(this).addClass('active')
    .siblings().removeClass('active');
})

https://jsfiddle.net/zm2c5vsj/

SELECT 
  * 
FROM 
  furlough 
WHERE 
  date BETWEEN NOW() AND DATE_ADD(NOW(), INTERVAL 14 DAY);

1-2 Оборачиваете блок 1 и 2 в <div class="wrapper"></div>. Даете ему display: flex;
Блоку 1 добав. overflow-y: auto; ну и фиксированную высоту (там уже на свое усмотрение) и width: 30%, а блоку 2 width: 70%;


UPD: Вот на скорую руку накидал пример
https://codepen.io/Slasher_/pen/KoKzQO

UPD2: Не увидел в тегах Bootstrap. Вам его нужно?