前端學習之路

mj 發布于2019-08-30 12:56 / 2925人閱讀

摘要：前言之所以會寫這篇文章是因為在一年的前端學習過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的，希望以我之拙見能給初學者一些幫助。不過前端的方向，主要還是自學。

前言

之所以會寫這篇文章是因為在一年的前端學習過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的offer，希望以我之拙見能給初學者一些幫助。

我的學習之路

我是一個計算機相關專業的大三學生，不過實際上我的專業跟計算機并沒有太大的關系，不過重要的幾門計算機課程《數據結構》、《C語言》、《操作系統》、《計算機網絡》我們專業都還是上了。不過前端的方向，主要還是自學。

我剛開始學習主要是在網站上看視頻，包括慕課網、極客學院、Codecademy。不久之后，我的一些師兄啊，網上的一些大牛啊，叫我要看書，好好打實基礎，于是我抄起《JS高級程序設計》《css權威指南》就開始猛看，可是發現自己完全不懂啊，而且看的過程也非常痛苦，然后也很自然地——我沒有看完。

再后來，我又回到了原來的學習之路，我開始看一些稍微高級些的教程，我開始看一些大牛的博客，開始學會看一些文檔，遇到事件代理的問題，我就去查原理；遇到CSS FLOAT的問題，我就去查原理；遇到一些框架／工程化等等的一些高端詞匯，我就去查原理；遇到個東西，我就去查原理。有時我學會了一個新工具Gulp，開心一陣；有時我學會用canvas做一個小demo，又開心了一陣。我總覺得學習變得不如以前那么踏實了。有一陣沒一陣的，讓我跟別人說我做前端到底學了些什么，我還真說不上來，我感覺我學的東西都好淺，不是行業大牛說的那種淺，是淺到一般人花個一兩天就能學會的淺。所以我開始懷疑這樣學習的可靠性。

再后來，我有開始讀書。繼續翻開《JS高級程序設計》，我猛然發現！哇，閉包，我看過誒！哇！繼承，我看過耶！！好棒，原來我之前串不上的知識，在這里都串上了！！贊啊！這次，我只花了4天的時間，就把這本厚實的巨作給看完了。我讀的時候感覺很輕松，因為很多東西都看過；我讀完之后覺得收獲很大，因為我把很多東西的串起來了。喔～原來存儲對象的時候用的是指針啊；喔～原來Array，Object這些叫引用類型數據啊；喔～喔～喔～

我突然好失落，我發現我學的東西怎么在四天之內就刷刷刷看完了？
這是為什么？？？我當時怎么那么蠢沒去聽學長的？？？
那我這前半年在干嘛？？？

如何正確學習

咱們需要預先知道兩個前提
一、校園教育，其實說的就是現在大學里上課的模式

上課前預習

上課中老師給你講課

上課后復習寫作業

二、我自學前端的過程:

上課前預習——————懵懂的時候看書

上課中老師給你講課——————看視頻教程

上課后復習寫作業——————學完后看書&做項目

其實起中最大的區別有兩點

校園教育有老師來輔導

網絡式教育有更有趣的視頻教程

于是我總結出了一種最高效的學習方式:

（不僅是入門，學習任何一門新的前端技術都可以走如下流程）

前期——開闊視野，了解前端

前端是個很容易讓人看的見的東西，它天生就很有趣，沒必要像電磁波那樣一開始就搞的那么高深嚇跑許多人，我們可以通過很有親和力的方式，即視頻教程，好的視頻教程會用很生動的例子（關于好的視頻教程，我后文再推薦）和展示來彌補校園教育的先天不足——師資力量匱乏，無法做的生動。

除了視頻，還務必要做 demo，做小練習才能鞏固自己學到的東西。練習過程中最后能抱到大腿，有問題迅速問，多加點前端技術群，多抱幾個大腿，有問題不太方便查就多問問。這樣很快，你的應用技術就會達到一定的水平。

中期——夯實基礎，認識前端

我打了這么多遍看書，原因很簡單，請問你身邊的幾個大牛比《JS高級程序設計》的作者Nicholas C. Zakas 還牛掰？就算有，他們能在短短幾分鐘之內就把Nicholas C. Zakas花了幾年時間總結出來的那么六七百頁的內容告訴你嗎？

學習的中期最重要的是完善你的整個知識聊天，在前期你東拼西湊過來好多內容，但你不知道其間的內在聯系，這個時候即使大牛能告知你一二，你還是不能全面了解，你總不能指望著大牛全天候的守在你身邊吧？

后期——沉心實踐，深入前端

這一部分很重要！！好，我們繼續拿《JS高級程序設計》舉例子，你看完了紅寶書，你就會用所有的API了嗎？那現在考你一個，你能默寫出多少Array的api嗎？如果沒寫出幾個，那就說明你還要繼續潛心修煉哦！～

這里我非常推薦百度前端技術學院，他們給初學者準備了非常多的CSS、JS練習。我擔心他們把網站下線，特地把所有網頁爬下來，侵權可刪。點此進入

總結與推薦 每個階段有每個的目標：

前期：你需要的是盡快地搞懂大部分的東西，也就是預習，但是為什么不選擇視頻這種快捷又簡單的方式呢？

中期：你需要的是夯實基礎，網上的那些大牛在世界頂級高手看來還是些小牛，很多小小牛，就像我，也經常寫一些自己的學習心得，你為什么看我的不看世界頂級高手的？更何況看一些著作能把知識給連貫起來。

后期：后期最重要的是把知識投入實踐并查缺補漏。所以做項目必不可少！

推薦：

視頻入門類：慕課網（非常感謝慕課，讓我愛上了前端）；
練習入門類：Codecademy（雖然是英文網站，經過我的對比，它的內容質量比國內很多網站做的好太多！）
書籍類：天貓大師的精品回答，這里我不必多說。
練習類：禪意花園，[百度前端技術學院[4]

后話

當然，學好前端，你還需要關注一個公眾號！——每日前端
各位兄弟姐妹，共勉！

GPU云服務器云服務器機器學習學習之路機器學習之路 python學習之路大數據學習之路

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115184.html

前端學習之路

摘要：前言之所以會寫這篇文章是因為在一年的前端學習過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的，希望以我之拙見能給初學者一些幫助。不過前端的方向，主要還是自學。前言之所以會寫這篇文章是因為在一年的前端學習過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的offer，希望以我之拙見能給初學者一些幫助。我的學習之路我是一個計算機相關專業的大三學生，不過實際上我的專業...

tulayang 2019-08-19 18:03 評論0 收藏0
前端學習之路

摘要：前言之所以會寫這篇文章是因為在一年的前端學習過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的，希望以我之拙見能給初學者一些幫助。不過前端的方向，主要還是自學。前言之所以會寫這篇文章是因為在一年的前端學習過程，我走了很多彎路，也思考了很多，最近又正好拿到了某廠的offer，希望以我之拙見能給初學者一些幫助。我的學習之路我是一個計算機相關專業的大三學生，不過實際上我的專業...

caozhijian 2019-08-01 15:11 評論0 收藏0
前端學習之路-思考吐槽

摘要：當開始工作的時候，一堆的工具庫輪子，單單是技術選型都要思考再三，看著這個也好那個也好，這個也不好，那個也不好，別人說這個你沒學習過都不好意思出門，那個沒學過你也不好意思出門，于是我就變成了宅。看技術文檔的時候最怕什么，不是看不懂，不是學不會，而是一看發布時間是幾年前，頓時覺得自己胸口中了一箭作為一個沒去過大公司的前端（BAT），這跟人的差距真不是一般的大，每次自己有所感悟去總結一下...

fantix 2019-08-21 14:16 評論0 收藏0
我的編程之路：「生存」是唯一的基本要求

摘要：簡單介紹一下自己和目前的工作我現在是一名前端，在蘇州一家小公司上班。和前端大牛相比，我是一個不能再普通的了。詳細寫寫你是如何走上編程的道路我是一個有聽力殘疾的人，幾乎聽不到這個世界的聲音。因為生存，我選擇了一條編程的路。簡單介紹一下自己和目前的工作我現在是一名web前端，在蘇州一家小公司上班。和前端大牛相比，我是一個不能再普通的了。沒有英語基礎，2014年就知道前端，但斷斷續續學到...

developerworks 2019-08-30 12:48 評論0 收藏0