т.с. что тебе собственно нужно. я бы тебе накидал где посмотреть скринкасты, но боюсь что получу по шапке от модеров.
выбрать где писать код. предлагаю использовать.
где писать код.
visual studio code - бесплатная, быстрая, миллион плагинов, отличные темпы развития и обновлений, кросс платформенная. ( хотя как там на линуксе х.з.)
верстка.
1)немного почитать про nodejs - тебе понадобится npm, и какой нить static-server.
2)далее тебе нужны базовые знания в html и css и желательно css пока без примесей(лес и сас) потом выберешь понравившийся и обкатывай.
3)верстать тебе предлагаю на flexbox-ах, но можешь посмотреть и уроки поbootstrap
4)практически обязательно ( жесткая экономия времени ) тебе стоит использовать сборщики. ( webpack и gulp ) webpack пока не трогай, он тебе покажется чересчур сложным. смотри уроки по gulp.
5)далее react или angular, в идеале иметь представление и о том и о том.
6)как писали выше jquery и js супер базово.
все ты верстальщик! далее ап скиллов.
фронтэнд.
1)углубленно про nodejs - тебе понадобится npm, и какой нить static-server.
2)базовые знания в html и css.
3)webpack или gulp, можно и то и то использовать в проекте, но как по мне бред.
4)углубленноreact или angular.
5)углубленноjquery, lodash и js (es6) bubbel соответственно, знания популярных библиотек будет явно плюсом.
6)честно я никогда не писал под csm-ки, но почти уверен что необходимы будут знания под вордпресс и джумлу.
7)rest api, да и в целом иметь представление о клиент серверном взаимодействии.
бэкэнд описывать не стану, но я использую тот же nodejs, docker, monga, react.
я fullstack и накидал в торопях, мб даже получился перебор для новичка. это только с виду, и я как бы разделил верстку и фронтэнд, но для простых проектов ( лендинг ) они идут рука об руку.
если что то упустил не серчайте, конец рабочего дня.
p.s. git не написал, забыл, обязательно используй!клиент например: smartgit