一、個人經驗

利益相關：就職于一家外包公司，從事前端架構和開發工作。

2015年畢業之后，最初從事了2年Web開發，前端使用jQuery/Angular開發相應的頁面，Bootstrap技術呈現頁面，后端主要使用Java語言，采用Jsp技術開發Web應用，主要是物聯網相關的網站，包含nb-iot、gis、apache-mina等內容、可以集成第三方管理平臺，可以進行物聯網關策略的執行。

第二份工作的時候，就從Web開發轉為Web前端開發，還擔任了組長，開發Aresocean平臺（DUBAI）、數據管理平臺（DMP）等系統。剛學的時候，主要困惑就是學什么，怎么學。買了書，也下載了電子書，但是沒有一條主線，到自己動手做項目的時候，沒有人輔導或指出錯誤，學習效果較差。直到自己真正入門前端開發時，才發現入門其實沒有那么難，下面說說我自己的經歷。

二、打好理論基礎

理論是基石，沒有理論，在開發過程很多知識點都無法串聯在一起，達不到一通百通的境界。所以需要初學者稍微了解一下計算機相關基礎。計算機或軟件工程核心專業課程是：《操作系統》、《數據結構》、《計算機組成原理》和《計算機網絡》。相對于前端開發或者Web開發，有很多同學是從其他專業過來的，而且相關基礎理論學習對日后開發還是有很大的幫助的。比如網絡分層模型、網絡協議-HTTP，服務器基礎知識等。

微博@Easy最新出的《方糖全棧課》里面就有很多基礎資料，大家感興趣可以去圍觀。

另外推薦《深入理解計算機系統》，這本書介紹了每個開發者都需要了解的計算機基礎內容，幫助讀者接觸到整個計算機學科的核心知識。

三、掌握學習路徑

MDN在線文檔有一個《學習Web開發》系列文檔，從Web入門開始介紹，包括HTML，CSS、JavaScript、服務端網頁編程基礎等知識，適合初學者跟著文檔一步一步的學習。優達學城的納米學位課程，也提供了入門到進階的課程路線，通過先學習各個知識點，每個章節之后有一個實戰項目，打通融會貫通。

四、學習方法

好的學習方法和平臺，能使得事半功倍。大多數學習者的學習方式是看書、聽視頻，上在線學習平臺。圖書來說，知識點相對系統，但是也是相對較慢。視頻通過實際項目代碼和動畫相關的展示，更容易吸收，但是很多視頻只提供視頻教學，項目實踐和章節練習相對教授。在線學習平臺提供項目實踐和代碼審閱功能，學習者學的輕松，掌握的也快。

1.圖書

雖然很多學習者覺得圖書效率很低，攜帶也不方便，但是它知識點還是相對系統的，適合集中時間段內學習，當然選擇優秀的圖書是最重要的，優先選個國外的、經典的圖書。如果學員英文水平可以的話，推薦考慮英文原版圖書。推薦基本作為初學者可以看的圖書。

HTTP基礎相關

圖解HTTP 或者HTTP權威指南

Web全棧工程師的自我修養

HTML和CSS相關

HTML和CSS配合MDN相關文檔，入門應該是沒有問題，如果確實要通過一本書學習，推薦：

HTML & CSS設計與構建網站 要學習各種頁面布局，或者想扎實學習好CSS，CSS需要徹底研究。

JavaScript相關

大名鼎鼎的犀牛書和紅寶書可以備著，但是不適合零基礎的用戶學習。

JavaScript DOM編程藝術 《你不知道的JavaScript》，有上、中、下三卷。通過通俗易懂的語言講Javascript相關的知識講授出來。

Web性能相關

高性能網站建設指南

高性能網站建設進階指南

Web性能權威指南

通過以上圖書的學習，需要動手完成多個練習小項目。比如個人簡歷、個人博客、新聞兩欄、三欄等布局、開發電商頁面，仿作餓了么等。將理論轉化為實際看得見的代碼，是初學者必經之路。

2.視頻

國內國內提供在線視頻平臺很多，國內以網易云課堂、慕課為主，主要針對IT相關的。

比如網易云課堂推出的初級前端開發工程師微專業。主要由網易本身的一線工程師授課。

慕課網的Web前端攻城獅 ，通過多個小視頻的集合，打造一個前端學習的路徑。但是不是一個老師系統的講解，所以學員學習起來，是不是能很好吸收消化就難說，而且項目實戰也相對簡單。

Udemy：提供各式各樣的在線視頻課程，學習者通過學習相關課程之后，獲得證書。個人感受：Udemy 基本上是個課程買賣超市，人人都可以制作課程在那里發布，所以課程質量不一定最優的，另外大多數課程是英文講課，中文課程相對較少，對于初學者來說是一個不小的挑戰。

四、總結

在做中學是學習新知識和新技能的最佳手段，而前端課程最好的模式是：

一方面學習基礎和實踐相關內容，另外一方面在師傅或者導師的的帶領下，獨自完成多個真實的項目。從簡單的hello world到個人主頁，或者電商系統開發，通過圖書、視頻和在線學習平臺等多種，真正的做到從零基礎開始，扎實學好前端。新手入門要做的就是找到一個適合自己的學習方法，一步一個腳印，扎實的學習起來，最開始可以照著代碼敲出來，看效果。等度過了初學的迷茫期，找到了好學習方法，后面學習起來就輕松很多。