一個前端初學者的2018年終總結 | 掘金年度徵文

前言

「本文是一篇我的年終總結」，這樣聽起來會不會高大上一點呢？

若是您正好瀏覽到這篇總結，能否邀請您認真讀完此文。無需您的點贊，可是若能留下您 寶貴的建議，是再好不過了。

寫這篇總結的目的大概有三個：

1. 跟風：最近你們都在寫年終總結，分享新年規劃，因此湊個熱鬧咯！
2. 總結：可是，也是該總結一下了，給本身一個交代，年初給本身定的計劃大多泡湯了... ...
3. 求助：同時，我想總結的內容主要是在 前端的學習 方面，因此但願經過此文，在掘金社區收到一些前輩或朋友們在前端學習上的建議。

自我介紹

先簡單的自我介紹一下吧！

基本：

本人目前是一名大三學生，就讀於湖南某普通一本，CS 專業。我的愛好很雜：攝影、編程、設計、讀書、電影等等等，太多了，再介紹下去這篇總結就寫不完了。

技術：

學過 HTML/CSS/JS 基礎，但不紮實。簡單用過 PHP，但只是玩玩咯。用 Vue + 各類 UI 框架，寫過兩三個簡單的前端項目，用 mpvue 寫太小程序。學了一些 node，粗略瞭解 Vue + node 全棧項目的開發流程。其餘的，大可能是停留於瞭解的層面。

其餘：

考研 or 工做，我選擇了工做，方向爲前端，目標明年暑假找一家滿意的互聯網公司實習。

回顧

雖然說是年終總結，可是我想從大1、大二提及。

大1、大二

誤打誤撞選了計算機專業，而後，誤打誤撞選擇了前端。

大一下接觸到了 Web 編程，而在那時候，對於只會用 C 編寫一些小程序來解決簡單的數學問題的我來講，HTML/CSS 是多麼的有意思。帶着對各類炫酷 Web 頁面的崇敬，我把不少時間放在了 HTML/CSS 的學習上（如今以爲是多麼的可笑hhh），同時也成功的加入了學校網絡中心的一個互聯網工做室（TickNet Studio），固然也只是一個培訓生咯。

... ... 這裏省略了不少 ... ...

大二的寒假，工做室的學長佈置了一個小項目（簡單留言板），爲了完成這個任務，我花了一個寒假坎坷地學習了Bootstrap，嗯是的，我真的學了一個寒假，學完後還挺有成就感的。

回到學校，小何學長給我發了一堆連接，大概是這樣的：

• cn.vuejs.org
• es6.ruanyifeng.com
• nodejs.cn
• cnodejs.org/topic/5ab31…
• ... ...

WTF!!!，大寫的迷茫。這些都是什麼？？

接下來這幾個月，個人 google 搜索引擎記錄下了這些 keyword：

Vue  node  前端是什麼？  webpack  npm  模塊化  前端工程化  ...
複製代碼

朋友們問我：「最近在學什麼呢？」，我會回答：「前端」。這時的我，只是據說過前端這個東西，它是什麼，作什麼用的，並不瞭解。也是這個時候，慢慢的喜歡上前端，說不上熱愛。

大三（最近）

今年 10 月份，我下定決心不考研了，也決定要做前端方向。固然，很擔憂本身找不到滿意的工做，也從學長那裏瞭解到了不少互聯網行業的就業與發展。

而後我計劃了前端學習的計劃：控制技術學習的寬度，加深前端知識學習的深度。我以爲目前的我只能這樣，深刻學習，紮實基礎知識。

（其餘的放在後面總結）

學習困境

從我本身的學習經從來說，有兩個問題：

1. 技術上的問題

不少時候，在學習一個新的知識或實戰開發的時候，都會遇到不少的問題。好比：IDE 忽然報錯了、CSS 樣式很奇怪、軟件如何安裝、棘手的 Bug 等等等。

我以爲這些，是技術上的問題。而解決問題的方法就是去本身尋找答案（這不是廢話嘛！），這就決定了 解決問題的能力。

我也在努力學會本身解決問題，學會使用 google 高效尋找答案，學會本身總結。

2. 學習方法與學習效率

對於我來講，我以爲這是一個很重要的問題。由於沒有去尋找正確適合本身的學習方法，我發現我花費了不少的時間和精力，學習效果卻很不如意。

一下是我本身目前使用的學習方法：

(1) 學習計劃

年初我制定了一個今年的學習目標，羅列了不少東西。嗯，我以爲這樣挺好的，給本身一個方向。而後，這些目標彷佛都很遙遠，不少計劃都沒有完成。

我改變了方式，將近期的計劃，按照知識點學習順序分配到每個月、每個星期、每一天、甚至是每個小時上。我會在晚上睡覺前，抽出時間來總結今天的學習內容，並計劃明天的學習內容。而每週末複習整理這個星期學習的內容，每月底也進行一次總結。

我在電腦上和手機上都安裝了方便作 TODO 的軟件，每件任務設置爲待完成狀態，每完成一件任務就打上勾。這樣當我晚上檢查學習任務的時候即可清晰的知道今天我作了什麼，學了什麼內容，同時也產生一種正向反饋。

（TODO截圖）

(2) 作筆記

以前學習，都是看到什麼就去學什麼，而後一兩天就忘了，一樣也浪費了不少的時間和精力。

我把每一個知識點學習到的內容用 markdown 的形式記錄下來（使用了一個方便的 markdown 編輯軟件），整理到文件夾，而後按期複習並把知識從新整合。

同時要養成寫博客的習慣。彷佛不少人會以爲博客不過是東拼西湊各處摘抄的內容，沒有意義。是的，對於一個初學者來講，很難獨自總結出很是優秀的博客。但對於我本身，我只想把博客做爲本身的學習筆記，就像高中學習時會將教程或者參考書上的內容摘抄到筆記本同樣，便於本身複習。（附：個人博客）

(3) 番茄工做法

Coursera 上的一門課 Learning How To Learn 中提到了番茄工做法，它的工做模式是這樣：第一，從待辦清單裏選擇出一個要作的事，而後用25分鐘的倒計時，在這個時間裏面專一在手頭上的工做，時間到了以後就休息5分鐘，再不斷的這樣循環，這就是番茄工做法。

關鍵是25分鐘專一於一件事，而且必定要休息。

最近嘗試使用番茄工做法來管理時間，它能夠較好的克服拖延症，提升工做學習效率。

(win10 上的計時器截圖)

4. 思惟導圖

最近在嘗試畫各類思惟導圖，對於我腦海中閃過的任何想法（一部電影、一個遊戲、一張照片等），我都想用一個思惟導圖來展現出來。而後，我把他用到了知識的學習上：對於每一個知識點，創建一個完整系統的思惟導圖，每一個思惟導圖之間能夠聯繫在一塊兒。（聽說思惟導圖和人工智能的深度學習原理同樣？？）

（一張未完成的思惟導圖）

5. 學習反饋

前面也有提到學習反饋，我以爲學習過程當中是須要及時給本身合適的正向反饋的，這樣咱們纔會有不斷精力、信心以及學習的慾望。

記得剛學習 HTML/CSS 的時候，我有特別大的興趣，由於我只須要寫簡單的 html 加上一些樣式就能馬上在瀏覽器上面看到本身所「創做」的頁面，對於一個小白來講是頗有成就感的，這種垂手可得就得到的成就感是很難在學習其餘編程語言中得到的。這正是一種正向反饋的表現。

個人方式是：

1. 在掘金上面寫本身的技術博客：寫的篇數很少，文章內容也有不少錯誤的地方，可是可以收到點贊或評論就是最大的反饋。
2. 作開源項目：這對於目前的我來講是一件比較困難的事，但何嘗不是一個給予本身反饋的方式。
3. 打卡：好比學習軟件會有每日打卡學習、Github 打卡一排綠、TODO上待完成的任務都打上勾...

6. 習慣的養成

一般說要養成一個習慣須要 21 天，可是這 21 天我就是始終沒有堅持下去，大可能是由於給本身定的習慣很難一會兒堅持下去。

在網上看到的一個方法：養成習慣很簡單，只需天天給本身安排最容易完成的任務，而後把這個堅持下去。

具體好比記單詞，不少時候都是計劃天天記憶 20 個甚至 50 個單詞，可是慢慢的都放棄了，由於不知道20個單詞要花多少時間去完成，而天天又會有不少不一樣的任務要去作，若是一天 20 個單詞沒有記完又會產生一種自我責備的心理，這是很糟糕的。而這種方法倡導的是：天天安排記單詞的時間爲 10 分鐘(一個能輕鬆完成的任務)，完成 10 分鐘的學習時間，無論是記了多少個單詞，無論如今是否是休息時間，都停下來，而後天天都堅持 10 分鐘。對，就是這樣，慢慢的就會養成天天記單詞的習慣，而天天記多少個已經不是重點了。

最近我也在使用這種方式：天天5個單詞、讀書10分鐘、12點睡覺(平時是12點後)等等這些很容易達到的目標。

------------------------一條分割線-------------------------------------------------------------------------------------------------

以上有不少方法仍是我最近在嘗試的，至少我能感覺到正確的學習方法帶來的好處。

3. 眼界

開闊技術的眼界，對於一個互聯網開發者來講是很是重要的。很長一段時間我都停留在 HTML/CSS 的反覆學習當中，甚至不知道做爲一個前端該去學什麼，如何去了解前端領域。

我如今天天都會花時間簡單的去瀏覽各類社區或博客，以下：

固然最近一直住在掘金，也不知道爲何，最喜歡掘金社區。

可是，目前的我，須要的是加深對基礎知識學習的深度（不知道個人想法對不對），對於其餘領域也包括一些前端方向的技術只是去了解或者只是玩一下 QuickStart。

目前

項目：

學院的一個教學評教系統，工做室的項目，還在準備需求中。準備技術棧：Vue + Element UI + Nuxt + Koa + MySql + redis

一張思惟導圖：

道寬學長几個月前給了我一張前端面試技能樹：

這些內容好像都有遇到過，但那時沒有一個能夠徹底回到上來的。我想盡力把這些內容都啃一遍，應該算是比較系統了。

在看的書：

• 《ES6 標準入門》
• 《你不知道的 JavaScript》(中卷)（下卷）

圖書館：

我彷佛很容易被別人打擾，而不能認真去作一件事，這樣番茄工做法也就失效了。

不少時候我把學習環境從教室和工做室轉移到了圖書館，由於圖書館比較安靜（有空調，湖南是真的冷），周圍的同窗也不會來打擾我。

計劃

應該是將來三個月的計劃，以後應該要準備投簡歷找工做了。

學習：

• 思惟導圖上的知識點一個一個突破
• 計算機網絡的基礎知識
• 算法與數據結構刷題
• 提升設計審美（哈哈忽然想到這個點，畢竟是一個熱愛攝影的前端 *^__^*）

讀書：

• 《你不知道的JS》（上卷）（中卷）（下卷）+ 筆記總結
• 《JS 高程》再讀一遍
• 《CSS世界》好好學一下CSS
• 《JavaScript語言精粹》《高性能JavaScript》《JavaScript設計模式》幾本短小精悍的書，計劃慢慢看吧
• 《黑客與畫家》在看中，挺有意思的一本書

項目：

• 教學評教系統（工做室項目，準備中）
• 一個攝影社區（我的概念型項目，不知道能不能完成）

對比

這裏我想用相似蕭井陌老師的提問方式進行對比：

一年前

學習進度：

• HTML/CSS：在慕課網上看了入門課程，無聊地啃了一遍 w3school 的文檔
• JavaScript：也是在慕課網上看了入門視頻，沒有實踐
• PHP：會基礎的語法，寫過簡單的後端
• 其餘：大一學過C、數據結構，都還行

狀態：

對 Web 編程興趣挺大的，沒作過什麼項目，只寫了些靜態網頁。自我感受學習效果不好， 對學習熱情很大，但有點迷茫不肯定畢業是考研仍是找工做。

問題：

• 不知道應該看什麼書？只是在網上找視頻找資料學習
• 不知道學什麼，有哪些方向？
• 不知道如何學習編程？效果不好
• 想作項目，但不知道一個項目須要如何完成？

如今

學習進度：

• HTML/CSS：不少時候要查API文檔
• JavaScript：看過《JS高程》《JS面向對象編程》《你不知道的JS》(上卷)，基礎知識還算通常，準備深刻熟悉這門語言，如：面向對象、函數式編程、設計模式等
• Vue：看過一遍官網的教程，用 Vue 全家桶寫過兩三個小項目，用 mpvue 寫太小程序，熟練度還算通常
• Node：瞭解過基礎用法，用腳手架寫過項目，能試着用 vue + koa 解決簡單的全棧需求，不是很熟練
• 其餘：mongodb/redis/vue ssr/ 等了解過，中止於QuickStart

狀態：

考慮了不少，仍是準備畢業就去工做。準備明年參加春招，找一個滿意的實習。不知道對本身有沒有信心，目前狀態有一點緊張。總結了本身的知識體系，也計劃了將來幾個月要學習的內容。方向很明確，前端，要學習的內容也還不少，但不像之前迷茫。想潛下心來學習，準備找工做。

問題：

這裏不少關於找工做的問題了

• 對於前端技術須要着重學習的內容是什麼？

• 如何訓練本身的編程思想？

• 如何給本身定位，實習要不要把本身目標定爲大公司？固然你們都想去大公司，個人想法是去一箇中等的互聯網公司，對於本身發展有利的能在實習期間有所成長就行。

• 前端應屆生找工做應該注意什麼，如何順利找到實習？

• 面試中，實際能力與面試技巧的比重如何？好像有據說瘋狂刷面試題拿到 offer 的，在我看來這變成了相似的應試學習。

• 工做的城市：北上廣深一線城市仍是二線及一下城市？我的比較嚮往成都、蘇杭這些城市。

最後

到這裏，暫且認爲您讀完了此篇總結。因此，很是感謝您可以抽出寶貴的時間來閱讀這篇初學者的總結。

這篇總結花了大概兩天時間，前先後後回顧了不少內容，固然不能所有都寫上去，看起來會有些多餘。

回到開篇提到的，寫這篇總結的目的之一：想在掘金社區收到一些前輩或朋友們在前端學習上的建議。也便是上文所提到的內容，或者是其餘關於前端、前端就業、學習方法方面，您能夠在下面留下您的評論，或者... ...

個人聯繫方式：

• 郵箱：zavier-tang@outlook.com

• GitHub：github.com/ZavierTang

• Blog：blog.zavier.cc

猶豫了一會，應不該該發這篇總結，擔憂這篇文章石沉大海無人理會(會不會很尷尬)。好吧，仍是試試看。第一次這麼認真的寫年終總結，也算是給了本身一個交代。

嗯。。其實這篇文章發佈兩天後本身又撤回了。今天看到掘金的活動：掘金年度徵文 | 2018 與個人技術之路 徵文活動正在進行中...... ，又分享出來了，但願被翻牌。

掘金年度徵文 | 2018 與個人技術之路 徵文活動正在進行中......