Илья Пирожок

Зачем тут использовать js если есть много css способов?

Тоже пытался его пробовать в одиночку (хотя сам фронтэндщик). В итоге устроился в компанию где пишут на Yii2, теперь сам понимаю как что устроено. Так что мой совет - идите работать)

Flexbox

Использовать вложенности. Например в SASS, есть главный класс-обертка и внутри него создается что то типа локальной области видимости, тем самым избегаем пересечения одинаковых классов.

.header-section {
.class1{}
.class2{}
}

.main-section {
.class1{}
.class2{}
}

.footer-section {
.class1{}
.class2{}
}

Не знаю четкого ответа в плане кода, но думаю делается так: есть к примеру 3 секции, при помощи js делаем height каждой секции равной высоте дисплея с которого смотрим сайт. Потом при помощи опять таки js и координат делаем пролистывание на высоту секции.

Лучше не используйте фреймы. Забудьте о них

По другому никак) Это эффективный инструмент если знать четко для чего вы его используете. Единственное что он делает так это "вырывает" элемент из потока сверху->вниз, слева->направо.

Сейчас в профессию "Web программист" путают все подряд. Вы чем конкретно хотите заниматься, серверной стороной или клиентской?

Знать базу HTML (семантику, теги) и элементы разметки и форм из HTML5. Из css это желательно базу CSS3/Bootstrap, после этого учить SASS. Ну и уметь работать в фотошопе конечно.
Этого именно для верстальщика достаточно, но лучше конечно потом идти вперед за технологиями)

А не легче будет бэкграундом как картинкой?

У вас у #about стоит фиксированная высота и она не дает раскрыться картинке на 100% ее высоты, в этом и проблема. Попробуйте убрать высоту блока #about. Еще не советую верстать с id.
Вот неплохая статья, советую ознакомится
Еще смотрите, на макете оба блока равны по ширине. Соответственно укажите им ширину по 50% и все будет ок.
Для адаптивности тут нужно уже использовать media запросы, макет этот не сложный, ну если вы конечно знакомы с media) Описать сложно но тут работы на 2 минуты)

.about-img {
  width: 50%;
  float: left;
  padding-right: 100px;
}

.about-text {
  width: 50%;
  padding: 100px;
  margin-right: 300px;
}

А что собственно нужно? у вас в ряду должно быть 3 или 4 блока?

Скажу так. Counter без скобок это ССЫЛКА на функцию\объект а counter() то есть соответственно со скобками это уже сам вызов. Вы из функции возвращаете ссылку на функцию counter а не ее вызов, это для того что бы ее можно было вызвать далее в коде. И так как функция=объект у нее есть и методы которые вы присвоили, тут тоже правило, вам нужно только counter без скобок что бы можно было вызвать МЕТОДЫ объекта.
А за областью функции уже идут скобки. Хотим повысить переменную currentCounter =+ 1 то вызываем функцию count(). Хотим ресет или метод данной функции то вызываем counter.reset(). А иначе был бы результат counter().reset()

Всю эту рамку псевдоэлементом вставить)

Вообще замыкания в Js это из области метафизики) Их нельзя понять, просто пользуйтесь

Sublime text 3, PhpStorm