前端開(kāi)發(fā)需要學(xué)習(xí)的內(nèi)容包括PC網(wǎng)站布局、Html5＋CSS3基礎(chǔ)項(xiàng)目、webapp頁(yè)面布局等。 學(xué)習(xí)web前端開(kāi)發(fā)，web開(kāi)發(fā)工具有frontpage，可以使用word讓人輕松學(xué)習(xí)frontpage，另一個(gè)常見(jiàn)的是Dreamweaver，這兩個(gè)是最常用的HTML網(wǎng)頁(yè)制作工具。 HTML、CSS和JavaScript、Html是內(nèi)容，CSS是性能，JavaScript是行為，與服務(wù)器端語(yǔ)言的學(xué)習(xí)曲線相比，前端開(kāi)發(fā)的學(xué)習(xí)曲線先快后慢。 Html最基本，先學(xué)習(xí)網(wǎng)頁(yè)的布局，然后CSS用于美化HTML頁(yè)面，并為頁(yè)面提供布局和格式，最后，學(xué)習(xí)JavaScript。
黑馬程序員web前端中級(jí)程序員學(xué)習(xí)路線圖，含配套視頻，前端工具，源碼等。
黑馬程序員學(xué)習(xí)路線圖及能掌握的能力（總，以下會(huì)分階段，加上配套學(xué)習(xí)視頻，小伙伴可繼續(xù)往下看！）
第一階段：HTML5+css
配套學(xué)習(xí)視頻：
前端小白零基礎(chǔ)入門(mén)HTML5+CSS3
第二階段：移動(dòng)web網(wǎng)頁(yè)開(kāi)發(fā)
配套學(xué)習(xí)視頻：
2018移動(dòng)web進(jìn)階教程
第三階段：JavaScript網(wǎng)頁(yè)編程
配套學(xué)習(xí)視頻：
前端與移動(dòng)開(kāi)發(fā)基礎(chǔ)入門(mén)到精通
javaScript零基礎(chǔ)通關(guān)必備教程
第四階段：Node.js與Ajax
配套學(xué)習(xí)視頻：
Nodejs教程精講
ajax從入門(mén)到精通
第五階段：vue.js項(xiàng)目實(shí)戰(zhàn)
配套學(xué)習(xí)視頻：
4小時(shí)+5個(gè)揀選案例讓你快速入門(mén)Vue.js
2018年Vue.js深入淺出教程
第六階段：微信小程序
配套學(xué)習(xí)視頻：
一天教你打造企業(yè)級(jí)微信小程序
微信小程序-個(gè)人語(yǔ)音接口功能
分分鐘快速入門(mén)小程序開(kāi)發(fā)
零基礎(chǔ)玩轉(zhuǎn)微信小程序
2小時(shí)輕松實(shí)現(xiàn)人臉識(shí)別的小程序
第七階段：React.js項(xiàng)目實(shí)戰(zhàn)
配套學(xué)習(xí)視頻：
Reactjs入門(mén)教程
ReactJs精品教程
第八階段：框架階段與原理
第九階段：移動(dòng)APP開(kāi)發(fā)
第十階段：node.js進(jìn)階
第十一階段：可視化游戲
第十二段階段：架構(gòu)與運(yùn)維
還有前端免費(fèi)工具下載
另外，關(guān)注加轉(zhuǎn)發(fā)，然后私聊我發(fā)送：前端，就能獲得上面這些資源咯。
互聯(lián)網(wǎng)的高速發(fā)展促使互聯(lián)網(wǎng)企業(yè)對(duì)于網(wǎng)站等頁(yè)面的用戶體驗(yàn)要求也越來(lái)越高，導(dǎo)致網(wǎng)站開(kāi)發(fā)難度越來(lái)越大，web前端工程師。相對(duì)于其他IT技術(shù)職位來(lái)說(shuō)，很多從事此項(xiàng)工作的都是非計(jì)算機(jī)相關(guān)專(zhuān)業(yè)出身，這當(dāng)然是因?yàn)榛ヂ?lián)網(wǎng)行業(yè)吸引人，2020年web前端必會(huì)的技能有哪些呢？
1網(wǎng)頁(yè)的基本結(jié)構(gòu)（HTML、CSS）
HTML是一種標(biāo)記語(yǔ)言，而不是編程語(yǔ)言，最基本是標(biāo)簽是和，CSS是用來(lái)定義如何顯示HTML元素的。對(duì)HTML+CSS很容易入門(mén)，但很多人不夠深入，
2瀏覽器是怎么展現(xiàn)網(wǎng)頁(yè)的
不同內(nèi)核的瀏覽器對(duì)網(wǎng)頁(yè)的渲染是不一樣的，目前瀏覽器都有客戶端調(diào)試工具，
3網(wǎng)頁(yè)的什么周期
不同的web框架下，頁(yè)面的生命周期會(huì)有所不同，大體還是一樣：客戶端發(fā)送GET請(qǐng)求，服務(wù)器返回相應(yīng)頁(yè)面，客戶端完成操作及數(shù)據(jù)，然后POST給服務(wù)器。一定要對(duì)數(shù)據(jù)的傳遞(前臺(tái)與后臺(tái),頁(yè)面之間)的細(xì)節(jié)了然于心。
4DHTML DOM BOM JavaScript AJAX
這是Web前端開(kāi)發(fā)的重中之中，大多數(shù)時(shí)候我們都在和他們打交道。說(shuō)幾個(gè)注意點(diǎn)：javascript是單線程編程，所謂的javascript異步編程只不過(guò)是計(jì)劃在未來(lái)的某個(gè)時(shí)間上執(zhí)行相應(yīng)事件而已;
javascript很強(qiáng)大很靈活，不要幻想短時(shí)間內(nèi)熟練(更別說(shuō)精通)它，并寫(xiě)些框架、類(lèi)庫(kù)，初始階段還是先用熟練已成熟的框架(比如jquery)當(dāng)入門(mén);一定要熟練使用客戶端調(diào)試工具。
5服務(wù)器端語(yǔ)言開(kāi)發(fā)經(jīng)驗(yàn)，PS切圖技術(shù)
Web前端開(kāi)發(fā)介于設(shè)計(jì)與開(kāi)發(fā)中間，所以兩端的東西都得懂點(diǎn)。編輯語(yǔ)言是相通的，之前編寫(xiě)過(guò)服務(wù)器語(yǔ)言，對(duì)學(xué)習(xí)javascript是十分有益的，從圖片轉(zhuǎn)成靜態(tài)HTML頁(yè)面，少不了PS切圖技術(shù)。
6瀏覽器的兼容性
由于歷史原因，瀏覽器的兼容性一直都折磨web前端工程師的地方，雖然有W3組織，并制定了一些規(guī)范，雖然瀏覽器產(chǎn)商都正在努力改進(jìn)并接近其規(guī)范，但現(xiàn)實(shí)網(wǎng)絡(luò)環(huán)境中各種內(nèi)核、各種版本的瀏覽器都有一席之地。
7快速學(xué)習(xí)能力和主動(dòng)學(xué)習(xí)意愿
web前端的發(fā)展很快，從事這一行業(yè)一定要有快速學(xué)習(xí)能力和主動(dòng)學(xué)習(xí)意愿，這樣才能適應(yīng)Web產(chǎn)品的要求。在Web前端領(lǐng)域沒(méi)有絕對(duì)的是與非,解決一個(gè)問(wèn)題的方法有很多，但我們要找到一個(gè)更合適的方法，找到一個(gè)更合適的方法需要經(jīng)驗(yàn)作積累，總之Web前端入門(mén)容易，想熟練很難，需要更多的主動(dòng)學(xué)習(xí)意愿。