想將來從事web前端方面的工作，系統的學習方法有哪些？不知題主是否有其他相關的程式設計經驗，我就從一般小白入門的路線介紹。前端所需要的基礎知識不多，但是它衍生出來的框架非常多。如果題主對這某塊知識非常精通，可以跳過學習下一個知識點。
1） 入門學習
學習目標：能自主開發10個不同型別的靜態頁面（靜態頁面指的是沒有資料互動）
技能點：HTML & CSS （ 這兩個是前端必會的基礎知識，頁面好不好就看它倆了。）
學習方法：看影片，手敲程式碼，大量實踐，以小專案驅動
建議學習時長：2~3個星期
2） 進階
學習目標：能自主開發3個以上不同的動態頁面（動態頁面指的是有資料互動，例如登入註冊）
技能點：javascript & JQuery (這兩個是前端和後端進行資料互動的基礎，需要稍微花點時間學)
演算法：排序演算法（這是用得最多，也是面試經常會問的）
建議學習時長：1個月
3）提高
學習目標：自主搭建一個web-app專案
技能點：Vue.js 框架 (前端框架非常多，這裡指明是Vue，只是說明當前用的人多，而且比較好找工作)
學習方法：看影片，學習和閱讀優秀網站的原始碼，還是要大量的手動實踐
建議學習時長：3個月以上（基礎的知識大概學習三個月，後面跟著專案一邊做一邊學。）
如果上面三個基礎知識都已經學得差不多了，其實距離真正的開發還有一段很長很長的距離。還需要從工作中不斷積累經驗，筆者接觸過的web前端的相關工作主要有以下幾個方面：
1) 從客戶端區分的話有：
手機端web-app, PC端網站
2）從業務上區分的話有：
網頁遊戲、入口網站、ERP、CRM等等
業務不同，但是核心的知識點都是一樣，那就是 HTML&CSS&Javascript 再加一個成熟的前端框架。
想將來從事web前端方面的工作，系統的學習方法有哪些？不知題主是否有其他相關的程式設計經驗，我就從一般小白入門的路線介紹。前端所需要的基礎知識不多，但是它衍生出來的框架非常多。如果題主對這某塊知識非常精通，可以跳過學習下一個知識點。
系統的學習路線&學習方法：1） 入門學習
學習目標：能自主開發10個不同型別的靜態頁面（靜態頁面指的是沒有資料互動）
技能點：HTML & CSS （ 這兩個是前端必會的基礎知識，頁面好不好就看它倆了。）
學習方法：看影片，手敲程式碼，大量實踐，以小專案驅動
建議學習時長：2~3個星期
2） 進階
學習目標：能自主開發3個以上不同的動態頁面（動態頁面指的是有資料互動，例如登入註冊）
技能點：javascript & JQuery (這兩個是前端和後端進行資料互動的基礎，需要稍微花點時間學)
演算法：排序演算法（這是用得最多，也是面試經常會問的）
學習方法：看影片，手敲程式碼，大量實踐，以小專案驅動
建議學習時長：1個月
3）提高
學習目標：自主搭建一個web-app專案
技能點：Vue.js 框架 (前端框架非常多，這裡指明是Vue，只是說明當前用的人多，而且比較好找工作)
學習方法：看影片，學習和閱讀優秀網站的原始碼，還是要大量的手動實踐
建議學習時長：3個月以上（基礎的知識大概學習三個月，後面跟著專案一邊做一邊學。）
Web前端相關工作如果上面三個基礎知識都已經學得差不多了，其實距離真正的開發還有一段很長很長的距離。還需要從工作中不斷積累經驗，筆者接觸過的web前端的相關工作主要有以下幾個方面：
1) 從客戶端區分的話有：
手機端web-app, PC端網站
2）從業務上區分的話有：
網頁遊戲、入口網站、ERP、CRM等等
業務不同，但是核心的知識點都是一樣，那就是 HTML&CSS&Javascript 再加一個成熟的前端框架。