Nie polecę Ci książek bo, mało z nich korzystam.
Scss to jedna z odmian sasa, coś nowszego niż less. Sass umożliwia pisanie kodu css w połączeniu z kilkoma elementami programowania niedostępnymi w css (np pętle, instrukcje warunkowe czy dodawanie mixinów)
Najlepiej ucz się html/cssa jednocześnie a po jakimś czasie wystartowałbym z JS.
PHP się narazie nie ucz bo to kolejne narzędzie, na które potrzeba trochę czasu - lepiej ten czas zainwestować w lepsze poznanie JS.
Dziś CMS'em można bawić się z poziomu wielu narzędzi takich jak np datocms, do którego znanie php nie jest wymagane.
Odpowiadając na ostatnie pytanie, dziś istnieje coś takiego jak np JSX - dostępny w React. To jest format który umożliwia łączenie warstwy prezentacyjnej (html) z logiką biznesową (JS) w jednym pliku. Dodatkowo dziś frameworki typu Angular czy Vue oferują możliwość pisania kodu html wraz z specjalnymi znacznikami (np ngFor, v:if). Frameworki te bazują na komponentach - reużywalnych fragmentach kodu. Z tego względu jesteś w stanie zrobić jeden widok, do którego zaimportujesz kilka kolejnych tak jak to robiłeś w php.