如今，各種互聯(lián)網(wǎng)的Web應(yīng)用程序?qū)映霾桓F，那么如何快速入門，成長(zhǎng)為一個(gè)優(yōu)秀的Web開(kāi)發(fā)工作者呢?

　　一、分析與設(shè)計(jì)

　　無(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í)候，就要開(kāi)始設(shè)計(jì)了。設(shè)計(jì)是很繁瑣的，記得以前做機(jī)房收費(fèi)系統(tǒng)，設(shè)計(jì)幾乎是改了又改，細(xì)化了又細(xì)化，這里也是一樣。

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

　　二、網(wǎng)頁(yè)實(shí)體模型

　　呵呵，理論上說(shuō)，草圖整完了，應(yīng)該做實(shí)體模型了，仍然可以看做是頁(yè)面的細(xì)化，不過(guò)這次看起來(lái)應(yīng)該像最后Web應(yīng)用程序成品的一個(gè)截圖了。當(dāng)然，如果你的客戶就是你自己，只要你自己看著滿意就可以了。

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

　　三、網(wǎng)頁(yè)原型開(kāi)發(fā)

　　網(wǎng)頁(yè)原型是用HTML開(kāi)發(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)知道了要去開(kāi)發(fā)什么東西了，接下來(lái)的工作依然很多，我想，這個(gè)時(shí)候，你就該選擇，要采用什么語(yǔ)言，什么框架了。

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

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

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

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

　　前端相關(guān)免費(fèi)教程

　　免費(fèi)html視頻教程：http://m.dabaquan.cn/v27/

　　免費(fèi)css視頻教程下載：http://m.dabaquan.cn/v67/

　　Javascript視頻教程下：http://m.dabaquan.cn/v68/

　　jquery視頻教程全集：http://m.dabaquan.cn/v30/

　　ajax視頻教程全集：http://m.dabaquan.cn/v31/

　　Java jsp入門教程：http://m.dabaquan.cn/v34/

       以上就是動(dòng)力節(jié)點(diǎn)Java培訓(xùn)機(jī)構(gòu)小編介紹的“2020年web前端視頻哪個(gè)好”的內(nèi)容，希望對(duì)大家有幫助，如有疑問(wèn)，請(qǐng)?jiān)诰€咨詢，有專業(yè)老師隨時(shí)為你服務(wù)。

       相關(guān)文章

　　零基礎(chǔ)怎么自學(xué)Java，完整版Java學(xué)習(xí)路線圖

　　你還在糾結(jié)學(xué)Java，是自學(xué)還是去培訓(xùn)班嗎

　　一個(gè)標(biāo)準(zhǔn)的Java程序員如何進(jìn)階?

　　Java學(xué)習(xí)路線清單，快速進(jìn)階Java

　　Java編程初學(xué)者要如何進(jìn)階