На что нужно обратить внимание верстальщику?

Question

[Андрей Сальников]

Работаю в небольшой компании, верстаю сайты. HTML, CSS немного jQuery. Пользуюсь bootstrap'ом. Еще пользуюсь scss, но не часто, потому что кроме меня больше никто этим не пользуется в силу - "у нас не гигантские проекты, что бы еще и препроцессоры задействовать". Так вот вопрос - на что еще обратить внимание для улучшения своих навыков?

Answer 1

[Serj-One]

На новое место работы, где не говорят нелепых фраз вроде:

у нас не гигантские проекты, что бы еще и препроцессоры задействовать

Пользуюсь bootstrap'ом

Ради всего святого, перестаньте.

Что изучать?

• Чистый JS, jQ - не панацея
  
• Gulp - позволит автоматизировать огромное количество задач (на cms или нет - абсолютно не важно)
  
• SASS/SCSS
  
• Git
  
• БЭМ
  
• Учиться верстать руками, а не собирать поделки из бутстрапа
  

Comments

[Андрей Сальников]

В каком смысле перестаньте? Проаргументируйте пожалуйста.

[Андрей Сальников]

Ну а на счет нового рабочего места... пока не могу. Это как с якорем. Один раз кинул в море, а потом приходится ждать пока кто-нить поможет его достать =_=

[Андрей]

Андрей, вам правильно подсказали - забыть про bootstrap. Это прибавит вам скилл. Якорь как раз таки бутстрап, который тормозит вас на месте

[Serj-One]

Андрей Сальников: Школота закидает камнями, но всё же отвечу.
Бутстрап - инструмент для быстрого прототипирования. Для быстрой развёртки тестового фронтенда, для технических вещей вроде админки, для вещей, не предусматривающих специальное создание дизайна. Не для вёрстки уникального дизайна в прод. Для этого он дико избыточен и недостаточно гибок. 90% задач решаются без него намного проще, чем с ним.
Кроме того, как уже указали выше, это чертовски массивный якорь в профессиональном развитии.

[Андрей Сальников]

Спасибо за советы. Всё что вы порекомендовали изучу. Постараюсь)

Answer 2

[chupok]

Вопрос решается легко: смотрим интересующие вакансии, обращаем внимание на требования. Читайте книги по теме, просматривайте видео (если так легче материал воспринимается), в том числе и видео с различных IT-конференций (бывают, интересные и очень глубокие; всегда узнаете много нового), ежедневно практикуйтесь, пишите много кода.

Какой методический материал выбрать? Что и в каком порядке изучать? Уже много было подобных вопросов и множество ответов. Умейте пользоваться поиском.

Answer 3

[faragly]

Обратите внимание на предыдущий ответ, смотрим интересующие вакансии и предъявляемые требования. Однозначно рекомендую пользоваться:

• препроцессорами, вне зависимости от масштабности проекта, будь это хоть килобайт стилей, не имеет значения - это удобно и точка
  
• хотя бы один препроцессор html (я использую jade)
  
• один или несколько из популярных js фреймворков (я использую jQuery и AngularJS)
  
• система сборки, например Gulp (плюс к нему bower, browserify и т.д.)
  

Вдовесок было бы не лишним знать какой-нибудь серверный язык (например, php).
В обязательном порядке git, его везде спросят.

Comments

[Андрей Сальников]

Так ли уж нужет препроцесор html? Большинство проетов это сайты на MODX Revo. jQuery пользую, что бы было динамичнее. Тоже самое про gulp и остальное. Оно разве сильно поможет если делается на CMS? Из git я пользую gist, что бы ошметки от плагинов хранить. Исходя из этого есть еще рекомендации?

[Андрей]

Определитесь куда вы хотите развиваться. Если всю жизнь хотите делать сайты под Рево, то ничего менять не надо. Если хотите стать front-end разработчиком, то учите JS vanilla, Angular, Gulp итд

[faragly]

Андрей Сальников: Чтобы препроцессор jade изучить, вы потратите несколько дней, зато вы будете его знать. Вы будете всегда делать свою CMS? Эти технологии нужно научиться применять сейчас, потому что с каждым годом все меняется, особенно во фронтенде, если выпадете из темы на пару лет, потом посмотрите требования к какой-нибудь вакансии, то сильно удивитесь уровню знаний даже для junior-специалистов. Вы должны быть открыты всегда для чего-то нового, даже если вам это кажется ненужным в данный момент.

[Владимир Ребров]

Тоже самое про gulp и остальное. Оно разве сильно поможет если делается на CMS?

А что нынче для CMS фронтэнд не нужен? Или вы не работаете с дизайн-макетами(верстка, клиентское программирование) - штампуете все по одному шаблону?

[Андрей Сальников]

Спасибо за советы)))

Answer 4

[Владимир Ребров]

Если вы верстаете без препроцессоров (минимально хотя бы css), не используете системы сборки, пакетные менеджеры и систему контроля версий, то даже не заикайтесь, что вы - "фронтэнд-разработчик".

Блин, ну неужели вы спрайты вручную собираете и не минифицируете код на продакшене? И как вы живете без csscomb?

Answer 5

[Елизавета Борисова]

Я тут уже не раз это писала, но определитесь для начала, хотите ли программировать.
Если жестко решили на уровне интерфейсов оставаться, то да, все выше написали, - отказаться от бутсрапа, препроцессоры, шаблонизаторы, css-методологии, и без программирования где-то здесь потолок. Тогда может быть стоит проектированием интерфейсов заняться далее.
Если решили программировать, не думайте что сможете, изучив основы Angular, быть вполне себе фронтендером, тогда классическим образом рекомендую алгоритмы, язык JS, native и тд

Comments

[Андрей Сальников]

Я изучаю python, собираюсь учить django. Почему все говорят про всё что угодно, но не про это. Да, я хочу программированием заниматься. Но что мне отказать от python в пользу наипопулярнейшего серверного языка php?