如何在家自學(xué)web前端開發(fā)
越來越多的年輕人選擇了前端開發(fā)這條職業(yè)道路，但苦于不知該如何在家自學(xué)。下面百分網(wǎng)小編整理了自學(xué)前端開發(fā)的方法，希望對你有所幫助!
自學(xué)前端開發(fā)的書籍
書籍，這個(gè)必須的。每個(gè)行業(yè)都其經(jīng)典。正如史家必備一本《史記》，醫(yī)者必有《黃帝內(nèi)經(jīng)》;而學(xué)前端，就必須買幾本像《JavaScript高級程序設(shè)計(jì)》這樣的經(jīng)典，用心研讀。我的建議是，買幾本書，要認(rèn)真讀透的，細(xì)讀。收獲會(huì)不少。具體書單，動(dòng)手搜索一番，唾手可得。
除了入手幾本經(jīng)典的書之外，當(dāng)然還需要其他書籍的補(bǔ)充，但也不是什么書都要到網(wǎng)上去買書。一個(gè)原因是Economy問題，如果手頭不是很寬裕，書還是蠻貴的。即使沒有經(jīng)濟(jì)問題，也有一個(gè)書的選擇問題。有可能你買的書，不夠有用、不夠合適甚至根本沒用。信息豐富的時(shí)代，也是信息泛濫的時(shí)代。書籍的出版也有些泛濫了。隨便到“當(dāng)當(dāng)”上去搜搜看，選項(xiàng)是極其豐富的，選擇是有點(diǎn)困難的。要買到合適的書不是一件容易的事。關(guān)于如何挑選到好書，動(dòng)手搜索一番，唾手可得。大致內(nèi)容是，豆瓣評分可以作為一個(gè)重要參考標(biāo)準(zhǔn)。由于書籍不是電影，沒有什么水軍，所以豆瓣上的書籍評分非常可觀公正，可以作為重要的參考，我看了很多很多的書籍，基本上都符合我心中的評分。7.5分以上就值得一看、8分以上好書、8.5分以上品質(zhì)很高的書。簡單來說，就是先去豆瓣看一下書評和評分，然后再?zèng)Q定要不要買。
這里我推薦另外一個(gè)方法——電子書。你可以先下載下來看看先。如果覺得不錯(cuò)，再買不遲;還可以選擇把電子書打印出來。當(dāng)年，我在大學(xué)里開了個(gè)宿舍打印店，至少打了好幾十本電子書。我覺得效果不錯(cuò)，強(qiáng)烈推薦。打印機(jī)現(xiàn)在確實(shí)不貴，消費(fèi)得起，紙張的話幾分錢/張。
以上兩種方式結(jié)合起來，既可以保證你的閱讀量，又可以節(jié)省時(shí)間與金錢，可謂一箭三雕。另外，關(guān)于很多人說的不習(xí)慣電子書的學(xué)習(xí)方式，包括以前的自己也是如此。我有一點(diǎn)個(gè)人的看法，不管互聯(lián)網(wǎng)行業(yè)還是其他行業(yè)，利用網(wǎng)絡(luò)實(shí)現(xiàn)學(xué)習(xí)已經(jīng)成為一種主流，你必須掌握這種方式。不習(xí)慣也就一開始不習(xí)慣，用久了就習(xí)慣了，是吧?當(dāng)然，你可以用閱讀器或者是手機(jī)看書，用技術(shù)手段調(diào)節(jié)一下，這都非常地OK。
自學(xué)前端開發(fā)的教程
看教程。泡技術(shù)網(wǎng)站，逛技術(shù)博客，順便收藏幾位大神的博客并不時(shí)拜讀，這些都是非常好的方法。具體到前端學(xué)習(xí)，自然是從大名鼎鼎的http://w3school.com開始征程。這個(gè)網(wǎng)站可以實(shí)時(shí)做一些簡單的練習(xí)，然后就可以看到效果�？焖龠^完這些基礎(chǔ)的前端練習(xí)。就可以過渡到視頻教程的學(xué)習(xí)了。現(xiàn)在網(wǎng)上的教程不少，但找到免費(fèi)、有價(jià)值且完整的教程不容易。倒不如花點(diǎn)小錢，節(jié)省點(diǎn)時(shí)間，提高點(diǎn)學(xué)習(xí)效率。錢要看花得值不值，一味地省，浪費(fèi)的是自己的時(shí)間。培訓(xùn)機(jī)構(gòu)的班別輕易報(bào)，畢竟花銷不小;如果確定要報(bào)，至少也要入個(gè)門有點(diǎn)基礎(chǔ)再去報(bào)。不要輕信零基礎(chǔ)就能進(jìn)的培訓(xùn)班，知識(shí)的領(lǐng)悟是需要時(shí)間的，你基礎(chǔ)越差，在培訓(xùn)機(jī)構(gòu)里短短時(shí)間里，所能學(xué)到領(lǐng)悟的東西自然要比別人少的多。這和上課前預(yù)習(xí)的道理是一樣的，大家都懂的哈。
自學(xué)前端開發(fā)的實(shí)踐
實(shí)踐出真知。實(shí)踐能將所學(xué)知識(shí)化為技能。另外還要通過實(shí)踐，有意識(shí)地培養(yǎng)一種能力——通過互聯(lián)網(wǎng)的.方式獨(dú)立解決問題的能力。關(guān)于網(wǎng)上的教程，有一件永遠(yuǎn)不可能發(fā)生的事情就是——“你照著做就不會(huì)出錯(cuò)”。實(shí)際情況，往往各種問題都可能發(fā)生，經(jīng)常是作者覺得超簡單的步驟，簡單到人家都懶得寫清楚而一筆帶過，你卻卡了殼。但你也要慶幸，你肯定不是第一個(gè)遇到同樣問題的人，肯定已經(jīng)有人遇到并且解決了，你要做的，就是就著問題再去搜索。一般呢，一個(gè)問題，要結(jié)合兩三篇技術(shù)貼才能解決。耐心看帖，大膽假設(shè)，小心求證，事后記錄。就是我所能給出最好的忠告了。
我本人大概花了兩三年才習(xí)得這個(gè)技能的，在未習(xí)得這個(gè)技能之前，各種苦逼+被鄙視;而獲得此技能之后，無論是什么問題，無非是花多點(diǎn)時(shí)間，最后總是能夠解決的。有同感的請點(diǎn)贊哈。關(guān)于這個(gè)技能的獲得，沒有捷徑，只能是靠實(shí)踐，靠時(shí)間的浸潤。學(xué)一樣?xùn)|西，你不管學(xué)了多久，只要你不拿去用，你永遠(yuǎn)都不會(huì)掌握。關(guān)于實(shí)踐的重要性，再怎么描述都不為過。學(xué)前端更要不斷地練習(xí)。只做普通的練習(xí)是不夠的，要做一些小項(xiàng)目，規(guī)模稍大一點(diǎn)的小項(xiàng)目。比如模仿一些知名網(wǎng)站，比如小米或者京東。我自己就做過京東的手機(jī)版網(wǎng)站，收獲確是不少�；蛘咦鰩讉�(gè)網(wǎng)頁小游戲，實(shí)際操練下JS/JQ，Html5。我自己就做過好幾個(gè)網(wǎng)頁游戲，如掃雷、俄羅斯方塊等等。
自學(xué)前端的相關(guān)問題
要選一個(gè)好的工具。工欲善其事，必先利其器。但選定了之后，就不要輕易更換了，畢竟每一款軟件都是有一定的學(xué)習(xí)成本的，要想熟練掌握一款軟件，必須要經(jīng)過長時(shí)間的使用。頻繁換工具，只是在浪費(fèi)你的學(xué)習(xí)時(shí)間。這里自然是推薦SublimeText3，網(wǎng)上有一篇講如何讓你的Sublime更加得心順手的文章，動(dòng)手搜索一番，唾手可得。
另外再講一點(diǎn)關(guān)于對前端的認(rèn)識(shí)的。前端理論上分為兩大類，一類是寫頁面(Html+Css)的，一類是寫交互(JS)的。一般來說，只有大公司才會(huì)分得這么細(xì)。也就是說，你只會(huì)Html和CSS的話，在現(xiàn)實(shí)中，是遠(yuǎn)遠(yuǎn)不夠的;在前端的編程世界里，JavaScript是占統(tǒng)治地位的。你要學(xué)前端，就繞不開Ta;你要學(xué)好前端，更應(yīng)該掌握好Ta。其實(shí)JavaScript，簡稱JS,學(xué)名ECMAScript，都是這家伙的稱呼。稍稍解釋一下，這家伙和另一門大名鼎鼎的語言Java，沒什么關(guān)系，只是那時(shí)候，人家Java很火，JavaScript的爹媽借勢就給他改成了JavaScript的名字，其實(shí)Ta原名叫LiveScript。
JavaScript的作者其實(shí)只花了幾天就完成了JavaScript，所以，盡管后來JavaScript非常地成功，但也存在不少缺陷。為了解決這些缺陷，JavaScript的庫和JavaScript的框架就如雨后春筍般地冒出來，現(xiàn)在比較流行的庫有JQuery、Prototype以及MooTools等;比較火的框架有Bootstrap、Angular、React以及Vue等。尤其是NodeJS誕生后，JavaScript更是突破了前端的界限，沖到了后端，以致于現(xiàn)在誕生了一個(gè)新的職業(yè)“全棧工程師”。這在目前是前端發(fā)展的一個(gè)重要方向。另外一個(gè)重要方向就是混合式App的開發(fā),對的，用傳統(tǒng)網(wǎng)頁技術(shù)(Html+CSS+JS)，可以開發(fā)出跨Andorid平臺(tái)以及iOS平臺(tái)的App,代表有APICloud,DCloud，以及React。而第三個(gè)重要方向是HTML5游戲開發(fā)，了解不深，不多贅言。我要講的是，新的技術(shù)如此之多，如何選擇成為難題。這么多的技術(shù)，一個(gè)人的精力和時(shí)間都是有限的。個(gè)人認(rèn)為，最重要的就是要把基礎(chǔ)打好，任何JS框架的基礎(chǔ)都是JS，只有實(shí)打?qū)嵉卣莆樟薐S，那其他那些框架學(xué)起來才能如魚得水。打好基礎(chǔ)，勿浮夸，勿貪多。
最后，對有志于前端這一領(lǐng)域的同志們再多說一句，“擼起袖子，加油干吧!”
【如何在家自學(xué)web前端開發(fā)】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)和web前端開發(fā)哪個(gè)好09-30
web前端技巧解說09-04
如何在家自學(xué)品牌策劃11-10
中級web前端開發(fā)工程師的主要職責(zé)08-26
如何使用PHP開發(fā)高效的web系統(tǒng)11-04
web前端應(yīng)聘自我介紹12-20