Dvorak

<p class='name'>text</p>
<p class='name'>text</p>
<p class='name'>text</p>
<p class='name'>text</p>

<p id='more'>Показать ещё</p>

function showMore (a, element, more) {
  var q=1, length=element.length;
  for (var i=a; i<element.length;i++) {
     element.eq(i).css('display', 'none');
   }

	more.on('click', function() {
		for (var i=a*q; i<a*q+a; i++) {
			element.eq(i).css('display', 'block');
		}
		q++;
		if (element.eq(length-1).css('display')=='block') {
			more.css('display', 'none');
		}
	})
	}
var elements = $('.name'), button = $('#more');
showMore(2, elements, button); //будут показываться по 2 элемента за раз

Говнокод столетней давности, но работать должен

Нужно знать и то, и то.

но на рынке труда frontend'ов как будто бы знание JS нужно лишь для галочки, и действительно важно лишь какими фреймворками ты владеешь.

Спорно. Некоторые крупные компании вообще не использую фреймворки

jQuery всё же нужно выучить (хотя сам я против этой библиотеки). Впрочем, если вы хорошо знаете нативный JS, то на это вам понадобится неделя.

Фреймворк тоже нужен обязательно. Angular, vue, ember - тут уж на ваше усмотрение. Посмотрите ещё и в сторону библиотеки React.

Что касается fullstack, то тут всё посложнее. На фрилансе полно шаблонных заказов по написанию блогов и интернет-магазинов. Это очень прибыльно, но работа однотиповая, как я уже сказал. В этом случае учите PHP. Сделайте акцент на WordPress.

Если вам не нравится node.js (хз, в чём проблема), то тогда учите Python (Django) и Ruby on Rails.

P.S. я не унижаю PHP, а просто говорю, что большинство заказов для этого языка - это шаблонные сайты

https://tproger.ru/translations/where-to-find-ideas/ - возможно, вам поможет эта статья

https://learn.javascript.ru/ajax-xmlhttprequest

вот так

Если вам нужно, чтобы блок всегда оставался в определённом месте экрана, то задайте ему через css position: fixed

function add(a,b) {
return a+b;
}

function _add(a) {
return function(b) {
 return a+b;
}
}

То есть Вам нужно, чтобы при изменении второго блока и ширина первого менялась автоматически? Если да, то могу скинуть готовый код

Это можно сделать с помощью CSS3.

htmlbook.ru/css/transform

https://learn.javascript.ru/ajax-xmlhttprequest
https://nodejs.org/api/fs.html

Можно попробовать сделать самому адаптивную сетку

Смотрю с Яндекс.Браузера. Анимации нет

Фон - одна картинка, человек - другая. Определяем размер человека и размер шлема. На соответствующей ширине проводим линию, при этом у неё z-index меньше, чем z-index картинки человека

Можно ещё через canvas попробовать, но там сложнее

var example = document.getElementById("example"),
			    ctx     = example.getContext('2d');
            example.width  = 640;
            example.height = 480;
            ctx.strokeRect(15, 15, 266, 266);
            ctx.strokeRect(18, 18, 260, 260);
            ctx.fillRect(20, 20, 256, 256);
            for (i = 0; i < 8; i += 2)
                for (j = 0; j < 8; j += 2) {
                    ctx.clearRect(20 + i * 32, 20 + j * 32, 32, 32);
                    ctx.clearRect(20 + (i + 1) * 32, 20 + (j + 1) * 32, 32, 32);
                }

<canvas id='example'>Обновите браузер</canvas>

function changeValue(){
        var tempId = this.id;
        var tempValue = document.getElementById(tempId).value;
        if ( tempValue == "more ▼"){
            document.getElementById(tempId).value = "less ▲";
        }
        else {
            document.getElementById(tempId).value = "more ▼";
        }
}

<input class="moreless" id="p-ibm" type="button" value="more &#9660" onclick="changeValue()">