dollar

Если тег параграфа невложенный:

$line = "text <p>text \n\n   \n text   \n text </p> text  \n\n \n text";

$line = preg_replace_callback(
    '~<p>[^<]+</p>~',
    function($m){
        return str_replace("\n", '<br>', $m[0]);
    },
    $line
);

echo $line;

нет.

Да, есть. Иначе как бы работали CPU-Z и аналоги.

1)

var img = document.getElementById('rotateImg');
var img = document.getElementById('rotateImg2');

Этот код не имеет смысла, второй строчкой вы перезаписываете первую. Измените второе присвоение на img2 =, и соответственно поправьте код функции rotate

(И научитесь const вместо var, чтобы в подобных случаях получать ошибку от js компилятора)

2) Создайте keyframes rotate2 с обратным вращением от 360deg до 0deg И укажите его в animation для rotateImg2

Странный вопрос. Развиваться так же, как с любым другим языком - программировать на нём. Желательно программировать реальный коммерческий проект в команде профессионалов. Область у него вполне конкретная - системное программирование. Перспективы отличные, это же основной язык области, лежащей в основе всего, на котором написаны миллиарды строк кода.

Ассемблер

function d() {
    var arrN = [];
    for (var i = 0; i < 7; i++) {
        arrN[i] = (Math.round(Math.random() * (300 - 100) + 100));
    }
    return arrN;
}
console.log(d());

Нужно после цикла возвращать,
и если вы результат работы функции никуда не присвоите - ваш вариант не сработает, перенес вызов функции в console.log

Или, например, нужны все элементы с шириной width: 200px.

Если вам в академических целях, то как-то так:

Array.prototype.filter.call(document.querySelectorAll('*'), function(element){
  const style = window.getComputedStyle(element).width
  return style && style === '200px'
})

Если в проект хотите это поставить, то я бы предложил Вам ,как минимум, не брать за это никаких денег.
А лучше ещё и заплатить заказчику и извиниться.