零基礎(chǔ)開始學(xué) Web 前端開發(fā)該學(xué)那些

1、零基礎(chǔ)開始學(xué) web 前端開發(fā)該學(xué)那些為了能讓零基礎(chǔ)想學(xué)習(xí)前端的學(xué)員都能聽懂，這里我不會說一些看不懂且聽不懂的話，來打壓你們學(xué)習(xí)的自信念。下面我來說下怎么零基礎(chǔ)學(xué)習(xí)web前端。我先說一下學(xué)完web前端之后你可以開發(fā)網(wǎng)頁，做h5動畫，做手機端app，可以做自己的博客網(wǎng)站，可以做微信公眾號開發(fā)，可以開發(fā)小程序，可以結(jié)合nwjs做電腦客戶端軟件：比如微信的pc版，釘釘?shù)膒c版這些都是web前端來做的。1.怎么開頭學(xué)習(xí)兩條路：自學(xué)或者找培訓(xùn)班，培訓(xùn)班這里我不做什么評價最好是自己實際去實際去看看不同的培訓(xùn)班自己再做打算，不要任憑聽網(wǎng)上所說。培訓(xùn)最大的益處就是有人監(jiān)督，就業(yè)的話有一定的保障。這塊就講這么多

2、，主要講下怎么去自學(xué)怎么學(xué)。對于自學(xué)最挺直的方式就是看視頻學(xué)習(xí)，可以是在線視頻，現(xiàn)在平臺上的課程無數(shù)不要去糾結(jié)，入門課程都一樣，不用糾結(jié)于選哪一個。視頻找好了之后，假如你不想中途放棄，或者，鋪張?zhí)鄷r光又沒效果的話。就找找一個引路人，引路人固然是能力越強越好，找引路人的目的在于為你制定學(xué)習(xí)方案，把控學(xué)習(xí)質(zhì)量，準(zhǔn)時訂正錯誤的學(xué)習(xí)方向，教你正確的學(xué)習(xí)方式。給你做心理輔導(dǎo)。為你準(zhǔn)時打氣持續(xù)性補充你的信念。這里我多說一句，如何挑選了比較好的培訓(xùn)小學(xué)那么教師就是最好的引路人的。我遇到過無數(shù)自學(xué)的同學(xué)，有勝利的也有放棄的，放棄的那些學(xué)生基本都是輸在錯誤的學(xué)習(xí)思路和心理迷茫期。聽他們埋怨說：沒有人去指導(dǎo)他們

3、，天天學(xué)完就學(xué)完了，其次天接著學(xué)，但是東西太亂都串不起來，也都不知道是干嘛用的，尤其是js部分，這種問題徹低可以把一個人摧毀！所以我這里再三強調(diào)一邊：有問題一定要去問，去解決，千萬不要不懂裝懂，弄明了了再往下走，人的心理是很堅強的，一旦倒了可能就再也站不起來了。敬告各位新入行的學(xué)生，除非你之前有過編程閱歷，不然就找個引路人指導(dǎo)你。3.列一個學(xué)習(xí)大綱01.環(huán)境搭建前端環(huán)境很好搭建，一個開發(fā)工具即可，webstorm，hbuilder，vscode，sublime。初學(xué)者建議sublime 也不要裝插件，沒有語法提醒，可以打基礎(chǔ)02.html基礎(chǔ)帶你去熟悉html，讓你學(xué)習(xí)去運行html，等掃瞄器

4、上面打開你的頁面的時候，你會有很強的成就感，然后開頭學(xué)習(xí)html的基礎(chǔ)標(biāo)簽03.css基礎(chǔ)html是勾畫，css是染色，基礎(chǔ)的css學(xué)完你會有種想寫頁面的沖動，這時候你不用抑制住那種感覺，挺直根據(jù)自己所想開寫，這是你的第一個項目04，js基礎(chǔ)js是頁面的規(guī)律，作為一個web前端工程師，js是很核心的部分，也是很難的部分。js的學(xué)習(xí)之后放長一些，尤其是前一周，要讓自己去認識那種語法環(huán)境，培養(yǎng)自己的開發(fā)思路，而且有一點就是學(xué)完一個星期的學(xué)問之后，準(zhǔn)時和你的指引人交流，看卡自己的理解是否有誤，還有就是學(xué)習(xí)思路是否有問題，他會給你指出那些東西需要多學(xué)習(xí)，哪些不常用，還有就是給你點一下你學(xué)的這些在項目中

5、會是怎么去應(yīng)用，理論聯(lián)系實際是最好的學(xué)習(xí)方式。05.純js操作dom和jquery這階段要知道怎么去用js來更改頁面的元素，怎么去寫dom大事，經(jīng)過一番聯(lián)系后，再引入jquery，不要舍本逐末，有個學(xué)生學(xué)完jquery之后說宣誓以后再不用原生js操作dom！然后被我狠狠罵了一頓06，開頭你的ui框架之旅這個階段我推舉從bootstrap開頭，這個框架很經(jīng)典，響應(yīng)式的珊格系統(tǒng)被后來框架向來沿用，在我線下教學(xué)的那幾年，我都會帶著同學(xué)一起看bootstrap的源碼，讓他們學(xué)會這種設(shè)計思想，由于之后對他們太實用了，當(dāng)初他們很疼痛，現(xiàn)在他們說起來覺得很受益，假如可以，你也要去看看源碼，先學(xué)會去定制boo

6、tstrap，公司注意二次開發(fā)，定制 bootstrap正巧可以練手。07.開頭深化css3基礎(chǔ)學(xué)完css3要提上日程，這時你會看到不一樣的世界08.深化js這階段你就要去解讀原型鏈，原型替換，this指向，es6，es7的新語法，09.學(xué)一套主流mv*框架vue，react，angular2選一種，我建議從vue開頭，react的jsx語法不適合你入門去學(xué)習(xí)，angular2的typescript語法糖難度也比較高，vue學(xué)起來平滑些，結(jié)合vue，學(xué)一下vue-router，vuex，element ui，axios，webpack。做個項目玩一下這個全家桶10.升級后臺語言nodejs這個不作要求，你在學(xué)vue的時候其實已經(jīng)在用nodejs了，你用的npm就是nodejs的一部分，這個階段說的是nodejs編程，比較難理解，究竟是寫服務(wù)器的東西，不過前面基礎(chǔ)打牢固，讓別人一點撥就能上手，技術(shù)不難，難在思路轉(zhuǎn)換。3.總結(jié)做項目兩個項目，一個是側(cè)重于css特效方面的，要求就是十分酷，帥到?jīng)]伴侶其次個項目側(cè)重規(guī)律處理，用來升華