Есть пару вопросов по процессу отдачи готовой вёрстки заказчику, поможете разобраться?

Question

[tanya_mirona]

Привет) есть парочка вопросов, которые меня беспокоят и не дают спокойно войти во фриланс)
1) чтобы потом легче было сайт реализовать на любой cms. Текстовые элементы надо заключать в теги div или p?
2) пути к изображениям лучше прописывать в html или css, чтобы потом легче было заказчику их менять.
3) Лучше использовать JQuery или чистый Js? Т.е. сказывается ли это как-то на скорости загрузки страницы и ещё чём-то ?
4) я использую сборщик gulp. Понятное дело там есть специальные плагины, а-ля карусели, анимации и все такое. Соответственно , когда я скидываю уже готовую папку со всеми данными для проекта + gulpfile.js , как клиент будет подключать все эти плагины на хостинг. Ну мне интересен сам процесс. Плагины же не в head подключены.
4) может есть добрые люди, которые готовы поделиться своими соц.сетями или тг, чтобы в дальнейшем ещё поотвечать на мои вопросы?

Comments

[Василий Банников]

Привет) есть парочка вопросов, которые меня беспокоят и не дают спокойно войти во фриланс)

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

Но обычно заказчику нужен не тупо код, а работающий продукт, и у заказчика нет требований к тому, какую технологию ты используешь (если конечно потом сайт не будет поддерживаться силами заказчика), по тому заказчик не сможет ответить на эти вопросы:

Лучше использовать JQuery или чистый Js?
пути к изображениям лучше прописывать в html или css, чтобы потом легче было заказчику их менять.
чтобы потом легче было сайт реализовать на любой cms. Текстовые элементы надо заключать в теги div или p?

Так что ты как специалист должен будешь сам ответить заказчику, как ему что делать, чтобы всё работало, как он хочет, и соответствовало его требованиям. Ну или адекватно объяснить, почему ты не можешь реализовать ту или иную хотелку.

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

[tanya_mirona]

Василий Банников, у меня нет проблем с общением. Я наоборот люблю общаться с людьми), но я уже поняла, что надо обсуждать это все с заказчиком) спасибо)
Не подскажете ответ на самый последний вопрос?)

[Василий Банников]

tanya_mirona, я не фрилансер, и не верстальщик, и не фронтендер. Но если вам интересно моё мнение - пишите в телегу. (никнейм как здесь)

[Ярослав Александров]

1) чтобы потом легче было сайт реализовать на любой cms. Текстовые элементы надо заключать в теги div или p?

- полно в сети и в заказах на фрилансе выкладывают требования к вёрстке, поищите, почитайте
- у меня что-то есть собранное по требованиям есть, пишите вышлю.

2) пути к изображениям лучше прописывать в html или css, чтобы потом легче было заказчику их менять.

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

3) Лучше использовать JQuery или чистый Js?

- если вы в состоянии хорошо освоить чистый Js делайте на нём.

Т.е. сказывается ли это как-то на скорости загрузки страницы и ещё чём-то ?

- сделайте два варианта и проведите тесты скорости.

Answer 1

[Дмитрий Энтелис]

Для начала положу ссылку https://ru.bem.info/methodology/ - это очень хорошая методология, которую я советую придерживаться всем.

Ответы на конкретные вопросы:

1. Такие моменты не влияют на натягивание верстки на cms, но это не значит что нужно делать не правильно.
В включают абзацы текста когда его много. В остальных случаях div/span + не забывайте про семантическую верстку (ссылка 2 https://htmlacademy.ru/blog/html/semantics )

2. Если это отдельная крупная картинка которая является единицей контента сама по себе (например фотка товара в интернет магазине, картинка внутри статьи и тд) - то однозначно <img src="..." alt="...". Если это какие-то элементы дизайна, кнопки, переключатели и тд - то через css.

3. Лучше обговаривать этот вопрос с заказчиком. У кого-то уже есть используемая библиотека и это может быть не jquery. Кому-то вообще js не нужен.

4. Мне кажется хорошим тоном будет дополнительно отдать уже скомпилированный js в виде одного файла (без минификации). Есть не маленький шанс что натягивать это будет другой фрилансер не знакомый с версткой.