Все что ты описал и придется изучить. HTML + CSS > SCSS > JS > GULP. Это универсально. По поводу фрэймворка, смотря какой проект, может фреймворк и не понадобится. Если с нуля, то вопрос про изучение стоит не часах, а в месяцах, особенно это качается js (хотя смотря что нужно сделать, может хватит подключения плагинов, тогда можно разобраться достаточно быстро).
Ничего нового не скажу но, первоначальное понимание можно получить с помощью codeacademy.com + htmlacademy.ru. Потом можно начать уже что-то делать, начнут появляться вопросы как что сделать, гуглишь, спрашиваешь = учишься. Можно параллельно видео курсы смотреть(например от Sorax).