學習前端這個話題比較大，自學前端對不同的人有不同的方法。下面針對兩種不同的角色的人分析一下。

1. 對於本身是計算機學科畢業的人，前端雖然可能沒有接觸過，但是作為學過其他語言，其他架構的人來說，所要學習的不過是另一種語言，而各種語言的邏輯和架構是有共通之處的。所以對這類人來說，我覺得要自學前端就要從基礎學起，基礎的東西對這類人來說很容易理解，學會了基礎之後寫一些專案就滿滿融會貫通了。

2. 對於不是計算機專業的人來說，絲毫沒有背景的情況下從基礎學起會是一個噩夢。因為本身不是這個專業又沒有響應的培訓和指導是很難入門的。所以我的建議是去參加一些培訓班。培訓班的目的是培養快速上手入職做專案的人，所以他們教的東西不會很基礎但卻很實用。所以透過培訓之後應該可以從事一些簡單的前端工作了。而往往這類人在進一步升職或者深入的時候會發現基礎不足，很難承接更重要的工作。到那個時候再從基礎開始學一遍才能繼續從事這個工作。

對於小白學習前端，可以按照以下學習方法。

先準備一臺電腦

下載安裝相應軟體工具、諸如DreamViewer、EditPlus等編輯工具

學習Html

Html是網頁語言的最基本元素，這個是最最基礎的東西。最好讓自己能夠達到手寫Html的技能。

學習Css

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力。

學習Javascript

JavaScript一種直譯式指令碼語言，是一種動態型別、弱型別、基於原型的語言，內建支援型別。它的直譯器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的指令碼語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。

學習流行前端框架

例如jQuery框架、angularjs，目前最新版本的是angular4，另外一個是vue.js

實踐

不管是學習什麼東西，一定要多動手。實踐之中才能不斷熟練自己的技術。

這個過程中，最好是有紙質書籍以及網路影片教程。因為根據影片教程學習，可以達到事半功倍的結果。