Как вы делаете простую верстку макета?

Question

[Kotaro Hiba]

Здравствуйте, я не так давно начал крутиться во фронтенд разработке и так получилось, что мне не голову упало несколько не сложных заданий.
В общем в чем суть вопроса. Я могу настроить webpack и верстать на нем, а так же могу использовать Vue-cli.
Но мне кажется что использовать Vue для верстки простого макета(одностраничники сайты визитки без анимаций и прочего) это немного велосипед.
Скажите как именно вы делаете верстку макета и как это происходит в компаниях.

Answer 1

[approximate solution]

Я могу настроить webpack и верстать на нем

За такой речевой оборот я бы с работы бы выгнал "джуна". Вебпак это сборщик проекта, на нём не верстают. С помощью него - возможно. Верстают на - floatах, флексах, гридах, либо с помощью веб фреймворков - основанных на вышеизложенных технологиях верстки.

Скажите как именно вы делаете верстку макета и как это происходит в компаниях.

Верстку макета вы делаете с помощью JSX(зная HTML этот вопрос отпадает) и CSS. Визуально делите страницу на компоненты - верстаете.

Именно поэтому новичкам которые уже якобы знают JS и пару фремворков - надо знать такие базовые знания как верстка, что бы потом не делать круглые глаза, и не говорить - "а что у вас на проекте веб компоненты не из bootstrapvue беруться, а то я хз как верстать без бутстрапа".

Comments

[Kotaro Hiba]

Ну выгнать меня не получится, я не работаю не где :).
Я правильно вас понял, что верстку вы делаете на React(JSX)??
С разделением страницы на компоненты знаком и применяю постоянно, если вопрос задал не правильно, то перефразирую.
Какие инструменты вы используете когда верстаете несложные одностраничные сайты разной сложности.

P.S
Бутстрап зло особенно если макет не под бутстрапчике, но как ни странно заказчики на фрилансе требуют его предоставляя кривые макеты.

[approximate solution]

Я правильно вас понял, что верстку вы делаете на React(JSX)??

Все правильно, сейчас у нас React, до этого был как Vue, так и Angular.

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

Вы не правильно ставите вопрос. Я использую одни и теже инструменты в любом случае, те которые позволяют быстро верстать, сборщики, препроцессоры, html шаблонизаторы. А вот что делать после того как страница сверстана - это уже следующий этап.

Суть в другом - если у Вас минимально логики на одностраничнике, и нет хранения данных. То Вам и не нужен Vue\React. Вы либо отдаете пользователю статику(голый HTML\CSS), либо используете CMS, для более удобного управления контентом.

Бутстрап зло особенно если макет не под бутстрапчике, но как ни странно заказчики на фрилансе требуют его предоставляя кривые макеты.

Бутстрап не зло, просто каждому инструменту есть своё предназначение. Если у Вас дедлайн, и макет +\- 12 колоночный, можно использовать любой фреймворк, но вы обязаны знать базу, что бы понимать в каких случаях какие подводные камни Вас ждут.

[Александр]

Kotaro Hiba,
Вы пытаетесь собрать одноколесную тачку и прикрутить электродвигатель с литионными аккумуляторами с управлением через VR по WiFi. )))
Это нормально )))
У меня очень чешутся руки переписать сайт на Джанго, хочется помучатся. Только зачем для SPA страницы извращаться на python.
Периодически начинаю, но не заканчиваю, переписывать на vue. )))

Вот ответ:

Верстают на - floatах, флексах, гридах, либо с помощью веб фреймворков

[Kotaro Hiba]

Alexander, видимо я не так выразился, имею ввиду что очень часто попадаются заказчики, которые дают макет который сделан совершенно не под формат bootstrap и говорят вот мне нужно, что бы данная верстка была сделана на бутстрапе.
Вот тогда для меня бутстрап становится злом во плоти, хотя возможно я просто плохо владею данным инструментом

Answer 2

[Марти Макфлай]

1. Клонирую с гита свою заготовочку gulp;
   
2. $ npm install;
   
3. $ npm start;
   
4. Верстаю;