零基礎(chǔ)如何學(xué)習(xí)web前端？

　　移動(dòng)互聯(lián)網(wǎng)的行業(yè)催生了不少崗位，其中很多崗位可以說(shuō)是一下魚躍龍門，而我們經(jīng)常使用的app就跟現(xiàn)在比較熱門的web前端開發(fā)有關(guān)。web市場(chǎng)上一片大好，web前端的人才也是供不應(yīng)求，學(xué)習(xí)web前端的人也是越來(lái)越多了，很多人都想學(xué)習(xí)web前端找到好的待遇，但是web前端好學(xué)嗎?很多人抱怨了自己參加了一些培訓(xùn)機(jī)構(gòu)的培訓(xùn)，但是出來(lái)后找工作怎么那么難?其實(shí)找工作不難，難的是你的水平是否能配的上你的崗位，web前端也不難，今天傳智播客就來(lái)跟大家說(shuō)說(shuō)如何零基礎(chǔ)學(xué)習(xí)web前端。

　　在講如何零基礎(chǔ)學(xué)習(xí)web前端之前，我們先來(lái)看看web前端開發(fā)的前景，現(xiàn)在一半以上的app都是由安卓以及web端技術(shù)開發(fā)的，而純web開發(fā)的頁(yè)面也不少數(shù)，比如qq空間，而web前端的局限性也并不局限在app，如今大火的h5，前端網(wǎng)友，服務(wù)端，以及桌面應(yīng)用還有vr都有涉及，怎么樣，是不是web前端很有前途?好了我們開始講如何零基礎(chǔ)學(xué)些web前端!

　　1.首先要知道web前端開發(fā)需要那些知識(shí)以及應(yīng)該學(xué)習(xí)的路線圖

　　HTML+CSS+JS

　　在web開發(fā)里面，html是網(wǎng)頁(yè)，負(fù)責(zé)的整個(gè)web的網(wǎng)頁(yè)結(jié)構(gòu)，而Css則是樣式文件，負(fù)責(zé)web樣式，js就是各種效果，各種邏輯交互，前兩個(gè)是比較定型的文件，基本不太注重邏輯變化，而js則是重中之重尤其是HTML5中，很多東西都需要結(jié)合JS來(lái)學(xué)習(xí)，因?yàn)槊總€(gè)人的學(xué)習(xí)進(jìn)度可能有所偏差，有一些不同，這個(gè)階段基本上就先學(xué)仿站，熟悉網(wǎng)頁(yè)基礎(chǔ)，然后用css寫一些響應(yīng)式的頁(yè)面，了解一下js的知識(shí)，比如閉包，設(shè)計(jì)模式，以及原型等，慢慢積累，逐層理解后再實(shí)踐性的掌握web

　　jq+bootstrap+aj+json

　　jq是js的應(yīng)用庫(kù)，能夠提升原js的開發(fā)效率，而bootstarp則是響應(yīng)式的網(wǎng)頁(yè)框架，能實(shí)現(xiàn)多個(gè)頁(yè)面的支持，aj是實(shí)現(xiàn)交互功能，基本上我們看到的翻網(wǎng)頁(yè)不用翻第二頁(yè)就能更新數(shù)據(jù)等，json則是數(shù)據(jù)格式，能廣泛應(yīng)用在各種編程語(yǔ)言里面。

　　jq和bootstrap是能夠簡(jiǎn)化編寫的代碼，但是對(duì)于基礎(chǔ)沒有學(xué)好的，不建議直接使用，或者建議少用，而aj和json則是與程序后端交互的語(yǔ)言，在一些業(yè)務(wù)中可能會(huì)經(jīng)常遇到

　　git/svn

　　這個(gè)是版本管理的工具，能夠避免在團(tuán)隊(duì)合作開發(fā)時(shí)避免文件沖突，也可以用于回檔，不過(guò)前端學(xué)習(xí)的時(shí)候建議學(xué)習(xí)git

　　php+mysql

　　現(xiàn)在很多網(wǎng)站都是利用php+mysql的組合，如果有需要學(xué)習(xí)php的話，建議可以先學(xué)習(xí)mysql

　　ECMAScript 6

　　ECMAScript 6是JavaScript 的語(yǔ)言標(biāo)準(zhǔn)。在6中加入了不少新的概念，也補(bǔ)了不少的js的缺陷，現(xiàn)在很多項(xiàng)目都開始運(yùn)用es6進(jìn)行項(xiàng)目開發(fā)，在這里建議學(xué)習(xí)web前端的時(shí)候先學(xué)號(hào)es5.因?yàn)闀?huì)考慮到一些關(guān)于兼容性的問(wèn)題。

　　Angular/React/Vue

　　這個(gè)是前端三大框架，各自有各自的生態(tài)系統(tǒng)，可以根據(jù)自己需要來(lái)學(xué)習(xí)，目前企業(yè)需求量比較大的是angular，但是近些年來(lái)的趨勢(shì)則是react跟vue比較受前端喜歡

　　其他常用工具

　　這個(gè)根據(jù)需求可以學(xué)習(xí)一些常用的工具，比如webpack，以及cmd還有amd等

　　后端編程語(yǔ)言

　　好的開發(fā)至少會(huì)一門基礎(chǔ)的后端語(yǔ)言，有php/java/nodejs/python等

　　學(xué)代碼最重要的就是實(shí)踐，我們一定要多去嘗試，多練習(xí)代碼，然后有興趣可以自己搭建一個(gè)播客等，上傳幾個(gè)自己的項(xiàng)目。