Если совсем кратко: верстальщик — это специалист, который владеет графическими редакторами (или одним), конвертирует макеты в HTML+CSS и подключает простые плагины анимации.
Именно эти навыки в дальнейшем помогут Вам стать фронтенд-разработчиком. Работая в студии, удаленно или в офисе, есть вероятность того, что Вы будете сталкиваться с нестандартными задачами, которые позволят Вам освоить те или иные технологии. Например, программист создаст проект на Github и Вам придется изучить систему контроля версий или попадется заказчик, который захочется, чтобы его проект был выполнен через SCSS. Таких примеров может быть масса, но именно благодаря таким случаям Ваш скил будет расти.
Но если Вы хотите заранее ознакомиться с тем, что Вам необходимо будет изучить, то читайте дальше.
Есть замечательная ссылка, которую я всем рекомендую: интерактивный список того, что нужно изучить фронтендеру. Обязательно сохраните ее себе в закладки. Но на всякий случай продублирую этот список здесь:
- CSS
- HTML
- DOM
- JavaScript
- SVG
- CSS Object Model
- NodeJS
Я бы дополнила этот список следующими пунктами:
- CSS-препроцессоры (SCSS, LESS)
- опыт работы с JSON, JSONP, XML
- азы PHP, MySQL
- Flexbox, Grid (специально выделю от CSS в отдельную группу, потому что эта тема крайне актуальна для 2017 года)
- Git (система контроля версий)
- React, Angular
- Dev Tools браузеров
- Сборщики GRUNT, GULP
- Уметь работать с разными графическими редакторами