為什么感覺(jué)周?chē)芏嘧詫W(xué)web前端的人后來(lái)都放棄了？首先，前端并不像互聯(lián)網(wǎng)上說(shuō)的那么簡(jiǎn)單。前端是一個(gè)系統(tǒng)的研究。我們都說(shuō)前端是HTML CSS JS。HTML和CSS不是編程語(yǔ)言，只是JS或腳本語(yǔ)言。事

為什么感覺(jué)周?chē)芏嘧詫W(xué)web前端的人后來(lái)都放棄了？

首先，前端并不像互聯(lián)網(wǎng)上說(shuō)的那么簡(jiǎn)單。前端是一個(gè)系統(tǒng)的研究。我們都說(shuō)前端是HTML CSS JS。HTML和CSS不是編程語(yǔ)言，只是JS或腳本語(yǔ)言。事實(shí)上，一個(gè)CSS會(huì)讓你發(fā)瘋。很多人看CSS很簡(jiǎn)單，他們不看規(guī)范，所以他們只是弄亂了它。然后CSS設(shè)計(jì)原型出了問(wèn)題。實(shí)際上，您沒(méi)有看到CSS規(guī)范。如果你系統(tǒng)地學(xué)習(xí)前端的規(guī)則，這很容易。

第二，自學(xué)的困難不是智商，而是毅力。很多自學(xué)成才的人對(duì)前端的零基數(shù)感興趣或者是從其他行業(yè)轉(zhuǎn)移過(guò)來(lái)的。這些人對(duì)前端知識(shí)沒(méi)有明確的概念，也沒(méi)有前人來(lái)指導(dǎo)，所以在學(xué)習(xí)的過(guò)程中會(huì)遇到很多的疑惑和困難。學(xué)習(xí)中的挫折很容易消除學(xué)習(xí)的動(dòng)力，從這些挫折中堅(jiān)持是關(guān)鍵。

第三，學(xué)習(xí)滯后。大多數(shù)自學(xué)成才的學(xué)生從網(wǎng)上找到學(xué)習(xí)資料和視頻，這有很大的問(wèn)題。首先，互聯(lián)網(wǎng)上這些材料的質(zhì)量參差不齊。其次，前端知識(shí)是不斷更新和迭代的，很難獨(dú)立收集最新的前端知識(shí)。

最后，希望前端的自學(xué)伙伴能堅(jiān)持下去，找到一份好工作。

想學(xué)UI，需要有基礎(chǔ)嗎？

報(bào)考培訓(xùn)班，可以學(xué)習(xí)，也可以買(mǎi)電腦買(mǎi)書(shū)自學(xué)。

首先，UI和前端應(yīng)該在一個(gè)共同目標(biāo)的前提下進(jìn)行通信。如果目標(biāo)不一致或者沒(méi)有目標(biāo)，就沒(méi)有辦法溝通。一般來(lái)說(shuō)，在真正的代碼開(kāi)發(fā)之前，前端需要設(shè)計(jì)以下內(nèi)容：

1.1 JPG文件：每個(gè)PSD都有動(dòng)作分解圖，包括頁(yè)面邏輯，或者交互分解。設(shè)計(jì)師的目的是為了方便的復(fù)制設(shè)計(jì)，但是對(duì)于開(kāi)發(fā)者來(lái)說(shuō)，如果分類(lèi)過(guò)于隱蔽，開(kāi)發(fā)的一部分就會(huì)漏掉。

2.1 PSD文件：一個(gè)好的PSD文件是一個(gè)清晰的分層標(biāo)準(zhǔn)設(shè)計(jì)文件。

3.1需求文檔：需求文檔是對(duì)當(dāng)前開(kāi)發(fā)功能的基本介紹或邏輯詳細(xì)描述。

4.1原型文件：原型設(shè)計(jì)文件通常是產(chǎn)品經(jīng)理初步功能假設(shè)的草稿。這個(gè)草稿只是一個(gè)簡(jiǎn)單的布局或交互設(shè)計(jì)，需要經(jīng)過(guò)藝術(shù)處理才能成為一個(gè)完整的界面，可以呈現(xiàn)給用戶。當(dāng)然，所有這些結(jié)果都需要在會(huì)議上逐級(jí)審查。經(jīng)各項(xiàng)目組組長(zhǎng)同意后，可通過(guò)郵件發(fā)送給各成員。最笨拙的方法是把它們放在局域網(wǎng)的共享地址中得到PSD文件。

UI把圖做好之后是怎樣跟前端交接的？

在IT行業(yè)，前端和后端之間的通信經(jīng)常出現(xiàn)問(wèn)題。造成這些問(wèn)題的原因有三個(gè)。一是后端服務(wù)跟不上前端要求；二是前端開(kāi)發(fā)人員對(duì)后端服務(wù)接口的理解有誤；三是接口設(shè)計(jì)不夠，導(dǎo)致前端調(diào)用繁瑣低效。

對(duì)于前端開(kāi)發(fā)人員來(lái)說(shuō)，要想與后端順利溝通，首先要了解中間接口。只有接口清晰，與后端的溝通才能順利進(jìn)行，職責(zé)分工才會(huì)更加明確。一般來(lái)說(shuō)，接口的定義是由架構(gòu)師完成的，它是在充分理解整個(gè)項(xiàng)目需求的基礎(chǔ)上進(jìn)行設(shè)計(jì)的。但是，界面的設(shè)計(jì)也是一個(gè)動(dòng)態(tài)的過(guò)程，設(shè)計(jì)完成后不會(huì)發(fā)生變化。因此，當(dāng)中間接口不能滿足前端開(kāi)發(fā)人員的需求時(shí)，也可以先與架構(gòu)師溝通。當(dāng)然，在實(shí)際開(kāi)發(fā)過(guò)程中，很多前端開(kāi)發(fā)人員會(huì)直接向后端提出需求。在大多數(shù)情況下，后端會(huì)根據(jù)需求調(diào)整接口并給出實(shí)現(xiàn)。

目前，許多項(xiàng)目的開(kāi)發(fā)是同時(shí)進(jìn)行的。因?yàn)榍岸碎_(kāi)發(fā)通常效率更高，所以前端通常推動(dòng)后端。對(duì)于后端開(kāi)發(fā)商來(lái)說(shuō)，壓力比較大。畢竟，后端業(yè)務(wù)處理的過(guò)程是比較復(fù)雜的。在實(shí)際開(kāi)發(fā)中，后端開(kāi)發(fā)人員通常會(huì)為界面提供一些仿真數(shù)據(jù)，方便前端人員調(diào)用。

最后，前端開(kāi)發(fā)人員和后端溝通時(shí)，應(yīng)該能夠把問(wèn)題說(shuō)清楚，而不是要求后端人員去調(diào)整。因?yàn)楹蠖碎_(kāi)發(fā)人員也根據(jù)接口的要求提供實(shí)現(xiàn)，所以通信的方式也更為重要。