Парни, помогайте, я еще зеленый, но хочу фаст продвинуться для начала в вёрстке, папка с моими проектами выглядит +- так как на 1 фото, но наблюдая за блогерами верстающих в прямом эфире, я вижу у них убермиллион файлов и папок, среди которых ( для меня не понятно почему) люди верстают отдельно в разных файлах ( header.html , footer.html , и всякая хуйня) я же, пишу только в index.html , та же ситуация с css/scss файлами( допустим это я могу понять, в одном файле стили, в другом сбросы, гдето еще что то, и всё это объединяется в главный style.css допустим, но почему бля пишут стили для каждого блока отдельно, я не понимаю(фото3)) Спасите мою заблудшую душу, помогите разобраться что тут и как, как правильнее и эффективнее писать, и почему разрабы делают так.
Чтобы всё было отдельно и чётко сгруппировано. Если сложный код у каждой из частей сайта, так проще работать, чтобы не запутаться.
Над архитектурой проекта надо всегда думать, иначе в один момент твой проект станет слишком большим и сложным для дальнейшей поддержки. Поэтому делить на компоненты это правильное решение для обеспечения модульности
У тебя потом голова лопнет когда в одном index.html у тебя будет 20000 строк, зачем усложнять себе жизнь? а так все структурировано и понятно
insentientsoul, ну вообще как правило делается все на .php файлах, так что например у тебя есть некий index.php и content.php и тебе нужно чтобы этот контент оказался в определенном месте в index файле тебе просто нужно <!-- index.html --> <!DOCTYPE html> <html lang="en"> <head> <title>title</title> </head> <body> <p>какой то текст</p> <div><p>какой то блок с текстом</p></div> <?php include 'content.php'; ?> <div><p>еще какой то блок с текстом</p></div> </body> </html> HTML <!-- index.html --> <!DOCTYPE html> <html lang="en"> <head> <title>title</title> </head> <body> <p>какой то текст</p> <div><p>какой то блок с текстом</p></div> <?php include 'content.php'; ?> <div><p>еще какой то блок с текстом</p></div> </body> </html> и этот контент будет вставлен в указанное место, так же это удобно когда тебе нужно какой то контент подгружать в несколько разных файлов, позволяет избегать дублирования кода
Когда нет никакого сборщика, но всё же CSS разбит по файлам - тебе уже ответили, что так тупо удобнее. Понятнее, что за что отвечает. На скрине 2 есть gulp. Я с ним не работал, но подозреваю, что он делает то же, что и многие фреймворки под капотом примерно - все компоненты вставляет туда, где на них есть ссылка. Типа у тебя тут есть компоненты Select и Tabs, которые будут не один раз использоваться. Проще ведь написать один раз весь нужный код, а в других местах его переиспользовать. Типа такого: <Select values={[1,2,3]} />. Субъективный совет: не лезь ты в PHP, если у тебя прям цели такой нет в нем разобраться. Сайтик какой-нибудь проще в React сверстать, а для релиза все компилируется в пару файлов, где сразу уже все работает без посторонних раннеров
Если большой проект то так проще ориентироваться. А если маленький то разбил на пару файлов - функции, бд, хендлеры и тд и кайфуешь