Как правильно организовать HTML, CSS и JS?

Question

[Пользователь]

Здравствуйте, я начинающий верстальщик. Пока сверстал несколько несложных лэндингов, но при верстке многостраничных сайтов возникла проблема как правильно организовать код и структуру проекта. Как я понимаю, многостраничный сайт реализуется посредством разделения html-страницы на куски html-кода, которые собираются воедино с помощью PHP, тем самым генерируя новую страницу. Но что делать с CSS и JS? Должны ли они так же разделяться и подключаться только на той странице, на которой требуются соответствующий скрипт или стили? Как вообще строятся сайты крупнее одностраничника? Спасибо

Comments

[FeST1VaL]

Делается просто... делается так же Header html код и Footer код который подключается на странице на верху и снизу.

Например так:

<?php require_once ROOT."/template/layout/header.php";?>

 <div class="news">
	<?= getNewsList(); ?>
 </div>

<?php require_once ROOT."/template/layout/footer.php"; ?>

Answer 1

[Stalker_RED]

Посмотрите гайды по webpack, очень крутая штука в плане автоматизации сборки проекта.

Answer 2

[Leo]

Начинайте изучение одного из:
- React (самый популярный)
- Vue (китайский)
- Angular (>2) (самый новый, моя специализация)

При изучении и работе с ними самоорганизуетесь.

P.S. Если БЭМ не читали, то пора.