目前WEB前端開(kāi)發(fā)主要包括PC、H5和小程序三個(gè)方便，主要設(shè)計(jì)的技術(shù)包括Javascript基礎(chǔ)、CSS、前端框架，比如Jquery、Vue、Angular、Zepto、瀏覽器相關(guān)知識(shí)。從技術(shù)發(fā)展的趨勢(shì)來(lái)看，H5和小程序會(huì)有比較快速的發(fā)展，而APP會(huì)慢慢失去競(jìng)爭(zhēng)力。前后端分離架構(gòu)以及中臺(tái)思維慢慢收到歡迎，前端開(kāi)發(fā)會(huì)受到越來(lái)越多企業(yè)的重視。
謝邀。雖然答主不是專業(yè)的前端開(kāi)發(fā)，不過(guò)當(dāng)年在校期間給學(xué)校做網(wǎng)站賺外快，也算了解一些吧。下面對(duì)前端開(kāi)發(fā)需要的技術(shù)總結(jié)下。不到位的歡迎各位留言討論補(bǔ)充。
基礎(chǔ)篇：HTML、CSS、JavaScript，差不多算的上是Web開(kāi)發(fā)三劍客，必須懂的了。
對(duì)于HTML、CSS，我們學(xué)會(huì)其語(yǔ)法、理解語(yǔ)義基本就可以了，到了JavaScript這里，就需要我們有更多的認(rèn)識(shí)了。不僅僅是語(yǔ)法、語(yǔ)義，還得掌握許多基礎(chǔ)庫(kù)以及常用框架的用法。
最后可以給大家推薦一個(gè)新手入門(mén)學(xué)習(xí)的網(wǎng)站（W3School），感覺(jué)還是很靠譜的。
進(jìn)階篇：在完成基礎(chǔ)知識(shí)的學(xué)習(xí)后，就可以針對(duì)性的細(xì)化學(xué)習(xí)，加強(qiáng)項(xiàng)目能力了。
移動(dòng)端開(kāi)發(fā)(webapp)
后臺(tái)系統(tǒng)開(kāi)發(fā)
NodeJS
等等以上每一個(gè)部分你可能都需要了解，但最好針對(duì)性的往某一方面加強(qiáng)。這一部分對(duì)于自學(xué)來(lái)說(shuō)其實(shí)是比較有難度的，最好的方法就是到相關(guān)的公司實(shí)習(xí)，許多公司都會(huì)招收實(shí)習(xí)生并在畢業(yè)后留下來(lái)，所以說(shuō)有時(shí)間的可以提前到公司去實(shí)習(xí)。
web前端開(kāi)發(fā)是創(chuàng)建Web頁(yè)面或app等前端界面呈現(xiàn)給用戶的過(guò)程，通過(guò)HTML，CSS及JavaScript以及衍生出來(lái)的各種技術(shù)、框架、解決方案，來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。
web前端開(kāi)發(fā)主要進(jìn)行網(wǎng)站的開(kāi)發(fā)、優(yōu)化、完善的工作。
Web前端開(kāi)發(fā)技術(shù)包括三個(gè)要素：HTML、CSS、JavaScript，隨著RIA的流行和普及，XML、Flash/Flex、Silverlight和服務(wù)器端語(yǔ)言也是前端開(kāi)發(fā)工程師應(yīng)該掌握的。
Web前端開(kāi)發(fā)工程師既要與上游的交互設(shè)計(jì)師、視覺(jué)設(shè)計(jì)師和產(chǎn)品經(jīng)理溝通，又要與下游的服務(wù)器端工程師溝通，需要掌握的技能非常多。
如果感興趣的朋友可以到尚硅谷進(jìn)行下載相關(guān)視頻學(xué)習(xí)。
web前端學(xué)信路線圖：