Ankhena

Привет, коротко и понятно.

1) Со своей хотелкой "дайте мне готовое и рабочее" - ха-ха-ха, какой у нас наивный и нетерпеливый юноша. Тебе этого никто не скажет, и не покажет, так как сфера seо очень динамичная, и работающие фишки не раскрывают, пока они не перестанут работать. А если где-то и есть информация, то она уже устаревшая. Либо все статьи являются заманками от seo-агенств.

2) SEO больше нет. После того, как поисковики убили ссылочное позиционирование, данный предмет стал гораздо обширней, и теперь seo-специалисты фактически являются консультантами по внутренней оптимизации сайта и работе с каналами привлечения трафика, нежели специалистами, которые работают с голыми SEO-факторами.

3) Что тебе делать?

- Берешь книгу от Ашманова
- Берешь видео от seopult
- Берешь тестовый сайт
- Делаешь все то, что описано в этих книгах, видео
- Открываешь свой сайт, открываешь сайт конкурента из топа: думаешь, почему он, а не ты
- После этого начинаешь понимать текущую ситуацию в SEO

по-моему, то что вам нужно, смотрится хуже, чем то, как есть . может и не надо так делать?

В загловках страницы есть такое:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Этим мы сообщаем браузеру, что ширина области просмотра страницы равна ширине экрана, а так же запрещаем любое масштабирование страницы.
А далее с помощью CSS вы задаете как будут выглядеть те или иные элементы (или будут скрыты) страницы в зависимости от ширины экрана с помощью медиа запросов @media ...
htmlbook.ru/css/value/media

Я бы на вашем месте с JS на клиенте был осторожней. Вы не представляете, сколько народа сидит за зас**анными компами. Вечно у них, что-то не открывается или отваливается. А это покупатели!

Зачем нужны учётные записи в windows?

Для разграничения пользователей вестимо.

Ибо не защищают они данные даже от такого ламера,как я

А с чего вы взяли что они должны от чего-то защищать?

Эти два выражения идентичны:

+function(win) {
  console.log(win);
}(window);

// ======

(function(win) {
  console.log(win);
})(window);

Но второе выражение в миллион раз читабельней! Если уж хочется выпендриться, то пишите лучше так:

void function(win) {
  console.log(win);
}(window);

как то так jsbin.com/diwexul/5

block-wrapper делаешь тоже display: flex и еще прописываешь ему flex-direction: column;

можно еще маргин сделать сверху и снизу, чтобы меньше определенного уровня не сжимались блоки.
PS
max-width еще добавь им 100%;

https://developer.mozilla.org/en-US/docs/Web/CSS/t...
skew и rotate, будет вот такой элемент

CSS:
.colored { color: red; }

HTML:

<button id="button">click me</button>
<p id="target">target element</p>

JS:

var button = document.getElementById('button');
var target = document.getElementById('target');
button.addEventListener('click', function(){
    target.classList.toggle('colored'); // или target.classList.set('colored'), чтобы кнопка только включала стиль, но не выключала его
});

caniuse.com/#search=svg

Следующим этапом в изучении верстки должна стать сама верстка и типографика.
Сейчас все очень сильно помешаны на инструментах, но забывают о содержании.

1. Если я напишу сайт на html/css/js и выберу какой нибудь cms изменится ли внешний вид сайта?
Нет, внешний вид не изменится, CMS - это система управления содержимым сайта, т.е фронтенда.
Если у вас сайт визитка или лендинг пейдж то использовать CMS в принципе нет надобности.
Если у вашего сайта есть какой то функционал или необходима интеграция то да.
2. Надо ли будет что нибудь изменять в коде сайта чтобы подогнать под cms?
Все зависит от самой CMS - у каждой свои шаблонизаторы. Да,нужно будет.
3. Какой cms лучше? Или лучше написать свой?
Это уже зависит от ТЗ или потребностей.
Если проект высоконагруженный то лучшее решение это Framework, язык программирования - тот который вы лучше знаете.
Если это интернет магазин то можно например взять Yupe на YiiFramework или Bitrix,есть готовые решения в Маркетплейсе.
Писать свою CMS только в том случае если у вас постоянный поток заказов, то есть студийная разработка, но это очень долго и дорого, нет смысла если у вас не раздутый бюджет.

Шрифты, отступы, цвет - плохо. Нет адаптивности - плохо. Сайт года 2005.

но с разговорными навыками(а так же с восприятием на слух) совсем все плохо

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

Общайтесь только письменно.