LaraLover

<a href="../html-link.htm" target="popup" onclick="window.open('../html-link.htm','name','width=600,height=400')">Open page in new window</a>

Ознакомится точно стоит. Gulp или Webpack. Для начала найдите уже готовую стандартную конфигурацию. Разберитесь с ней и используйте ее для верстки. Вам этого хватит с головой на очень долго:)

А просто на флексах и sticky-top? пример на бутстрапе 4

<div class="container">
  <div class="row">
    <div class="col-2">
      <p class="sticky-top">A</p>
    </div>
    <div class="col-10">
      <p>AA</p>
      ...
      <p>AZ</p>
    </div>
  </div>
  <div class="row">
    <div class="col-2 sticky-top">
      <p class="sticky-top">B</p>
    </div>
    <div class="col-10">
      <p>BA</p>
      ...
      <p>BZ</p>
    </div>
  </div>
  <div class="row">
    <div class="col-2 sticky-top">
      <p class="sticky-top">c</p>
    </div>
    <div class="col-10">
      <p>CA</p>
      ...
      <p>CZ</p>
    </div>
  </div>
</div>

var elem = $(".prob_list").clone() 
$( "body" ).empty();
$("body").append(elem);

Возможно есть более красивые решения, но как вариант.. )

Если знаешь где это быстро найти и посмотреть (либо просто умеешь хорошо гуглить), то не надо. Основное запомнишь сразу, т.к. будешь часто использовать, то что будешь реже использовать со временем просто будешь знать где лежит и откуда взять :) Это же качается и всего остального, того же JS, PHP и всех их библиотек и фреймворков, самое главное это помнить что есть такая функция и уметь ее быстро найти :)