Иван

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

По вашим словам кажется, что вы понятия не имеете о том, какой инструмент для чего нужен. Так что рекомендую следующий план:

HTML: практика -> Pug или любой другой препроцессор -> понять зачем он нужен -> микроданные -> wai-aria
CSS: практика -> каждый день выкладывать один сверстанный компонент на CodePen -> всякое разное -> изучить внутренности normalize.css -> использовать autoprefixer -> изучать хорошие практики -> написать свою сетку -> познакомиться с БЭМ, RSCSS -> осознать полезность методологий -> препроцессоры (LESS проще, SASS моднее, есть еще много разных) -> PostCSS -> осознать разницу между пре-процессором и пост-процессором
JS: ES6+ -> Babel -> понять смысл инструмента -> писать много велосипедов -> много велосипедов -> больше велосипедов богу велосипедов -> паттерны проектирования -> тестирование
Gulp/Grunt и Webpack/Browserify: осознать разницу -> использовать по мере надобности -> научиться автоматизировать все, что можно автоматизировать
Git, NPM: без комментариев

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

Есть еще один дельный совет: читайте ответы на тостере и изучайте решения, которые народ предлагает. Разбирайтесь с тем, как они что-то делают. В перспективе сами отвечайте. Метод утенка рулит.

Ну и умение задавать вопросы тоже лишним не будет.

Для решения задач, которые в то время решать было затратно и сложно.
Для обеспечения кроссбраузерности при работе с DOM, в первую очередь. Это потом из него сделали космический складной педальный крейсер с хомяковым приводом для пеших путешествий к центру Вселенной.

Вот, блин, никогда не думал, что все так сложно =)

<div id="block4ch">
	Нужно здесь подчеркнуть каждое слово <b>подчеркнуть</b>.
</div>
<script>
	var block= document.getElementById('block4ch');
	block.innerHTML= block.innerHTML.replace(/(подчеркнуть)/ig, '<u>$1</u>');
</script>

Иллюстратор существует, стопудов. Сам видел!
А туториал нужен про то, как нарисовать в иллюстраторе или где у него в меню файл→экспорт?

Попробуйте может inkscape.

Если именно по координатам, то там ничего сложного

<svg viewBox="5 5 50 50">
  <path d="M10 10 L10 20 L20 20 Z" fill="red"></path>
  <path d="M15 10 l10 0 l0 10 Z" fill="blue"></path>
  <path d="M10 25 h 7 v 7 Z" fill="#FACE8D"></path>
</svg>

вот так оно работает

viewBox - координаты верхнего левого и нижнего правого угла видимой части холста.
M - переместить курсор и координаты x и y
L - нарисовать линию, и тоже координаты.
Z - замкнуть фигуру (соединить последнюю точку с первой)
l - нарисовать линию, но не абсолютные координаты, а сдвиг относительно предыдущей точки
H - нарисовать линию по горизонтали, и координата
h - нарисовать линию по горизонтали, но вместо координаты сдвиг.
V и v - та-же фигня, но по вертикали
и так далее

Задайте этому блоку какую-либо максимальную ширину, к примеру 760px, а то он у Вас max-width:100%

.banner {
    text-align: center;
    vertical-align: top;
    padding-top: 16px;
    padding-bottom: 25px;
    max-width: 760px;
    width: 100%;
}

и все у вас работает

у вас очень странные вопросы.
какая разница между 2 наемными людьми и 4 , да никакой , разница уже идет на 15-20 когда у вас просто за день не будет хватать времени поговорить с каждым.
Так что если вы управляетесь с 2 то чем для вас страшны 4?
Очень глупо считать что поменял страну и там все побежало.
Вот у меня у соседа стоит страна тайланд и он работает по 70 баксов в час.
У меня стоит Россия и я работаю по 50, могу поменять на 80 если захочу, ваш ценник зависит от вас, а не от того в индии вы или нет.
Ещё один знакомый со страной малазия, тоже работает по 50 баксов, но в месяц при этом он в одного зарабатывает $16к, смотрю иногда на его профайл и любуюсь, он ещё и мне иногда работы подбрасывает.
Судя по всему вы уже несколько лет проработали на фрилансе и скажем достигли каких никаких высот и рейтинга в 30 баксов в час или же 1000 рублей в час для ровного счета.
Скажем вы наняли 4 людей в фултайм вы пятый и определились с зарплатой для них в 1000 баксов.
Вы уже умный и цена проекта для вас не с потолка взята, а состоит из количества часов умноженные на ваш рейтинг в 1000 рублей в час.
Скажем у вас идет все очень плохо, вы весь месяц ищите проекты и находите всегда всего один за 5000 баксов, ну вот в лепешку разбиваетесь, а хотя бы второго не можете найти.
Как это выглядит для вас внутри?
Проект стоит 5000 баксов = 150 000 рублей то есть для него вам надо 150 часов.
Вас пятеро и грубо говоря 150/5 = 50 часов на брата, то есть примерно 6 рабочих дней.
В итоге вы получаете в начале месяц проект
работаете все впятером одну неделю и сдаете проект уже в воскресенье, дальше вы впятером курите бамбук 23 дня до конца месяца, второго проекта у вас нет у вас все с этим плохо как описано выше.
В конце месяца у вас 5000 баксов кеша, 5 человек, выдаем всем зп по тыще баксов. в сухом остатке вы больше трех недель пинали балду, все равно все заработали свое бабло, продуктивно поработали одну неделю, все счастливы.
Но тут дилема вы хотите больше зарабатывать.
Предположим туже ситуацию что у вас все плохо и так же один проект.
Берем ещё 4 человека только не фултайм, а на неделю, то есть зарплата в четверть месячной $250, предположим что все очень плохо и на месяц была у вас оптовая скидка на время сотрудников, просто подымаем зп на 20 процентов просто так получаем $300
Работаем неделю сдаем проект в воскресенье.
Получаем 5000 баксов кеша, платим зп 4 сотрудникам 1200 баксов. Сами платим себе зп 3800 баксов это примерно 115 тысяч рублей. Ну в целом неплохо поработали.

Предположим что ваши дела чуть чуть улучшились и вы нашли второй проект в месяц, значит в этом месяце ваша зп уже 230 тысяч рублей, в целом схема не требует какого либо масштабирования дл 4 проектов в месяц или же 460 тысяч рублей зарплаты, потом уже надо больше людей, а там уже и наверно больше проблем.
Вот так выглядит чистая математика.

Она совершенно справедлива скажем и для 5 проектов по 1000 баксов, вместо одного за 5 000 баксов.

Это для видео

position: absolute;
min-width: 100%;
min-height: 100%;
left: 50%;
top: 50%;
z-index: -1;
transform: translate(-50%, -50%);

Для контейнера 100vh и possition relative

1. Правильно все понял
2. Можешь не отдавать деньги
3. Прокуратура / трудинспекция

И скажи этому дебилу, что проект просрочен не потому, что ты медленно кодил, а он хреново управлял.

с помощью flex
https://jsfiddle.net/nf45rnck/3/

это мульти бэкграуднд.

.container {
   background-image: linear-gradient(rgba(0,200,255,.5), rgba(200,0,255,.5)), url(pic.jpg);
}

Не поленился и реализовал прям Ваш пример https://jsfiddle.net/aefq89h9/ хотя сначала просто хотел на словах расписать))
Либо вот https://jsfiddle.net/ckLz0x3c/ еще один вариант, т.к. при адаптивности лучше бы знать точно расстояние от линии.
В общем можно еще много вариантов придумать, но, надеюсь, смысл Вам понятен.