Есть ли советы по фронтенду? Что нужно учить и в каком порядке?

Если Вы хотите изучить современный фронтенд и получить работу, вот минимум того, что необходимо знать. 

1 html5 - семантические теги, элементы форм, атрибуты и все такое.

2 css (так же какой нибкдь препроцессор less, sass) - уметь писать сложные селекторы по атрибутам, уметь верстать под разные экраны, flex, уметь какую нибудь методологию верстки: БЭМ,  OOCSS.

3 JavaScript - Желательно ES6, стрелочные функции, классы, const, let, области видимости, промисы, ajax, замыкания. Так же необходимо освоить один из популярный фреймворков (React, Angular, Vue)

4 Инструменты сборки - Фронтенд становится сложнее, es6 работает не во всех браузерах, React надо компилировать, так что без сборщиков, бандлеров не обойтись. Webpack, Gulp. Предпочтительно webpack конечно.

6 Терминал - уметь выполнять простые команды, шоб не терять время на выполнение каких то действий в GUI.

7 Git - Хотя бы простые команды - pull, commit, push.

8 Знать как работает бекенд, не обязательно в технологиях, но в принципах, понимать REST, Json, http ответы от сервера.

9 Sketch, Photoshop - очень часто приходится выковыривать иконки, шрифты и прочую атрибутику из макетов, так что владеть этими инструментами нужно.

Тебе нужно хорошо владеть HTML, CSS, JavaScript. Учить можешь в любом для тебя удобном порядке. Совет только один - максимально расширяй свои знания. Тут можешь почитать о разных фишках, которые тебе пригодятся.