Андрей

Это можно сделать с помощью
https://github.com/beautify-web/js-beautify
И гугления по ключевым словам, например "js-beautify recursive"

Начинающему верстальщику это ненужно.

Вообще это все называется Progressive Web App
Можно тут почитать
https://developers.google.com/web/fundamentals/cod...

<section class="section">
	<div class="wrapper section__inner">
		<h2 class="section__title">Портфолио</h2>
		<div class="portfolio section__content">
			<a class="portfolio__item" href="#">
				<img class="portfolio__img" src="/" alt="img">
			</a>
		</div>
	</div>
</section>

Нет, вот так примерно будет правильно

<section class="blog">
	<div class="container">
		<div class="blog__headline">
			<h2 class="blog__title">Recent blog</h2>
			<p class="blog__subtitle">Donec nulla justo, pharetra in nulla in, lacinia pulvinar nunc. Nunc rutrum nisi vel nibh cursus, nec vestibulum orci feugiat.</p>
		</div>
		<div class="blog__posts">
			<div class="post">
				<img class="post__img" src="img/blog2.png">
				<h3 class="post__title">Is there hope for the SEO profession?</h3>
				<span class="post__author">Post by Lawrence R. Smith</span>
				<p class="post__description">Donec nulla justo, pharetra in nulla in, lacinia pulvinar nunc. Nunc rutrum nisi vel nibh cursus, nec vestibulum orci feugiat. Nunc in luctus lacus. Integer eget dui nisi. Integer mauris lacus.</p>
				<a class="button post__button" href="#">Read More</a>
			</div>
		</div>
		<a class="button blog__button" href="#">+ load more</a>
	</div>
</section>

Тут все ответы
https://ru.bem.info/methodology/key-concepts/

С таким дано - никак.

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

В devtools есть специальная вкладочка performance
https://developers.google.com/web/tools/chrome-dev...

Так же стоит почитать про то как работает браузер
https://developers.google.com/web/fundamentals/per...

Пример сделан с помощью https://threejs.org

По HTML/CSS - иди на htmlacademy

Из книг начать можно с серии Head First. Там все с картинками, простым языком написано, самое оно чтобы вникнуть.
Дальше можно почитать серию книг "Вы не знаете JS" (You Don't Know JS)

Как начнешь немного разбираться, что там куда в этом вашем джаваскрипте/хтмл/цсс, можно почитать что-нибудь посложнее, например:
1. Естественно Фленаган JavaScript. Подробное руководство
2. Секреты JavaScript ниндзя
3. Стефанов Стоян - JavaScript. Шаблоны

Из общего:
1. Роберт Мартин: Чистый код
2. Роберт Мартин: Чистая архитектура
3. Грокаем алгоритмы

Для начала хватит, но обязательно нужно практиковать все что прочитано. Без практики не надо начинать читать. За сложные книги браться сразу не стоит это пустая трата времени.

Учиться.

background-repeat: no-repeat;

Можно переписать вот так

$('body').css({
	'background-image': 'url("http://cs1.imwox.com/o/56/37/5637435c4bcb65aed58744f24c8adaea.png")',
	'background-position': 'top',
	'background-size': 'cover',
	'background-repeat': 'no-repeat'
});