web前端需要學(xué)什么？

　　Web前端培訓(xùn)需要學(xué)習(xí)什么?

　　網(wǎng)絡(luò)的發(fā)展以讓web前端的開發(fā)和應(yīng)用在市場也越來越受到歡迎。很多人對web前端開發(fā)產(chǎn)生了濃厚的興趣，經(jīng)常會有人問關(guān)于web前端需要學(xué)什么的問題，今天傳智播客就給大家講講關(guān)于學(xué)習(xí)web前端都要會那些

　　一、前期需要分析那些內(nèi)容，設(shè)計應(yīng)該如何做

　　無論做一個傳統(tǒng)的桌面應(yīng)用程序，還是做一個Web應(yīng)用程序，前期的分析與設(shè)計是不可避免的。

　　分析：需求分析：你必須了解你要做的是什么、你的客戶到底想要的是什么，在做新聞發(fā)布系統(tǒng)的時候我就必須問我自己這樣的問題：我的新聞發(fā)布系統(tǒng)能干什么、我想他是什么樣子的等等。

　　當(dāng)搞明白了我到底要做什么的時候就要開始設(shè)計了。設(shè)計是很繁瑣的，記得以前做機房收費系統(tǒng)，設(shè)計幾乎是改了又改、細化了又細化這里也是一樣。

　　對于剛剛?cè)腴T的你，我想應(yīng)該簡單地畫畫頁面流程圖，選擇什么樣的工具不重要，可以用Word、可以用Visio、即使用紙也無所謂，因為鉛筆和橡皮能讓你快速應(yīng)變，只是如果要保存和傳播就不要選擇紙了。這個時候頁面畫出來，就是一堆框框的羅列，只要能讓自己知道，這個應(yīng)用后大概會是什么樣就可以了。當(dāng)然點擊某個按鈕能完成什么等，可以用程序流程圖表示出來，流程圖還是推薦大家畫的，因為這樣你對系統(tǒng)的整個脈絡(luò)會有更加清晰的認識。

　　二、網(wǎng)頁實體模型應(yīng)該如何展現(xiàn)

　　如果你是在不信任自己的Ps技術(shù)，或者你實在沒有審美細胞，又或者你不想成為大牛的網(wǎng)頁設(shè)計師，你也可以偷懶，直接奔向網(wǎng)頁原型的開發(fā)。當(dāng)時我就偷懶了，給自己的理由是：我是沒有審美的程序員。事實證明：如果你沒有實體模型，做起網(wǎng)頁原型來肯定是要花費更多時間的，有句話說得好“出來混，早晚要還的”。

　　三、網(wǎng)頁原型開發(fā)如何做

　　網(wǎng)頁原型是用HTML開發(fā)出來的，肯定是要使用CSS渲染的。一般我們的HTML文檔都會利用外部樣式來定義文檔中使用的樣式。Javascript也放在外部文檔中，這個文檔只包含了Javascript代碼。

　　按照這樣方式進行分離，網(wǎng)站將包含三種文本文件：HTML，包含頁面的內(nèi)容和結(jié)果;CSS：控制頁面的外觀和表示;Javascript，控制頁面的行為。

　　HTML,Javascript, CSS文件必須是純文本格式的，這樣瀏覽器才能理解他們，推薦幾款不錯的編碼工具：NotePad (小巧，免費)，EditPlus(功能全面的文本、HTML、程序源代碼編輯器)，VIM(速度，用它你可以把鼠標(biāo)扔掉了)。

　　這個時候在我的網(wǎng)頁原型上做一些可用性測試，防止以后出現(xiàn)大面積的失誤。在這個步驟的后，我基本上就知道了我的web應(yīng)用是如何組織到一起的了，前臺頁面有什么，各個頁面是怎么跳轉(zhuǎn)的等等。

　　這就好比我做好了一個車模，剩下的就是讓車跑起來了，又或者我是在造人，我已經(jīng)把人的皮囊做好了，接下來就是做它的“五臟六腑”了。

　　四、如何選擇框架

　　現(xiàn)在你已經(jīng)知道了要去開發(fā)什么東西了，接下來的工作依然很多，我想：這個時候你就該選擇，要采用什么語言，什么框架了。

　　有選擇自然就有痛苦。我至今沒有看到，有人大膽宣稱，哪個框架較好，哪種語言較好。

　　其實它們都各有不同，每個都有自己的長處。重要的是你要知道它們?nèi)魏我粋€都能讓你開發(fā)出好用的web應(yīng)用。

　　選擇合適自己的是相當(dāng)不容易的，還好如果你并不想花時間去研究所有框架，那么建議你選擇比較容易上手的ASP.NET 框架吧，語言自然就選擇C#了。

　　如果不是開發(fā)很小的系統(tǒng)，我想你應(yīng)該會用到數(shù)據(jù)庫，如果你不知道如何選擇，那就先從Access或者Sql Server開始吧。

　　五、開發(fā)進行需要注意的事項

　　好像蓄勢待發(fā)了，那就挽起袖子開干吧，標(biāo)準(zhǔn)的編程工作嘛。在網(wǎng)站后臺你要創(chuàng)建類、對象、服務(wù)、過程以及數(shù)據(jù)持久層來把這些對象保存到數(shù)據(jù)庫中。

　　后臺是整個應(yīng)用的核心，對任何應(yīng)用來說：它跟普通的編程沒有什么區(qū)別，才用面向?qū)ο蟮姆绞?，?yīng)用設(shè)計模式等等，可以把C/S開發(fā)的經(jīng)驗應(yīng)用過來。

　　然后把后臺的程序和原型界面集成到一起，把系統(tǒng)各部分集成到一起。集成的過程依然是可以用Javascript精雕細琢滴，采用jQuey，采用Ajax等等。

　　六、測試，調(diào)試應(yīng)該注意哪些問題。

　　這個時候你的web應(yīng)用程序開發(fā)已經(jīng)接近尾聲了只是開發(fā)。再回頭看看自己的需求和設(shè)計是否被實現(xiàn)，你同時還要確保你的程序能夠在各種瀏覽器里都能正確的運行

　　在各個瀏覽器中調(diào)試的時候，推薦你安裝一些插件例如FireFox瀏覽器中的Firebug、IE下可以用WebDevelopmentHelper等。