到今天，前端學(xué)習(xí)剛好滿一年。我也順利從機(jī)械狗變成一枚前端狗。對于前端學(xué)習(xí)，自己也是摸著石頭過河，中間也有過困惑和迷茫。本文主要講述自己一年來對于前端學(xué)習(xí)的心得體會，希望能對學(xué)習(xí)前端的人提供一些幫助。
前端主要分為三部分：html，css，js。
html：首先得了解標(biāo)簽的含義，用在哪里，常用的用多了就知道了。另外H5也要去了解，對于H5的學(xué)習(xí)可以自己動手做一個H5的動畫場景。這里面涉及比較多的是css3樣式以及canvas。
css: 關(guān)于css還是推薦看書系統(tǒng)的學(xué)下。單看網(wǎng)上的，你可能只知道怎么用，卻不知道他這樣用所隱藏的含義。還有就是容易產(chǎn)生混亂，所以還是建議看書系統(tǒng)學(xué)一學(xué)。有些概念還是要掌握的，不然面試很容易懵逼。
js: 這個是最復(fù)雜的。首先建議先看書了解基本語法。但是只看不動手是不行的。很多人沒有項(xiàng)目也不知道從何練起。我個人是推薦百度前端技術(shù)學(xué)院題目，每一個題目后面都提供了解決這個問題所需要的知識點(diǎn)的鏈接。題目難度是逐漸增加的，越到后面越難。我自己也沒有做完，看個人情況。我把我自己做的放在了github上，可以下載查看當(dāng)做參考。之后再繼續(xù)看書，繼續(xù)學(xué)習(xí)。
其他
框架：這個等你有了一定的JavaScript基礎(chǔ)后在開始學(xué)比較好。推薦入門jQuery, 這個比較簡單，容易建立信心。之后再學(xué)其他的框架，react, vue, angular. 學(xué)習(xí)框架建議先看框架文檔，一般配有簡單入門教程。現(xiàn)在用的比較多的都有中文版的教程的，所以不懂英文的可以看中文的。后期可以在github上找些項(xiàng)目練手。能夠加深你對這些框架的理解。
項(xiàng)目：最好去實(shí)習(xí)，參與一些項(xiàng)目。如果沒有實(shí)習(xí)經(jīng)驗(yàn)的，也可以自己找項(xiàng)目做。比如簡單的游戲，網(wǎng)站模仿等等，另外也可以網(wǎng)上搜，自己跟著做一個出來。我個人是在實(shí)習(xí)后又花了10多天搞了一個簡單web論壇，采用PHP, jQuery和mysql源碼參見：https://github.com/huanshen/web-bbs。這個可以參看《PHP和MySQL Web開發(fā)》，這本書能夠讓你知道前端后臺是如何一起工作的。這個項(xiàng)目在面試中發(fā)揮了蠻大的作用。問我項(xiàng)目難點(diǎn)的時候都說它。因?yàn)榍岸瞬糠值碾y點(diǎn)感覺叫不上難點(diǎn)（就個人實(shí)習(xí)做的項(xiàng)目而言，也可能自己的實(shí)習(xí)比較水，畢竟小公司）。個人面經(jīng)參看：
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式