Eu ouço / leio o tempo todo que é mais limpo manter seus js , html e css separados. Supostamente, torna mais fácil manter, depurar. Supostamente, é mais eficiente, porque permite o cache / minificação de arquivos css e js .
No que me diz respeito, usando estruturas da web (Django, Rails, ...), bibliotecas de modelos javascript, ... eu costumo dividir bastante uma única página html em vários modelos reutilizáveis - algum tipo de widget, se você desejar . Por exemplo, eu posso ter um widget de feed de notícias , um widget múltiplo selecionado , etc ... cada um deles com um layout consistente ao longo das diferentes páginas e cada um sendo controlado por seu pedaço de javascript.
Com essa organização - o que me parece o mais limpo possível, maximizando a reutilização - tenho problemas para entender por que seria mais simples manter todos os js e css em arquivos separados. Eu meio que acho que seria muito mais simples, por exemplo :
no arquivo de vários widgets selecionado
- html
- layout básico de css
- controle de interações diretas e aprimoramentos de UX com um pouco de JS.
Eu acho que dessa maneira é mais reutilizável, muito mais sustentável, porque você não precisa rolar um arquivo js gordo , alternar para e rolar por um arquivo css gordo , alternar novamente para o seu arquivo html ... .
Então, eu adoraria saber como vocês organizam seu código, se você seguir a separação que geralmente é recomendada.
- Existem realmente boas razões para fazê-lo?
- não é que os guias da Web geralmente considerem que você não usará nenhuma ferramenta sofisticada (nesse caso, eu adoraria obter leituras on-line mais atualizadas para as melhores práticas)?
- É apenas uma questão de preferência?