這篇文章的主要目的，是幫助基礎不好甚至是零基礎的同學從整體項目出發(fā)，從前到后的掌握一份web產(chǎn)品從立項到的上線的完整流程。由于講解的內(nèi)容較多，我會分多個篇幅慢慢解說。

先開上帝視角

許多同學在最開始開始學習某項技能的時候，都不知道從什么方面去下手。

就拿web前端來說，web前端的開發(fā)可謂是超級大雜燴，稍微學習過前端開發(fā)的同學都知道，一入前端深似海，看似低門檻甚至是零門檻（對比其他編程語言）的前端開發(fā)，在真正運用在項目實戰(zhàn)上時，自己摸索的那一點簡直是不夠用，而且前端圈子涉獵非常的“雜亂”，幾乎每天都有新的東西誕生，怎么樣在有限的精力來滿足無限的學習需求，我的回答是——“想得美”。

選擇最適合自己的學習路線，才是最重要的（“這不廢話嗎，我都還不知道怎么開始，選個P哦”），我只能說一定要先把立意先明確，這樣學到的硬技能再被更新的事物取代時才不會產(chǎn)生——“我要這鐵棒有何用”的感覺。

好了，前面啰嗦那么多，咱們言歸正傳——先開上帝視角，對于開上帝視角，我把整個產(chǎn)品項目劃分成以下幾個部分：

• 需求分析——先明確你想做個什么東西，滿足什么需求點，立個目標出來。例如某首富說的“先定一個小目標”（手動滑稽），再考慮如何實現(xiàn)
• 產(chǎn)品設計——說直白了，就是把自己設想草稿繪制出來，并對比之前的需求分析，修修補補。常用的工具有：axure、visio、Photoshop、sketch（如果你有mac的話）等等，都不會用？手繪的干活！
• 開發(fā)——到了這個環(huán)節(jié)，就是上手寫代碼的時候了，這個時候需要首先考慮程序整體的架構(gòu)、可維護性并且結(jié)合需求分析，給出一定的數(shù)據(jù)上報方便進行數(shù)據(jù)分析和產(chǎn)品的迭代。開發(fā)到時候會挑選最簡單易懂的方案詳細講解。（先俯視一下整體）
• 發(fā)布上線——哇哦，開發(fā)完了是不是就應該上線了，其實中間還有一個環(huán)節(jié)，測試與修復BUG。之所以沒放里面是因為，作為一名全棧式產(chǎn)品+開發(fā)人員，這個問題不應該放在開發(fā)中解決嗎（手動滑稽）（“競品分析和用戶調(diào)研呢...” “早著呢...”），開發(fā)完成后，整個web項目會托管到github，不熟悉github的同學，可以先去了解一下，或者等到我寫到這一章
• 數(shù)據(jù)分析——目前蠻多家數(shù)據(jù)分析服務的供應商，基本都有免費服務：友盟、TalkingData、百度統(tǒng)計、google analytics等等。個人推薦使用TalkingData
• 優(yōu)化迭代——字面含義，但內(nèi)容涉及非常廣，對自己有嚴格要求的同學，可以待項目上線后深究一下。web端常見的優(yōu)化有：優(yōu)化圖片尺寸、減少單位時間內(nèi)請求數(shù)量、減少重繪和回流（這個對新手來說有點深了，先無視吧）等等。迭代的話，除了根據(jù)產(chǎn)品自身的需求以外，還需要結(jié)合數(shù)據(jù)表現(xiàn)，糾正和完善迭代方向

關系流程圖

上圖是幾大步驟的基本關系圖，我叫它基本套路。

橙色字體標記出來的是需要重點關注的對象，先弄清楚關注點，再去找切入點下手

結(jié)束語

這篇文章干貨并不多，主要目的，是幫助大家了解整套項目的基本結(jié)構(gòu)或者說流程。每個環(huán)節(jié)還可以再拆解細分，這里就不做詳細描述了。

就跟學校教書的套路一樣，我會從前到后把一個web產(chǎn)品的整個生命周期描述一遍。如果只是單純對技術，或者是對產(chǎn)品感興趣的朋友，大可不必每個環(huán)節(jié)都看。

（由于工作的原因，我的更新速度會很慢，有多慢呢？我也不知道，但一定會把它講完）