如何構建HTML/CSS/Javascript，以便從未使用過HTML/CSS/Javascript的人可以使用它？

我一直在使用HTML/CSS/Javascript +任何服務器端代碼（ASP，JSP，PHP，Ruby on Rails）來實現整個工程生命。我真的不需要結構來弄清楚爲了修復/擴展/改進它是如何工作的。但是，我不是一個人工作。如何構建HTML/CSS/Javascript，以便從未使用過HTML/CSS/Javascript的人可以使用它？

我的人具有不同的技能組合，包括一些從來沒有誰感動（甚至看到）HTML/CSS/Javascript語言，他們的生活工作。

簡化橫截面，以幫助一睹HTML/CSS/JavaScript的經驗：

如何組織的HTML/CSS/JavaScript廣告使人們從來沒有誰與HTML/CSS/JavaScript的工作可以採取功能請求，找到的代碼片段倒是，並繼續？

可以做些什麼，我該從哪裏開始？代碼應該在哪裏開始？人們可以遵循一個基本而簡單的約定嗎？

我認爲你必須先創建一些目錄約定。例如：'html'文件應該在'/ html'目錄下。 '/ css'中的CSS文件等等... – Tocco

是的，我們正在使用Ruby on Rails，所以這些文件都存在於正確的目錄中（因爲它與RoR有關）。只是在理解UI組件的生命週期方面存在困難。是否應該假定工程師對Javascript與DOM的交互有基本的瞭解？ –

保持你的CSS和JavaScript在單獨的文件，其中可能的，因爲這將幫助程序員從非基於web的語言來。

我認爲這更多的是良好的結構簡潔的代碼與含義完整變量名和函數名。

同時寫出約兩倍的評論，你認爲你應該。

我最近從c＃轉換到基於web的東西，這些步驟會幫助我很多。

2011-07-18 21:22:05

啊，但是如果你在Twitter上查看源代碼，你會發現它們通過將HTML打印到HTML來保存http請求。 –

是的，在某些情況下，您需要應用一點常識，但作爲一個經驗法則，我認爲這代表 –

HTML代碼應該在一個html文件，JavaScript的應該在一個js文件等。這樣你就可以將所有的代碼分開。這意味着當工作需要對JavaScript函數進行操作時，開發人員將確切地知道該去哪裏。這也意味着人們對Web開發有多麼陌生，他們會知道他們正在看什麼語言。我希望這對你有用。

2011-07-18 21:22:22

但是，如果您有40個Javascript文件（壓縮和縮小製作當然）的各種功能。如何減少代碼的混淆？有人應該從哪裏開始尋找某個功能開始的位置，而另一個功能會結束？ –

如果人們不知道HTML/CSS/Javascript，他們必須在使用這些概念之前學習它。

編輯：

這將取決於你的目標。
每種內容類型（css/js/html/images）的分隔文件都可用於提高可維護性。

有時候，你需要把一些內嵌的CSS/JS嵌入來實現性能優勢。

最重要的是團隊成員遵循一個約定。

2011-07-18 21:23:45 Tocco

我不同意我是語言不可知論者，必須每天使用不同的語言。訣竅是結構良好的評論代碼。 –

你是語言不可知論者，但你不會把你的手放在你不知道的事情上。或者你呢？ – Tocco

你對什麼被認爲是「結構良好」的代碼有任何建議嗎？「好的評論」是沒有意義的，或者取決於旁觀者的眼睛。 –

回答