Нужен опыт разработки front-end проекта в «боевых» условиях. Поможете?
Здравствуйте. Я пока новичок в веб-разработке. Опыта разработки реальног сайта нет. Главный вопрос который меня мучает - это структура папок в "боевом" проекте.
Пока я себе представляю это так:
build
└font
└img
└js
└style
index.html
Но ведь на реальных сайтах не будет всего лишь одна страничка(index.html). Куда девать остальные страницы, кидать из в корень или создавать отдельный каталог для каждой? А как быть со стилями и скриптами? Их всех складировать в корень, или в каждом разделе сайта?
И вообще прошу вас рассказать о всех нюансах "боевого" проекта. Заранее спасибо!
никто не создаёт отдельно HTML страницы. Используют .htaccess и он переписывает ссылки
Если сайт большой - "каркас" сайта и главные элементы вынести в главный style.css, остальные файлы стилей подгружать по мере надобности вместе со страницей на которой они используются.
Если сайт маленький - можно в один .css файл сложить всё.
Одиночные стили и скрипты можно класть по папкам /css /js
Если фреймворки вроде bootstrap, foundation или просто jquery плагины сделать для них папку /plugins
Чтобы не раскидывать файлы плагина по папкам
Если в категории 1-2 файла и больше не предвидится то можно в корень класть и не волноваться.
Вам, как frontend достаточно такой структуры:
index.html
css
js
images
fonts
scss/less
+ gulp или grunt ф-лы сборки
package.json bower.json и др.
В backend это все совершенно иначе выглядит!
Либо учите backend, дабы не навредить!
А для начала посмотрите структуру ф-лов cms! WP к примеру! Кастомный проект чуточку иначе выглядит, но как пример!
В реальных сайтах Вы нигде не найдете .html ) (если это не какой-то example для чего-то)