麻辣魚頭
個人感覺看看是不是計算機專業的吧，計算機專業的對編程基本都有涉及，只要大學沒白費，自己再根據現在市場需要多學點應該也能入門，就是對自制力要求比較高哈；非計算機專業的話自學還是有一定難度的，要快速入門的話，建議報個培訓班，有系統的學習會更快一點，現在市面上培訓機構傳智播客 達內 北大青鳥 優就業都不錯，可以去考察下哈
美食界的小白菜
前端發展的時代背景
互聯網的快速發展和激烈競爭，用戶體驗成為一個重要的關注點，導致專業前端工程師也成為熱門職業，各大公司對前端工程師的需求量都很大，要求也越來越高，優秀的前端工程師更是稀缺。
個人感覺前端入門相對容易，但是也需要系統地認真學習，在打好基礎後堅持學習，這樣成為優秀前端工程師也只是時間問題。 學習任何知識最重要的都是興趣，如果經過一段時間的學習感覺不喜歡，那可能強迫自己學習是很痛苦的，效果也不會好，畢竟這很可能就是以後很多年生存的技能。
不過隨著互聯網行業的發展，前端必然是Web開發人員需要學習的知識，有時候是沒有專業前端工程師一起合作的，所以即使不做專門的前端工程師，掌握基本的前端技能為工作 帶來方便。
個人對前端的理解
前端要學習三個部分：HTML，CSS，JavaScript（簡稱JS），其中JS是重中之重，
首先要明確三個概念：
HTML是內容層，它的目的是表示一個HTML標籤在頁面裡是個什麼角色。
CSS是樣式層，它的目的是表示一塊內容以什麼樣的樣式（字體、大小、顏色、寬高等）顯示。
JS是行為層，它要做的是當用戶觸發某些行為時，會給內容和樣式帶來什麼樣的改變。
1. HTML/CSS部分
推薦入門教程Codeademy:https://www.codecademy.com/上的html&css課程——在線交互式編程平臺，弄清楚基本概念和基本語法
視頻：慕課網:http://www.imooc.com/和網易雲課堂：https://study.163.com/上也有好多基礎課程，大家可以配合看看
進階
《精通CSS·高級Web標準解決方案》——對CSS有一個比較深入的學習，
對核心技術瞭解 《HTML5權威指南》——非常全面的書，內容也很新，包含了HTML5+CSS3+JS DOM
2. JavaScript部分
入門
菜鳥教程：http://www.runoob.com/上的JS教程——比較詳細的瞭解下JS的特性
《JavaScript DOM編程藝術》——講js和DOM的基本知識和運用，瞭解JS和DOM可以做什麼
視頻：慕課網：http://www.imooc.com/和網易雲課堂：https://study.163.com/上也有好多基礎課程，大家可以看看
進階
《JavaScript高級程序設計》——JS聖經，比較全面，非常好的一本書，比犀牛書可閱讀性強
《JavaScript權威指南》——傳說中的犀牛書，好厚好厚的一本書，不適合入門，適合當工具書看 《JavaScript語言精粹》——很薄的一本書，但是可以幫助你快速瞭解JS的精華部分
實戰
jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——瞭解Jquery（前兩年用的框架較多，不過，最近三大框架很流行，JQuery地位有所下降）
《jQuery基礎教程》——流行的前端框架，注重實用
提高
《高性能JavaScript》——講如何提高js性能，以及構建和部署文件到生產環境的最佳實踐
以上HTML,CSS,JavaScript學完，前端基本就可以說入門了
最近特別流行的三大框架
Vue.js：https://cn.vuejs.org國人尤雨溪大神創造開發出來的，文檔非常友好
React.js：http://doc.react-china.org Facebook開發
Angular.js：https://www.angular.cn/ Google開發
以上三個框架，如果真的想做前端的話，三個框架是必須學一個的，一個都沒學，說實話，是不好意思說自己是前端的,可能說的有點過了，哈哈！ 不過說的也是實話，畢竟現在像我這樣專業寫web後端的也懂點前端。
我個人開發的個人主頁：https://stormsha.com
學以致用才是最難，也是最關鍵的一步
比較火的小程序開發框架
WePY是騰訊官方搞的小程序框架 https://tencent.github.io/wepy/
mpvue由大廠美團開發出來的，雖然不是騰訊官方，但有後來居上之勢。 http://mpvue.com/
想學的話可以學習其中一種，關於兩者的區別，大家自行查下，我就不贅述了。
還有想成為全棧的話，還要學node:http://nodejs.cn/ 大家有機會可以瞭解下！！！
總結
其實，以上說的只是前端大致內容，具體的東西，延伸的東西也很多，下面給下以前看到的一張前端學習路線圖（現在前端已經比圖裡豐富多了）
最後給大家推薦一些個人感覺非常好的前端學習路線鏈接： https://github.com/CQUPTBee/FE-Study（前端開發培訓體系）
https://github.com/qiu-deqing/FE-learning（Github-前端入門方法）
https://www.zhihu.com/question/19834302（如何系統學習前端-知乎)
stormsha
主要可分為兩類:
1、計算機相關專業出身
系統走過計算機的理論基礎，比如計算機組成原理、操作系統原理、計算機網絡、算法數據結構、設計模式，至少用過兩門以上編程語言（強類型+弱類型）。
優點：理論、架構方面紮實，有整體計算機思維，內功不錯，外功學起來比較快。
缺點：部分人對前端相關細節技術不紮實，不過花時間能很快搞定。
2、非計算機出身自學（也包括計算機專業沒好好學的）
理論基礎薄弱，後來因個人興趣或者職業需求，自學前端開發技能。
優點：自學能力比較強，能夠根據自己的興趣規劃學習內容。
缺點：部分人對前端沒有整體的學習框架 ，屬於東一片，西一片，不成體系，部分人計算機沒有整體思維，建議系統梳理下前端知識體系結構，該補的還是要補起來。
那根據自己的實際情況，快速入門前端呢?
1、學習東西，自學是一種途徑，然而在自學的過程中，很多人處於不知道自己不知道的狀態。
2、另一種是跟著高手，開闊視野，達到知道自己不知道的境界，從而有方向，在短時期內進入到一個新的境界，節約時間成本。
程序猿茅哥
個人認為學習前端可能分為下面幾個階段：
【最初階段】：
你需要先安裝並瞭解使用前端常用工具 -- sublime編輯器/谷歌等瀏覽器/圖形處理工具等
HTML相當於告訴你網頁上的東西是什麼，例如:這是一個鏈接、這是一個標題、這是一個段落。HTML是構成網頁的基礎。
CSS相當於告訴你網頁上的東西是什麼樣的，例如:這個鏈接是紅色的、這個標題是藍色的、這個段落是黑色的。CSS是作用在HTML元素之上的，可以調整HTML元素的樣式，使網頁佈局更漂亮、合理。
JS相當於告訴你網頁上的東西該怎麼變化，例如:鼠標移動到鏈接上時鏈接變成藍色、鼠標移動到頭像上時顯示個人信息等等。JS是在HTML和CSS的基礎上的，作用是使網頁使用起來更容易、方便。
ajax是前端需要用到的一個重要的技術。
Jquery是一個前端框架，主要作用是使編寫JS代碼更方便。
PHP是一門後臺語言。
我也是0基礎自學的，建議題主去w3cschool上把HTML,CSS的教程過一遍，試著動手用HTML，CSS做兩個簡單的頁面，不會的話找視頻、百度、找書。寫代碼是個孰能生巧的過程，剛開始會很陌生，多練習練習就好了。
JS部分先把w3cschool上的教程過一遍，然後找書看一看，關於推薦書知乎上有很多大神推薦過了，小弟才疏學淺就不在這裡推薦了。
學習前端需要方法，更需要一顆平常心，不要把前端想的多難，需要吃什麼苦。既然學習這麼痛苦，為什麼不快樂一點學呢？anyway~希望大家可以成為一個優秀的前端工作者！
無線視界
我個人認為如果條件允許的，找一家培育機構，每必要自學，因為自己自學能力有限，找一家培訓機構，學四個月，相當於別人工作一年半，甚至於是2年！。
廣州阿杰
既然選擇學習前端，那麼HTML這個大兄弟肯定是要認識的，那麼什麼是HTML呢？專業術語叫做：超文本標記語言，但是其實也沒那麼邪乎，html說白了就是網頁的規則。
