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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　四、如何選擇框架

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

　　有選擇自然就有痛苦。我至今沒(méi)有看到，有人大膽宣稱，哪個(gè)框架較好，哪種語(yǔ)言較好。

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

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

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

　　五、開發(fā)進(jìn)行需要注意的事項(xiàng)

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

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

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

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

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

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