verstak-vs-frontend
Веб-разработка Фриланс

Чем верстальщик отличается от фронтенд-разработчика?

Если совсем кратко: верстальщик — это специалист, который владеет графическими редакторами (или одним), конвертирует макеты в HTML+CSS и подключает простые плагины анимации. Именно эти навыки в дальнейшем помогут Вам стать фронтенд-разработчиком. Работая в студии, удаленно или в офисе, есть вероятность того, что Вы будете сталкиваться с нестандартными задачами, которые позволят Вам освоить те или иные технологии. Например, программист создаст проект на Github и Вам придется изучить систему контроля версий или попадется заказчик, который захочется, чтобы его проект был выполнен через SCSS. Таких примеров может быть масса, но именно благодаря таким случаям Ваш скил будет расти.

frontend-developer

Но если Вы хотите заранее ознакомиться с тем, что Вам необходимо будет изучить, то читайте дальше.

Есть замечательная ссылка, которую я всем рекомендую: интерактивный список того, что нужно изучить фронтендеру. Обязательно сохраните ее себе в закладки. Но на всякий случай продублирую этот список здесь:

  • 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
  • Уметь работать с разными графическими редакторами

Что бы Вы еще добавили к этому списку?

Предыдущий пост

20 крутых PSD макетов для верстки (часть 1)

Следующий пост

20 крутых PSD макетов для верстки (часть 2)

Комментарии

  • Герман

    Понимание UX и UI, дизайна интерфейсов
    Базовое понимание критического пути рендеринга
    Умение работать в графических редакторах
    Умение оптимизировать и рефакторить свой говнокод))
    Умение решать одну и ту же задачу по разному

    Reply to Герман
  • no-name?

    Хорошее сравнение верстальщика и фронтендера по фотке 🙂
    Далеко с знаниями верстки не уедешь в плане $

    Reply to no-name?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *