Есть веб студии которые пишут сайтики на wordpress, а есть которые таким же штатом стартапы успешные пилят. И все зависит от того, куда ты хочешь попасть. Если в первый тип студий, то там много знаний не надо - верстка + вешать обработчики на jquery и ты готов работать, посмотрел минимальный гайд на ютубе и пили шаблоны + ПЫХ выучишь, но ты можешь очень сильно просесть по времени, ничего так и не выучив на такой работе, если во второй, то надо изучить хорошо JS, view библиотеку + какую нибудь архитектуру потока данных ( react + flux ( redux, alt ), vue + vuex ) либо JS фреймворк ( angular, ember или что там сейчас популярно ). Сделать что нибудь посложнее TODOшки и можно пробывать устраиваться. У меня так получилось, что я попал в первый тип студий и потерял там год. О чем потом сильно жалел. Уволившись оттуда, мне очень сложно было найти нормальную работу. Я выучил React.js до того уровня, чтобы без проблем верстать на нем и делать компоненты. И устроился стажером в один стартап. Там знания потекли рекой, хоть и зарплата была даже меньше чем на первой работе. Но с ростом знаний пошел и рост зарплаты. Через 3 месяца я уже получал в 2 раза больше. Как то так. P.S junior

Ecmascript 6 не исключает а только дополняет 5, за исклюением const и let ( про var можно забыть ) ну и arguments ( вместо него spread операторы ). Критичных исключений из стандарта нет. Так что ES5 полюбому учить придется. Начинай с него, периодически заглядывая в спецификацию 6.

Вынесите JS за цикл php и напишите там нормальный код, который берет все элементы с такими классами и пробегает по ним и проверяет ваши условия. Что-то типо:

window.onscroll = function() {
  document.getElementsByClassName( 'class' ).forEach( function( el, id ) {
      if ( isVisible( el ) ) {
        doSmthWithEl()
    }
  } );
}

с jquery это делается за пару строк

Как хочешь так и работай, в этом то и его прелесть. Он просто рисует DOM, не навязывает тебе свою архитектуру, в нем нет директив, как в любом другом фреймворке или JS-view либе, только vanilla.js. Ты просто делаешь компонент, и в зависимости от логики рендеришь его или не рендеришь. Проще пареной репы. А Flux, Redux, Flummox это уже организация данных и логики для твоего приложения. Они совершенно никакого отношения к реакту не имеют. Можно выкинуть реакт и вставить другую view либу. Можешь сделать все приложение на ангуларе, а форму логина просто нарисовать на реакте. Реакт - это просто верстка с логикой. Что-то похожее на то, как ты на PHP отдаешь HTML в зависимости от логики :) только вместо PHP - JS. И происходит это без перезагрузки страницы прямо на фронтенде, без обращения к серверу. И все по компонентам разбито) Вот такое извращенное сравнение. Хотя "знатоки" меня сейчас обосрут по полной. Как можно сравнивать PHP и React)))

1) картинка в png
1.1) width 100%
2) onclick css top 0
3) onclick change bg
4) просто написать в тегах p и отстилизовать
5) svg или canvas
если Вам непонятно, что я написал, то просто закажите, все равно сами только через недели 3 сделаете, а такую скучную, но довольно громоздкую задачу Вам вряд ли кто здесь напишет