Web開發流程

知乎上關於Web開發流程豪情給予的回答

web前端開發流程是什麼？進行操做會用到哪些便捷的小工具？是先用模板作好，而後在基礎上改嗎？？正常你們說的改框架是否是指的用模板作的網站原文件？前端開發作的文件通常是哪些？放在主機什麼文件夾裏啊？

1. web前端開發流程是什麼？
　　老闆或甲方是一個需求的真正發起者，也是一個基礎idea的夢想師，產品是需求專業化梳理或進行有效評估細化需求負責的，
而設計是前端的上游，前端是設計的下游。設計的工做目的是把產品宏觀的思惟結果進行專業的處理，由於按通常的習慣，產品最終的結果是原型圖，而原型圖能夠理解爲設計的草圖。
　　對真正的用戶來講，這個草圖過於簡單或不符合使用的操做習慣，因此須要設計師進行專業的處理，好比顏色搭配，佈局分隔，有時候還兼交互的一部分工做，設置用戶與頁面發生交互的預訂流程。
　　那有人問，不須要設計不行嗎？直接讓前端寫頁面不就得了，還須要麻煩設計師來作個圖出來。
由於這裏邊有一個成本風險控制的一個理念，由於在前期，尤爲是設計，主觀感覺大於理性的思考，因此天天的結果都不同，因此須要設計師去消化掉這部分主觀感覺帶來的誤區。 並且從成本上來說，有些場景設計師改圖比改代碼要容易控制一些。
　　設計師的結果是psd文件，他是不少個圖層疊加在一塊兒的結果，而前端的工做結果html頁面，是把不少圖層上的效果，有機的用html組織起來的過程。
　　前端是把轉化後html交給下游服務端開發工程師，或叫後臺開發，這個html裏邊包括一些交互的js文件等。總的來講前端是一個承前啓後的崗位。
　　也有的公司把前端的責任放大，負責整個前臺view層頁面的開發，這樣的好與壞在前面的文章中已經探討過就不一一細表了。

　　咱們之前基本的流程是，領導或甲方提出需求，而後產品分析需求，而且根據需求畫出原型圖，而後根據原型圖出設計稿。
　　出完設計稿團隊評審，事後交與前端製做靜態頁面，而後靜態頁面，交與設計審覈，事後交給開發人員，進行動態數據的添加。
　　添加完以後，發佈測試環境，產品測試領導審覈，成功後，直接發佈產品環境。或進行版本迭代。
　　這是整個的一個設計，開發，部署的流程。

　　根據前面的，在補充一下，前面的全部流程中的靈魂是原始需求提出者，但人隨着客觀條件的變化，思惟認識會有所不一致， 因此產生了文檔，文檔是貫穿整個流程的一個靈魂。
　　而產品是整個流程中文檔的編寫者，由於產品最能接觸最原始的需求，對需求的理解更深入或專業，因此他會有一個文檔出來。
　　這個文檔是須要交付給設計，讓設計在設計過程當中進行參考。
　　前端看的另一個文檔。交互設計師出交互文檔，通常的公司沒有交互設計師那就是由產品來出的交互文檔。
　　有的交互不過於複雜，就沒有文檔，只是郵件。
　　有時候說，不要這個郵件行不行，那怕是最簡單的原始東西，沒有文件或郵件是不能作一個後期測試回溯的依據。
　　產品文檔表示頁面的流轉或數據的走向，交互文檔描述頁面複雜的交互或各個用戶表單與用戶發生的各類互動。
　　另外2個是，要架構師或項目經理出的需求文檔，需求文檔是對整個項目的歷史背景，系統開發軟硬件要求，或版本信息，等等。
　　另一個是由服務端工程師提供的接口文檔，這裏邊包括一些請求類型，傳參的數目與鍵名，還有服務端返回的參數名約定等等的，這些文檔是開發中的靈魂，也是之後測試回溯的標準或依據。

參考：創立一個網站的前先後後（原由，域名，雲平臺，備案，CDN等等）(1)

2. 進行操做會用到哪些便捷的小工具？
參考：web前端開發分享-css,js工具篇
　　最主要是開發工具，還有上游是ps要求略會。其它就是不一樣語言的開發環境的搭建，若是是開端就求助後端，若是是後端本身折騰了。
其它的，都不難，難的是多是windows,mac,linux平臺切換後的思路斷片，須要有一個過程熟悉，熟悉以後，基本都不是問題，開發的核心是語言，平臺，需求，真正的工具沒有難度。
　　剩下的就是三個利器：vim,git,五筆，有空的學學，沒空就慢慢看了。

3.是先用模板作好，而後在基礎上改嗎？？
　　通常新項目都是手動要寫的，寫好的有可能也不是模板。

4. 正常你們說的改框架是否是指的用模板作的網站原文件？
　　框架，有幾層意思，frameset也是框架，如今mvvm也是框架，有的java,strusts,php的laravel也叫框架，大部分是不改原文件，而是配置文件，像strusts的xml配置文件，像laravel是直接是後生成的新的php文件。
5. 前端開發作的文件通常是哪些？放在主機什麼文件夾裏啊
　　通常是html,css,js三個文件，放在服務器的，有多是這三個，也有多是.php,.jsp,.aspx等等的。
可能目錄啥的，能夠參考一下這個：
參考：豪情-CSS解構系列之一
參考：豪情-CSS解構系列之二