archelon

Выше верно заметили — вопрос очень правильный.

Сейчас опишу два мира — идеальный и реальный.

Идеальный

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

1. Узнать все про клининговый бизнес. Как происходит процесс уборки? Какие средства используются при уборке? Что именно входит в уборку? Какие бывают проблемы при уборке и общении с клиентами? Чего клиенты боятся? А чего хотели бы? Какой портрет потенциального клиента? На все эти и другие вопросы ваш клиент точно знает ответ, если не первый день в бизнесе. Если же первый день — вам придется искать ответы самому.

2. На основе собранных данных вы уже будете иметь представление о следующих вещах:

а. Постоянные клиенты заказывают уборку на регулярной основе. Значит надо сделать для них удобный интерфейс подписки.

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

в. Новые клиенты пока не готовы заказать уборку, потому что непонятно — надо ли им это и деньги просто так тратить не хочется. Ок, дадим им скидку 20% на первый заказ при подписке на новости. Клиент получит скидку, а ваш клиент получит постоянный контакт через почту.

д. У клиентов есть маленькие дети и животные, которые могут остро реагировать на химикаты. Хорошо, описываем, что в работе используется только супер-безопасные средства.

И так далее. Если в двух словах — вам нужно понять все вопросы, все страхи людей, для которых будете делать продукт, и ответить на них с помощью сайта. И, самое главное, сделать так, чтобы процесс заказа/покупки был максимально простым и незаметным.

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

В итоге у вас будет отличный багаж для старта. А что делать с ним дальше — это уже вам решать. Хотите прототипы? Пожалуйста. Хотите сразу дизайн? Без проблем. Как вам угодно.

А, ну и да — реальный мир.
Тут все гораздо веселее.
К вам приходит клиент, который занимается уборкой квартир и хочет получать новых клиентов через интернет. Приходит он обязательно с вордовским файлом, в котором лежит 40 референсов на различные сайты, которые по стилю противоречат друг другу на 100 процентов. И, конечно же, просит нарисовать семь красных линий, две из которых зеленые, а четвертая квадрат. И, кстати, в том же вордовском документе лежит логотип, который ему рисовал сын маминой подруги, но исходников нет, а есть только джипег 50х50px.

Попробуй idangero.us/swiper очень гибкий инструмент. Как вариант, сделать слайдер во всю ширину, внутри него открыть контейнер и добавить в него навигацию, а там дальше позиционирование в контексте контейнера.

Какая разница между .item.active и .item .active ?

.item.active значит, что у одного элемента есть классы .item и .active
.item .active значит, что внутри элемента с классом .item есть вложенный элемент с классом .active

Какая разница между #ul, .ul, ul? (непосредственно в Jquery)

#ul ищет элемент с id="ul"
.ul ищет элемент с class="ul"
ul ищет элемент ul

Зависит от ситуации. Не зазорно использовать JS для стайлинга отдельных частей в каком-нибудь IE6, что я в свое время и делал - иначе было просто нереализуемо. А в целом, табличная верстка - это топ, почти тот же флексбокс, только не семантический и не адаптивный. Для минимальной ширины можно взять 2 элемента, внутреннему (распорке в 1px) задать определенную ширину, а под ним - контент.

Возможно, используя cms Wordpress или MODx, и читая их документацию. Разумеется вообще о бэке забыть не получится, но как раз для этого существуют доки, плагины, и миллионы туториалов в русскоязычном интернете, а в буржуйском и того больше. Постепенно, решая задачу за задачей, и логику бэкенда потихоньку начнёте понимать.
Если использовать модкс, взаимодействия с бэкендом вообще будет минимум, только для настройки плагинов. А структура страниц и шаблонов настраивается чанками, т.е просто кусками html.
С вордпрессом чуть сложнее: настройка плагинов тут происходит чаще всего в интерфейсе админки. Однако если вы не захотите использовать готовую тему (шаблон) из библиотеки вп, и решите разрабатывать свою (или натягивать уже готовую вёрстку), то тут возникнет трудность. Шаблоны темы у вп это кучка взаимосвязанных php файлов с html-разметкой, поэтому придётся немного углубиться в основы бэка. Но вообще, могу сказать это процесс крайне увлекательный, за две недели можно спокойно разобраться что к чему, и php перестаёт пугать.

Если на сайте есть формы, то сертификат обязателен.

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

буттон он клик функшн - иф первый радио из чекед - попап 1...
логика на уровне проверить-показать, что сложного?

Начал программировать лет 8 назад. В этом году мне будет 60.
Работаю удаленно. Предложений работы больше, чем я могу взять.
Не сразу, но научился зарабатывать достаточно. Ключевой момент: переход к удаленной работе вместо выполнения разовых заказов.

Можно сделать обычный текст с подложенной под него картинкой, типа так:

background: url(...);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;