初學web前端，掌握這些就足夠了！

Web開發現在是如日中天，熱的發燙。那咱們應該怎麼學習呢？這不光是初學者，不少學了幾年的人也會有些迷茫或者彷徨，你們也都知道不斷學習是不可避免的，不學習確定要掉隊；那怎麼學效率更高，那些是坑，那些是路，每一個人可能都有本身的簡介。做爲一個程序猿，從兩個方面說說個人想法：

學習方面

1.基礎部分，主要就是html、css、JavaScript。

這個其實不用多講，這些個基礎不學紮實了啥也幹不了，能夠直接從html五、css三、ES5來學習。學習的方法不少，最方便的方法是像w3cschool、匯智網這種邊學邊練的，相似以前微軟的所見即所得，喜歡讀紙質書的能夠買幾本書來看看。

2.幾個邊界，是說與美工相關、後端開發、設計相關。

想作好Web前端，必定搞清楚本身的工做界面在什麼地方，這對你有很大幫助。每一個公司可能都不同，因此瞭解邊界相關的知識就很重要。

• 美工相關

  主要是說ps、切圖之類的東西，photoshop仍是須要會用的，至於說你能不能搞出漂亮的圖片來那倒不是重點，關鍵點是體會美工的工做過程。若是你在公司兼了這件事，那你就得深刻的學習了，別不覺得然，前端的美術有修養仍是挺重要的。

• 後端開發

  雖然說通常狀況下，前端開發和後端開發是分開的，不過二般狀況也不少。這個時候就須要你在後端中選擇一條主線，不少人都在比較PHP、Python、Node.js哪一種好，其實都差很少，不過從市場上的熱度來講視乎Node.js更熱一些，固然Node.js對js熟悉的前端來講也更容易上手。個人建議仍是先從Node.js來吧，若是公司有選擇或者有餘力能夠學學其餘兩個。數據庫彷佛mysql和mongodb均可以試試。

3.相關標準，標準這個東西不少人都不屑的很。

其實很重要，越大的團隊越重要。仍是熟悉熟悉養成好的習慣微妙。這在初期至少涉及到不少兼容性問題，因此W3C的標準是必須瞭解和掌握的。

4.各類框架類庫，jquery，bootstrap等，

如今的框架比較多，可是jquery和bootstrap這樣級別的必須得熟練掌握，要不不少公司都無法幹活。通常類庫和框架都有垂直的網站能夠學習，如bootstrap中文網之類的都很不錯。

5.工具，這個有不少如Git、webpack、Gulp、github、Nginx 等等。

工具自己實際上不學也能幹活，從學習的角度來講，這個時間的分配上能夠少一點兒，可是從工做的角度來講，若是須要的話要儘快上手，逐步熟悉。工具類的東西都不是特別難上手，幾天可能就差很少了，可是想玩的透，極大的提升效率這個仍是須要投入很多時間的。

學習其實自己沒有那麼多的規矩，仍是看我的的狀況，可是上面這些範圍是你們都繞不開的，如何合理有效的利用時間就是最最重要的。

書籍方面

---

基礎部分

HTML和css還有Java是基礎知識可是相比較來說HTML和css比較簡單，而Java涉及內容之普遍超乎你們的想象

image

這個是有人推薦學習Java要看到書此書聽說可以幫助你區分哪些是語言的精華，哪些是糟粕，對於語言精華，應該深刻學習。還有一個《入門到精通》實在不信你能夠百度百科一下Java的長度和HTML的長度，你就知道。

進階部分

上面的知道了基本就能作出靜態頁面了，畢竟web前端就是幹這個的，可是對於如今愈來愈重要的用戶體驗，你們已經愈來愈不知足簡簡單單的靜態頁面了，而是須要各類交互（UI還得設計的好，要不用戶打開以爲醜早就給你關了）

進階的css《精通css》

image

看完這本書你應該對：盒子模型，流動，Block，inline，層疊，樣式優先級，等概念很是瞭解了。在進階，關於js框架，有興趣的同窗能夠抓緊時間看一看，框架語言大可能是jQuery（框架的重要性屏蔽瀏覽器的差別性）,兼容和響應式是大多數web前端須要考慮的事情，大多數的人最討厭看見的英文單詞應該就是bug可是解決bug又是他們存在的意義。

Java

語言內部機制。必須弄清以下概念：JS 中變量的做用域，變量傳遞方式，函數的定義環境與執行環境，閉包，函數的四種調用方式(通常函數，對象的方法，apply，call)，以及四種調用方式下，‘this’指向的是誰。

3.DOM學習

除此以外關於dom要學習《Dom編程藝術》

image

（關於此書還有一版藍色的）
雖然在此以外web前端就夠用了可是誠築說來說交互設計仍是必須的，最簡單的就是各類按鈕的動效

必讀

後端雖然不用特別懂吧，可是你喜歡仍是能夠學習一些的。做爲初學者，看書以爲難懂的話，想找老師帶一帶入門，那麼你能夠來個人QQ羣，羣內提供免費學習資源。（web前端學習交流羣：328058344 禁止閒聊，非喜勿進！）