在網站開始制作前我們需要對要做的網站有個基本的定位和規(guī)劃，比如要展示的數據是什么？數據量多大？用戶是誰？訪問量多大？公司有沒有自己的基本色要求？對網站技術架構有沒有要求？后期運維需求是什么？網站對工期的要求？這些問題需要網站所有者心里有數或者需要和制作團隊一塊來調研搞清楚，否則會影響后邊的技術、架構的選型，及UI的設計等。

1、明確要展示的數據我們在產品或者項目開發(fā)中往往提到數據驅動，知道要展示的數據是什么才能設計以什么的頁面樣式、組件來展示數據。比如數據就是一篇篇的文章，那我們在設計頁面的時候可以參照今日頭條。但是數據如果是些金融類的數據可能就需要用k線圖、柱狀圖、雷達圖或者金融方面更專業(yè)的圖表了。可以說要展示什么數據決定了頁面樣式、頁面功能等。分析要展示的數據對后邊數據庫的設計也是必要的。是選擇關系型數據庫、還是非關系型，或者本身就不需要數據庫，文件存儲就滿足要求了。2、數據量的大小數據量的大小決定后臺存儲架構，單機存儲還是分布式，需不需要利用緩存技術等。對大數據量怎么解決網站訪問讀寫的性能問題等。這塊比較偏技術架構，不過對網站的性能、可維護性、可擴展性至關重要。3、確定網站的用戶網站面對的用戶一般分為2B和2C，或者兩類用戶都有。對于2B類的網站在設計上偏傳統(tǒng)些、還要考慮相關的行業(yè)風格。2C的一般比較互聯網化，在技術上可以選擇更先進的技術。為什么這么說那，2B的業(yè)務很多是辦公室用的，涉及到網絡安全問題對操作系統(tǒng)版本、瀏覽器版本可能有限制，如果使用技術比較新可能瀏覽器不兼容，實施起來的工作量就比較大了。筆者曾經做過國家部委的web系統(tǒng)，整個部委官方的系統(tǒng)是xp、ie是7或者8。如果在網站設計之前對這個不了解，那就是一個大坑！4、訪問量網站架構師會根據訪問量的大小設計系統(tǒng)架構，配置系統(tǒng)資源。比如服務器的數量、網絡帶寬，并根據并發(fā)數設計系統(tǒng)架構等。小的網站一臺服務器甚至買些發(fā)布空間就夠了，對于訪問量大、并發(fā)要求高的就需要在硬件資源和架構上進行整體考慮。5、公司基本色等網站除了要滿足一些功能外，對外也是公司的宣傳窗口，網站的顏色、風格等也反應了公司的調性。很多公司也有自己的基本色或者是行業(yè)的基本色。比如環(huán)保類的企業(yè)、婚慶類的、喪葬類的在選色應該有所不一樣。還有就是公司logo需要在網站上體現的需要提前準備好。6、網站架構要求很多公司有自己技術團隊或者開發(fā)完后需要自己的團隊對網站進行后期版本迭代、bug修改。為了延續(xù)技術的統(tǒng)一，需要網站的技術和現有的團隊是匹配的。這對后期運維至關重要。另外需要注意的是技術方面的先進性、流行性。不能用太老的技術，太生僻的技術等。7、后期運維需求為什么把后期運維單獨提出來強調那？很多公司或者沒有做過網站的公司很容易忽略這塊，這塊也是較重的隱性成本。一般的網站會帶一個后臺管理系統(tǒng)，包括用戶管理、日志管理、內容管理等，在網站建設前對這塊也需要評估功能點和工作量。8、網站工期根據網站工期的要求，需要制定產品開發(fā)計劃、人員投入調配以及服務器、域名等資源調配。

網站制作階段：

1、網站設計設計師會根據前期溝通對網站整體布局結構進行設計，包括風格、配色、字體、圖標等。整個設計要包含網站的所有功能，所有頁面。有的公司把設計還分為產品設計、UI/UE設計。這個階段需要用戶深入參與，以避免后期的修改和返工。設計師在這一階段還需要把設計的頁面進行切圖等工作，以給前端進行前端開發(fā)用。2、前端頁面制作前端工程師根據網站的整體設計利用HTML、js等前端技術把網站實現出來。同時需要進行兼容性測試，在ie、谷歌、火狐、360等不同品牌不同版本間進行測試，以保證網站在不同的瀏覽器之間都能正常訪問，并能達到設計的效果。設計師3、架構及環(huán)境搭建涉及到后臺開發(fā)的網站需要搭建服務器、數據庫、ide、類庫等開發(fā)環(huán)境，有時候前端也需要。復雜的系統(tǒng)還需要考慮分布式部署、負載均衡、數據庫分層等。4、后端開發(fā)后端開發(fā)主要實現網站的交互、數據存取等。包括用戶的登錄注冊、業(yè)務數據的增加修改刪除、用戶體系的建立維護、后臺管理等。后端是整個系統(tǒng)業(yè)務邏輯的實現，需要和前端工程師定義交互協議、接口等。也需要和前端工程師進行聯調測試。5、測試測試分為單元測試和整體測試。復雜的系統(tǒng)需要寫測試用例，并伴隨整個開發(fā)周期。另外除了進行功能測試外，還需要進行性能測試。比如測試網頁的響應速度、并發(fā)量等。測試過程的bug需要記錄提交，修改完后也需要復測確認。6、發(fā)布運行系統(tǒng)測試完bug修改后，在確保沒有bug后，系統(tǒng)可以發(fā)布運行。這時候需要制定系統(tǒng)上線、運維的機制和保障。比如后期bug修改后的系統(tǒng)發(fā)布時間、數據備份周期等。7、域名、服務器等的申請另外如果是互聯網系統(tǒng)還需要申請域名和外網IP，服務器可以采用托管、云等方式進行配置。以上就是網站建設的一般流程，其實復雜網站系統(tǒng)在建設開發(fā)過程要復雜的多，需要多個團隊協作完成。以上我們只是梳理一般需要的流程。大系統(tǒng)需要設計、前端制作、后端開發(fā)、測試、上線等反復迭代發(fā)布。

我來說說，我是一名前端程序員。有趣去的可以關注一下。

GitHub

首當其沖就是GitHub了，上面有許多優(yōu)質的源碼，一些有趣且好玩的前端代碼，上面真的是應有盡有，各種行業(yè)大神，如果你連這些都不去發(fā)現挖掘，甚至有的程序員連GitHub上都沒上過，我覺得這就有點過分了，你不僅可以去看前端，你還可以看別的語言，最新的技術源碼，挖掘并學會分解那些知識，你將進步很大。

開發(fā)者頭條

這上面有我們前端專用的分類，里面全是一些最新技術知識，都是行業(yè)頂級大神和平臺發(fā)布的文章和技術，里面也是應有盡有，很多小伙伴都不知道，今天我就把它分享給你們，記得上去看看啊，真的有好多好東西。

superslide

SuperSlide 致力于解決網站大部分特效展示問題，使網站代碼規(guī)范整潔，方便維護更新。網站上常用的“焦點圖/幻燈片”“Tab標簽切換”“圖片滾動”“無縫滾動”等只需要一個SuperSlide即可解決！從此無需網上苦苦尋覓特效，無需加載n個插件，無需害怕代碼沖突，你需要的只是一個SuperSlide！還可以多個SuperSlide組合創(chuàng)造更多效果哦！

前端里

前端里-專注 Web 開發(fā)技術和資源分享，網頁設計,創(chuàng)意欣賞,網站模板,免費素材，前端里專注于分享最前沿的Web開發(fā)技術，教程，資源和素材，是面向網站開發(fā)人員和設計師的學習交流平臺。

Web技術分享

里面也全是前端行業(yè)程序員的一些經驗分享和技術文章，足夠你學習去吸取他們優(yōu)質的知識內容，包括JavaScript、PHP、運維方面的一些知識。

好了，別人理出來我就不理了，這些也是很多不知道的，今天分享出來讓大家看看，如果你覺得有用，你可以關注我，我一直在寫關于前端的文章，帶大家一起學習前端，謝謝。

關于“作為前端開發(fā)的，平時都看哪些網站關注最新學習信息？”的問題回答完了。如果你覺得我的回答對你有用，請關注一下點個贊，后續(xù)我會持續(xù)輸出科技方面的文章問答噠，謝謝哦！

做一個像淘寶這樣的軟件，安卓和iOS版，從頭做，頁面給你做得像模像樣，10萬人民幣。

這時候，這個軟件還只能看，不能真正用起來。

如果這個app要可用，商家可以入駐，買家可以注冊，可以交易，可以支付，可以聊天，有運營后臺，有智能推薦系統(tǒng)，有垃圾過濾系統(tǒng)，反正淘寶有的功能，都給你實現了，算500萬吧。

那做一個像淘寶一樣的軟件，成本就是500萬？

不。

目前這個軟件，還只能100個人同時用。超過100個人，系統(tǒng)可能就崩了。

如果要做到1000個并發(fā)，再加500萬。

如果要做到1萬個并發(fā)，再加1000萬。

如果要做到100萬并發(fā)，再加10億。

淘寶雙11的峰值是多少來著？

所以，這個問題，做一個像淘寶一樣的軟件，花不了多少錢。做一個淘寶網，花多少錢，也做不出來。