資訊專欄INFORMATION COLUMN
摘要：前言之所以會(huì)寫這篇文章是因?yàn)樵谝荒甑那岸藢W(xué)習(xí)過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的，希望以我之拙見能給初學(xué)者一些幫助。不過前端的方向，主要還是自學(xué)。
前言
之所以會(huì)寫這篇文章是因?yàn)樵谝荒甑那岸藢W(xué)習(xí)過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的offer，希望以我之拙見能給初學(xué)者一些幫助。
我的學(xué)習(xí)之路我是一個(gè)計(jì)算機(jī)相關(guān)專業(yè)的大三學(xué)生，不過實(shí)際上我的專業(yè)跟計(jì)算機(jī)并沒有太大的關(guān)系，不過重要的幾門計(jì)算機(jī)課程《數(shù)據(jù)結(jié)構(gòu)》、《C語言》、《操作系統(tǒng)》、《計(jì)算機(jī)網(wǎng)絡(luò)》我們專業(yè)都還是上了。不過前端的方向，主要還是自學(xué)。
我剛開始學(xué)習(xí)主要是在網(wǎng)站上看視頻，包括慕課網(wǎng)、極客學(xué)院、Codecademy。不久之后，我的一些師兄啊，網(wǎng)上的一些大牛啊，叫我要看書，好好打?qū)嵒A(chǔ)，于是我抄起《JS高級程序設(shè)計(jì)》《css權(quán)威指南》就開始猛看，可是發(fā)現(xiàn)自己完全不懂啊，而且看的過程也非常痛苦，然后也很自然地——我沒有看完。
再后來，我又回到了原來的學(xué)習(xí)之路，我開始看一些稍微高級些的教程，我開始看一些大牛的博客，開始學(xué)會(huì)看一些文檔，遇到事件代理的問題，我就去查原理；遇到CSS FLOAT的問題，我就去查原理；遇到一些框架／工程化等等的一些高端詞匯，我就去查原理；遇到個(gè)東西，我就去查原理。有時(shí)我學(xué)會(huì)了一個(gè)新工具Gulp，開心一陣；有時(shí)我學(xué)會(huì)用canvas做一個(gè)小demo，又開心了一陣。我總覺得學(xué)習(xí)變得不如以前那么踏實(shí)了。有一陣沒一陣的，讓我跟別人說我做前端到底學(xué)了些什么，我還真說不上來，我感覺我學(xué)的東西都好淺，不是行業(yè)大牛說的那種淺，是淺到一般人花個(gè)一兩天就能學(xué)會(huì)的淺。所以我開始懷疑這樣學(xué)習(xí)的可靠性。
再后來，我有開始讀書。繼續(xù)翻開《JS高級程序設(shè)計(jì)》，我猛然發(fā)現(xiàn)！哇，閉包，我看過誒！哇！繼承，我看過耶?。『冒?，原來我之前串不上的知識(shí)，在這里都串上了??！贊??！這次，我只花了4天的時(shí)間，就把這本厚實(shí)的巨作給看完了。我讀的時(shí)候感覺很輕松，因?yàn)楹芏鄸|西都看過；我讀完之后覺得收獲很大，因?yàn)槲野押芏鄸|西的串起來了。喔～原來存儲(chǔ)對象的時(shí)候用的是指針?。秽浮瓉鞟rray，Object這些叫引用類型數(shù)據(jù)??；喔～喔～喔～
我突然好失落，我發(fā)現(xiàn)我學(xué)的東西怎么在四天之內(nèi)就刷刷刷看完了？
這是為什么？？？我當(dāng)時(shí)怎么那么蠢沒去聽學(xué)長的？？？
那我這前半年在干嘛？？？
咱們需要預(yù)先知道兩個(gè)前提
一、校園教育，其實(shí)說的就是現(xiàn)在大學(xué)里上課的模式
上課前預(yù)習(xí)
上課中老師給你講課
上課后復(fù)習(xí)寫作業(yè)
二、我自學(xué)前端的過程:
上課前預(yù)習(xí)——————懵懂的時(shí)候看書
上課中老師給你講課——————看視頻教程
上課后復(fù)習(xí)寫作業(yè)——————學(xué)完后看書&做項(xiàng)目
其實(shí)起中最大的區(qū)別有兩點(diǎn)
校園教育有老師來輔導(dǎo)
網(wǎng)絡(luò)式教育有更有趣的視頻教程
于是我總結(jié)出了一種最高效的學(xué)習(xí)方式:（不僅是入門，學(xué)習(xí)任何一門新的前端技術(shù)都可以走如下流程）
前期——開闊視野，了解前端前端是個(gè)很容易讓人看的見的東西，它天生就很有趣，沒必要像電磁波那樣一開始就搞的那么高深嚇跑許多人，我們可以通過很有親和力的方式，即視頻教程，好的視頻教程會(huì)用很生動(dòng)的例子（關(guān)于好的視頻教程，我后文再推薦）和展示來彌補(bǔ)校園教育的先天不足——師資力量匱乏，無法做的生動(dòng)。
除了視頻，還務(wù)必要做 demo，做小練習(xí)才能鞏固自己學(xué)到的東西。練習(xí)過程中最后能抱到大腿，有問題迅速問，多加點(diǎn)前端技術(shù)群，多抱幾個(gè)大腿，有問題不太方便查就多問問。這樣很快，你的應(yīng)用技術(shù)就會(huì)達(dá)到一定的水平。
中期——夯實(shí)基礎(chǔ)，認(rèn)識(shí)前端我打了這么多遍看書，原因很簡單，請問你身邊的幾個(gè)大牛比《JS高級程序設(shè)計(jì)》的作者Nicholas C. Zakas 還牛掰？就算有，他們能在短短幾分鐘之內(nèi)就把Nicholas C. Zakas花了幾年時(shí)間總結(jié)出來的那么六七百頁的內(nèi)容告訴你嗎？
學(xué)習(xí)的中期最重要的是完善你的整個(gè)知識(shí)聊天，在前期你東拼西湊過來好多內(nèi)容，但你不知道其間的內(nèi)在聯(lián)系，這個(gè)時(shí)候即使大牛能告知你一二，你還是不能全面了解，你總不能指望著大牛全天候的守在你身邊吧？
后期——沉心實(shí)踐，深入前端這一部分很重要！！好，我們繼續(xù)拿《JS高級程序設(shè)計(jì)》舉例子，你看完了紅寶書，你就會(huì)用所有的API了嗎？那現(xiàn)在考你一個(gè)，你能默寫出多少Array的api嗎？如果沒寫出幾個(gè)，那就說明你還要繼續(xù)潛心修煉哦！～
這里我非常推薦百度前端技術(shù)學(xué)院，他們給初學(xué)者準(zhǔn)備了非常多的CSS、JS練習(xí)。我擔(dān)心他們把網(wǎng)站下線，特地把所有網(wǎng)頁爬下來，侵權(quán)可刪。點(diǎn)此進(jìn)入
總結(jié)與推薦 每個(gè)階段有每個(gè)的目標(biāo)：前期：你需要的是盡快地搞懂大部分的東西，也就是預(yù)習(xí)，但是為什么不選擇視頻這種快捷又簡單的方式呢？
中期：你需要的是夯實(shí)基礎(chǔ)，網(wǎng)上的那些大牛在世界頂級高手看來還是些小牛，很多小小牛，就像我，也經(jīng)常寫一些自己的學(xué)習(xí)心得，你為什么看我的不看世界頂級高手的？更何況看一些著作能把知識(shí)給連貫起來。
后期：后期最重要的是把知識(shí)投入實(shí)踐并查缺補(bǔ)漏。所以做項(xiàng)目必不可少！
推薦：視頻入門類：慕課網(wǎng)（非常感謝慕課，讓我愛上了前端）；
練習(xí)入門類：Codecademy（雖然是英文網(wǎng)站，經(jīng)過我的對比，它的內(nèi)容質(zhì)量比國內(nèi)很多網(wǎng)站做的好太多?。?br>書籍類：天貓大師的精品回答，這里我不必多說。
練習(xí)類：禪意花園，[百度前端技術(shù)學(xué)院[4]
當(dāng)然，學(xué)好前端，你還需要關(guān)注一個(gè)公眾號！——每日前端
各位兄弟姐妹，共勉！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/49821.html
摘要：前言之所以會(huì)寫這篇文章是因?yàn)樵谝荒甑那岸藢W(xué)習(xí)過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的，希望以我之拙見能給初學(xué)者一些幫助。不過前端的方向，主要還是自學(xué)。 前言 之所以會(huì)寫這篇文章是因?yàn)樵谝荒甑那岸藢W(xué)習(xí)過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的offer，希望以我之拙見能給初學(xué)者一些幫助。 我的學(xué)習(xí)之路 我是一個(gè)計(jì)算機(jī)相關(guān)專業(yè)的大三學(xué)生，不過實(shí)際上我的專業(yè)...
摘要：前言之所以會(huì)寫這篇文章是因?yàn)樵谝荒甑那岸藢W(xué)習(xí)過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的，希望以我之拙見能給初學(xué)者一些幫助。不過前端的方向，主要還是自學(xué)。 前言 之所以會(huì)寫這篇文章是因?yàn)樵谝荒甑那岸藢W(xué)習(xí)過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的offer，希望以我之拙見能給初學(xué)者一些幫助。 我的學(xué)習(xí)之路 我是一個(gè)計(jì)算機(jī)相關(guān)專業(yè)的大三學(xué)生，不過實(shí)際上我的專業(yè)...
摘要：當(dāng)開始工作的時(shí)候，一堆的工具庫輪子，單單是技術(shù)選型都要思考再三，看著這個(gè)也好那個(gè)也好，這個(gè)也不好，那個(gè)也不好，別人說這個(gè)你沒學(xué)習(xí)過都不好意思出門，那個(gè)沒學(xué)過你也不好意思出門，于是我就變成了宅。 看技術(shù)文檔的時(shí)候最怕什么，不是看不懂，不是學(xué)不會(huì)，而是一看發(fā)布時(shí)間是幾年前，頓時(shí)覺得自己胸口中了一箭 作為一個(gè)沒去過大公司的前端（BAT），這跟人的差距真不是一般的大，每次自己有所感悟去總結(jié)一下...
摘要：簡單介紹一下自己和目前的工作我現(xiàn)在是一名前端，在蘇州一家小公司上班。和前端大牛相比，我是一個(gè)不能再普通的了。詳細(xì)寫寫你是如何走上編程的道路我是一個(gè)有聽力殘疾的人，幾乎聽不到這個(gè)世界的聲音。因?yàn)樯?，我選擇了一條編程的路。 簡單介紹一下自己和目前的工作 我現(xiàn)在是一名web前端，在蘇州一家小公司上班。和前端大牛相比，我是一個(gè)不能再普通的了。沒有英語基礎(chǔ)，2014年就知道前端，但斷斷續(xù)續(xù)學(xué)到...
閱讀 3005·2021-10-13 09:39
閱讀 2702·2021-09-27 13:34
閱讀 2041·2019-08-30 15:55
閱讀 3268·2019-08-30 15:43
閱讀 3646·2019-08-30 11:16
閱讀 1762·2019-08-26 18:28
閱讀 1298·2019-08-26 13:56
閱讀 923·2019-08-26 13:35
