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