А вдруг придётся написать что то типа echo "<div>хочу в отпуск!</div>" вот тебе и основы)

М-да, тебе бы блогером быть) одним вопросом приобрёл кучу подписчиков))))))) столько ответов я ещё не видел на этом форуме хаха.
Ну и от себя чего нибудь выдам. Тут уже правильно писали. Сначала надо проектировать на бумаге например. От большего к частному. Но бывает и это не помогает, всякое разное всплывает при уже написании кода, так как всю картину увидеть очень сложно на бумаге. У меня бывает ступор. Я конечно после такого постоянно думаю об этой проблеме, что бы я не делал, и часто в какой-то момент бац и вроде проблема разрешается, но бывает и ни в какую, тогда я пытаюсь зайти с другого ракурса. Просто надо понимать что решений одной и той же задачи уйма и возможно вы не туда свернули, я откидываю все мысли и пытаюсь по инному решить задачу. Это чаще всего от неопытности происходит. Если это тоже не помогает, то нужно подтягивать знания. Но постоянная смена задач ни к чему не приведёт, тут нужно иметь чувство самооценки, она у меня падает если я бросаю то что не могу сделать и беру новую задачу. И это меня жирет изнутри. Поэтому я мучаюсь но решаю то что недавно казалось не решаемо. Бывает удаляю все под чистую как скомкать тетрадь и выбросить в мусор) беру новую и хреначу по новой). В целом это трудоемкая работа. И когда видишь что и делают конструкторы за секунды, то слегка слеза наворачивается((

Когда то я тоже выучил html css и думал ну щас попрёт)))). Прошло пару лет, типа знаю js, типа знаю php, и что изменилось? Ничего)))) Надо ещё учить фреймворки и библиотеки , почему? Потому что на нативке замонаешься писать интернет магазин в одиночку. Это надо как минимум наработать свою библиотеку, это надо наработать опыт в проектировании. Ну и куча всего, что может автоматизировать повседневные задачи. Если ты молод и готов пахать ежедневно изучая веб технологии, то через пару лет что то из тебя выйдет, если не хочешь, то советую просто изучить конструктор. Например вордпрес. И через недельку будешь делать интернет магазины.

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