之前看過(guò)一點(diǎn)覺(jué)得效果還可以,有很多人javascript功能只能做一些簡(jiǎn)單特效沒(méi)什么重要的用途,這重心態(tài)極其不正確的,因?yàn)槭强蛻舳撕芏嗟慕换スδ芏几鷍avascript分不開(kāi)的,作用非常大。
創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供桐梓企業(yè)網(wǎng)站建設(shè),專(zhuān)注與網(wǎng)站制作、做網(wǎng)站、H5建站、小程序制作等業(yè)務(wù)。10年已為桐梓眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)的建站公司優(yōu)惠進(jìn)行中。
零基礎(chǔ)完全可以學(xué)習(xí)web前端,但是并不是所有人都可以的,關(guān)鍵在于你是否有一個(gè)爭(zhēng)取的學(xué)習(xí)規(guī)劃,是否能堅(jiān)持下去。
以下幾點(diǎn)建議及方法送給你,可以參考一下:
前端自學(xué)者存在的學(xué)習(xí)誤區(qū):
1、所學(xué)東西可能已過(guò)時(shí)
奉為經(jīng)典的東西可能已經(jīng)過(guò)時(shí),或者已經(jīng)有了更好的替代者,而你獲取信息的渠道有限,消息滯后,導(dǎo)致學(xué)習(xí)的內(nèi)容也相對(duì)滯后。
2、學(xué)習(xí)方法盲目。
看書(shū)看不懂就找視頻類(lèi)教程學(xué)習(xí),覺(jué)得教程跟自己的口味不符就另尋他法,因?yàn)樽约喝鄙賹?duì)資源的辨識(shí)能力,總是在沒(méi)有清晰規(guī)劃學(xué)習(xí)線路的情況就盲目學(xué)習(xí),導(dǎo)致無(wú)效學(xué)習(xí)時(shí)間過(guò)長(zhǎng)而收獲寥寥。
3、只有理論,缺乏真實(shí)項(xiàng)目鍛煉。
對(duì)技術(shù)的理解停留在理論層次,而缺乏真實(shí)企業(yè)項(xiàng)目的歷練,如果沒(méi)有相關(guān)實(shí)習(xí)或工作經(jīng)歷,對(duì)前端崗位具體的責(zé)任劃分和工作流程了解不充分。
自學(xué)方法:
1、作為一個(gè)初學(xué)者,你必須明確系統(tǒng)的學(xué)習(xí)方案,我建議一定有一個(gè)指導(dǎo)的人,全靠自己學(xué),放棄的幾率非常大,在你對(duì)于web前端還沒(méi)有任何概念的時(shí)候,需要一個(gè)人領(lǐng)進(jìn)門(mén),之后就都靠自己鉆研,第一步就是確定web前端都需要哪些內(nèi)容,并且在多少時(shí)間內(nèi)學(xué)完,建議時(shí)間6個(gè)月保底。
2、視頻為主,書(shū)為輔。很多初學(xué)者在學(xué)習(xí)前端的時(shí)候非常喜歡去買(mǎi)書(shū),但是最后的結(jié)果是什么?看來(lái)看去什么都不會(huì)寫(xiě),所以在這里給大家提醒,書(shū)可以看,但是是在建立于你已經(jīng)對(duì)于某個(gè)知識(shí)點(diǎn)有了具體操作的執(zhí)行后,在用書(shū)去鞏固概念,這樣更加利于你對(duì)于知識(shí)的理解。
3、對(duì)于學(xué)習(xí)技術(shù)來(lái)講,掌握一個(gè)學(xué)習(xí)方法是非常重要的,其實(shí)對(duì)于學(xué)習(xí)web前端來(lái)講,學(xué)習(xí)方法確實(shí)很多都是相通的,一旦學(xué)習(xí)方法不對(duì),可能就會(huì)造成“方法不對(duì),努力白費(fèi)”。其實(shí)關(guān)于這方面還是很多的,我就簡(jiǎn)單說(shuō)個(gè)例子,有的人邊聽(tīng)課邊跟著敲代碼,這樣就不對(duì),聽(tīng)課的時(shí)候就專(zhuān)心聽(tīng),做題的時(shí)候就專(zhuān)心做題,這都是過(guò)來(lái)人的經(jīng)驗(yàn),一定要聽(tīng)。根據(jù)每個(gè)人的不同,可能學(xué)習(xí)方法也會(huì)有所出路,找到適合你自己的學(xué)習(xí)法方法是學(xué)習(xí)的前提。
4、不建議自己一個(gè)人瞎學(xué),在我了解學(xué)習(xí)編程的這些人來(lái)看,從零基礎(chǔ)開(kāi)始學(xué)并且最后成功做這份工作的其實(shí)并沒(méi)有幾個(gè),我覺(jué)得大部分原因就是因?yàn)樗麄兌疾涣私鈝eb前端是干什么的,學(xué)什么的,就盲目的買(mǎi)書(shū)看,到處找視頻看,最后看著看著就放棄了,所以我建議初學(xué)者在沒(méi)有具體概念之前,還是找有經(jīng)驗(yàn)的人請(qǐng)教一下,聊過(guò)之后你就會(huì)知道web前端具體是干什么的,該怎么學(xué),這是我個(gè)人的小建議,可以不采納。
學(xué)前端的話,書(shū)籍是必不可少的:
1、《JavaScript高級(jí)程序設(shè)計(jì)(第3版) 紅皮書(shū) 》,適合有一定編程經(jīng)驗(yàn)的Web應(yīng)用開(kāi)發(fā)人員閱讀,也可作為高校及社會(huì)實(shí)用技術(shù)培訓(xùn)相關(guān)專(zhuān)業(yè)課程的教材。
2、《JavaScript權(quán)威指南(第6版)》 犀牛書(shū),本書(shū)不僅適合初學(xué)者系統(tǒng)學(xué)習(xí),也適合有經(jīng)驗(yàn)的 JavaScript 開(kāi)發(fā)者隨手翻閱。
3、《JavaScript DOM編程藝術(shù) (第2版)》,本書(shū)在簡(jiǎn)潔明快地講述JavaScript和DOM的基本知識(shí)之后,通過(guò)幾個(gè)實(shí)例演示了專(zhuān)業(yè)水準(zhǔn)的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù),透徹闡述了平穩(wěn)退化等一批至關(guān)重要的 JavaScript編程原則和最佳實(shí)踐,并全面探討了HTML5以及jQuery等JavaScript庫(kù)。
4、《CSS權(quán)威指南(第三版)》,不管你是一個(gè)有經(jīng)驗(yàn)的Web開(kāi)發(fā)人員還是一個(gè)徹底的初學(xué)者,《CSS權(quán)威指南(第3版)》都是你的CSS學(xué)習(xí)源泉。
5、《JavaScript設(shè)計(jì)模式》,適合JavaScript初學(xué)者、前端設(shè)計(jì)者、JavaScript程序員學(xué)習(xí),也可以作為大專(zhuān)院校相關(guān)專(zhuān)業(yè)師生的學(xué)習(xí)用書(shū),以及培訓(xùn)學(xué)校的教材。
6、《你不知道的JavaScript(上中下卷) 》,本書(shū)既適合JavaScript語(yǔ)言初學(xué)者了解其精髓,又適合經(jīng)驗(yàn)豐富的JavaScript開(kāi)發(fā)人員深入學(xué)習(xí)。
7、《Vue.js權(quán)威指南》,該書(shū)內(nèi)容全面,講解細(xì)致,實(shí)例豐富,適用于各層次的開(kāi)發(fā)者。
學(xué)習(xí)路線:
第1階段:前端頁(yè)面重構(gòu)(4周)
內(nèi)容包含了:(PC端網(wǎng)站布局項(xiàng)目、HTML5+CSS3基礎(chǔ)項(xiàng)目、WebApp頁(yè)面布局項(xiàng)目)
第2階段:JavaScript高級(jí)程序設(shè)計(jì)(5周)
內(nèi)容包含:(原生JavaScript交互功能開(kāi)發(fā)項(xiàng)目、面向?qū)ο筮M(jìn)階與ES5/ES6應(yīng)用項(xiàng)目、JavaScript工具庫(kù)自主研發(fā)項(xiàng)目)
第3階段:PC端全棧項(xiàng)目開(kāi)發(fā)(3周)
內(nèi)容包含:(jQuery經(jīng)典交互特效開(kāi)發(fā)、HTTP協(xié)議、Ajax進(jìn)階與PHP/JAVA開(kāi)發(fā)項(xiàng)目、前端工程化與模塊化應(yīng)用項(xiàng)目、PC端網(wǎng)站開(kāi)發(fā)項(xiàng)目、PC端管理信息系統(tǒng)前端開(kāi)發(fā)項(xiàng)目)
第4階段:移動(dòng)端項(xiàng)目開(kāi)發(fā)(6周)
內(nèi)容包含:(Touch端項(xiàng)目、微信場(chǎng)景項(xiàng)目、應(yīng)用Angular+Ionic開(kāi)發(fā)WebApp項(xiàng)目、應(yīng)用Vue.js開(kāi)發(fā)WebApp項(xiàng)目、應(yīng)用React.js開(kāi)發(fā)WebApp項(xiàng)目)
第5階段:混合(Hybrid,ReactNative)開(kāi)發(fā)(1周)
內(nèi)容包含:(微信小程序開(kāi)發(fā)、ReactNative、各類(lèi)混合應(yīng)用開(kāi)發(fā))
第6階段:NodeJS全棧開(kāi)發(fā)(1周)
內(nèi)容包括:(WebApp后端系統(tǒng)開(kāi)發(fā)、一、NodeJS基礎(chǔ)與NodeJS核心模塊二、Express三、noSQL數(shù)據(jù)庫(kù))
視頻教程需要的話,留言告訴我。
基礎(chǔ)性的學(xué)習(xí)網(wǎng)站:
w3school:
w3cplus:
MDN網(wǎng)站 :
菜鳥(niǎo)教程網(wǎng):
易百教程:
腳本之家:
視頻類(lèi)的學(xué)習(xí)網(wǎng)站:
尚學(xué)堂:
慕課網(wǎng):
扣丁課堂:
極客學(xué)院:
騰訊課堂:
個(gè)人博客類(lèi)的學(xué)習(xí)網(wǎng)站:
張?chǎng)涡瘢?/p>
阮一峰:
廖雪峰:
辰辰:
軒楓閣:
社區(qū)類(lèi)的學(xué)習(xí)網(wǎng)站:
segmentfault:
掘金:
簡(jiǎn)書(shū):
WEB前端-伯樂(lè)在線:
Stack Overflow:
CSDN:
博客園:
開(kāi)發(fā)者頭條:
基礎(chǔ)性的學(xué)習(xí)網(wǎng)站:
w3school:
w3cplus:
菜鳥(niǎo)教程網(wǎng):
易百教程:
腳本之家:
視頻類(lèi)的學(xué)習(xí)網(wǎng)站:
尚學(xué)堂:
慕課網(wǎng):
扣丁課堂:
極客學(xué)院:
個(gè)人博客類(lèi)的學(xué)習(xí)網(wǎng)站:
張?chǎng)涡瘢?/p>
阮一峰:
廖雪峰:
辰辰:
軒楓閣:
社區(qū)類(lèi)的學(xué)習(xí)網(wǎng)站:
segmentfault:
掘金:
簡(jiǎn)書(shū):
Stack Overflow:
CSDN:
博客園:
希望對(duì)你有幫助!