自學網站前端開發，學web前端的話適合自學嗎？
1. Web前端是做什么的?
學習之前我對網頁設計、UI、網頁制所盒Web前端的概念很混淆，上網查了才明白：網頁設計是指運用一些軟件對網站進行美化，解決“好看”的問題;UI是指人與界面互動的優化，解決“舒適”的問題;網頁制作著重PC端網頁制作;而Web前端包括PC端和移動端的前端界面制作。
2. Web前端的基礎技能及工作職責是什么?
愛它就要更深入了解它，學習Web前端就要清楚地知道Web前端工程師需要什么基礎技能及其工作職責。其實，這“很簡單”，只要你精通HTML+css(包括現在的HTML5+CSS3)、JavaScript、JQuery，了解界面設計，了解后端編程，服務器知識+后端語言基礎。
====================================
01.環境搭建
前端環境很好搭建，一個開發工具即可，webstorm，hbuilder，vscode，sublime。初學者建議sublime 也不要裝插件，沒有語法提示，可以打基礎
02.html基礎
帶你去認識html，讓你學習去運行html，等瀏覽器上面打開你的頁面的時候，你會有很強的成就感，然后開始學習html的基礎標簽
03.css基礎
html是勾勒，css是染色，基礎的css學完你會有種想寫頁面的沖動，這時候你不用抑制住那種感覺，直接按照自己所想開寫，這是你的第一個項目
04，js基礎
js是頁面的邏輯，作為一個web前端工程師，js是很核心的部分，也是很難的部分。js的學習之后放長一些，尤其是前一周，要讓自己去熟悉那種語法環境，培養自己的開發思路，而且有一點就是學完一個星期的知識之后，及時和你的指引人溝通，看卡自己的理解是否有誤，還有就是學習思路是否有問題，他會給你指出那些東西需要多學習，哪些不常用，還有就是給你點一下你學的這些在項目中會是怎么去應用，理論聯系實際是最好的學習方式。
05.純js操作dom和jquery
這階段要知道怎么去用js來更改頁面的元素，怎么去寫dom事件，經過一番聯系后，再引入jquery，不要本末倒置，有個同學學完jquery之后說發誓以后再不用原生js操作dom！然后被我狠狠罵了一頓
06，開始你的ui框架之旅
這個階段我推薦從bootstrap開始，這個框架很經典，響應式的珊格系統被后來框架一直沿用，在我線下教學的那幾年，我都會帶著學生一起看bootstrap的源碼，讓他們學會這種設計思想，因為之后對他們太有用了，當時他們很痛苦，現在他們說起來覺得很受益，如果可以，你也要去看看源碼，先學會去定制bootstrap，公司注重二次開發，定制 bootstrap正好可以練手。
07.開始深入css3
基礎學完css3要提上日程，這時你會看到不一樣的世界
08.深入js
這階段你就要去解讀原型鏈，原型替換，this指向，es6，es7的新語法，
09.學一套主流mv*框架
vue，react，angular2選一種，
我建議從vue開始，react的jsx語法不適合你入門去學習，angular2的typescript語法糖難度也比較高，vue學起來平滑些，結合vue，學一下vue-router，vuex，element ui，axios，webpack。做個項目玩一下這個全家桶
10.升級后臺語言nodejs
這個不作要求，你在學vue的時候其實已經在用nodejs了，你用的npm就是nodejs的一部分，這個階段說的是nodejs編程，比較難理解，畢竟是寫服務器的東西，不過前面基礎打牢固，讓別人一點撥就能上手，技術不難，難在思路轉換。
===================================
學習web前端開發時需要注意什么?
第一，web前端基礎的重要性
無論做什么都一定要有扎實的基礎，學習web前端開發也不例外，只有基礎牢固，才能更深入的學習新技能。作為一名初級的web前端工程師，你必須要具備最基礎的技術要素：HTML，CSS和JavaScript。這是作為web前端工程師所必須要掌握的。web前端的入門門檻其實很低的，與其他語言先慢后快的學習節奏相比，他是一個先快后慢的過程。所以在前期的學習過程中，你會很容易的掌握其基礎的技能。而隨HTML5著技術的廣泛應用，web前端的學習也會變得更加簡單。
第二，細節的重要性
有句俗語是這樣說的：“細節決定成敗”，很多web前端開發者在工作過程中為了追求速度，而忽略了一些細節性的東西。比如：給代碼加備注，代碼的命名規范，代碼的簡潔等。所有的這些看似不重要，其實卻嚴重影響了項目的進度以及自身能力的提升。在開發過程中，適當的添加備注，能夠加深對技術點的印象，也便于以后在修改的過程中迅速查找;規范的代碼命名能夠方便團隊之間的溝通，提高工作效率;而簡潔的代碼能夠直觀的展現某一塊代碼的作用。
第三，網站布局的重要性
做網站的最終目的除了向大眾群體直觀的展現公司的形象以外，更重要的還是便于SEO優化，為了提升網站在百度搜索引擎中的排名，以獲取更多的瀏覽量。因為網站沒有排名，不能讓更多的人了解到公司，盈利從何談起呢?作為一名web前端培訓者，想要進一步提升技能，就一定要研究網站的優化布局。
最后，學習的重要性
優秀的web前端工程師之所以優秀，不是因為工作的年限有多久，而是具備快速學習的能力。web前端開發是一個特殊的工作，涵蓋的知識面非常廣，而且互聯網行業技術的更新速度是非?？斓?，如果沒有快速學習的能力，就很難跟上時代的步伐。所以，作為web前端工程師一定要不斷的學習，提升技能。
想學web前端？
可以學，只需幾行代碼即可入門，這里寫一個HTML的Hello World!
將該段代碼寫到到txt文件中，將文件的后綴改成html，用瀏覽器打開，效果如下，
恭喜你，已經邁出了學習web前端的第一步！
前端開發的入門門檻很低，與服務器端語言先慢后快的學習曲線相比，前端開發的學習曲線是先快后慢。
零基礎入門前端可以去培訓機構，也可以自學，如果沒有很強的自律性，建議還是去培訓機構，目前網絡上的培訓機構很多，前端的學習時間大概在半年以內，價格也基本在1萬以上。下圖是我隨便在網上找的一個培訓機構的就業情況，這樣的待遇在深圳算比較常見的。
學習路線大致如下：
首先學習 HTML，學會寫基本的頁面。
然后學習 CSS，學會美化頁面，學會布局。
然后學習 JavaScript，學會操作 HTML 元素。
熟悉了前端基礎之后，可以學習 HTML5、CSS3、jQuery 和 Bootstrap，jQuery 和 Bootstrap 是前端的兩大神器，雖然 jQuery 現在用得少了，但很多公司老系統會用到。Bootstrap 的應用就非常多了，很多網站的頁面布局都是用的 Bootstrap，這個是必須學習的。
剩下的就不一一贅述了。
學習如逆水行舟，不進則退，web前端更是這樣，雖然前端入門很簡單，但是越往后越難，而且更新換代快。
在成為一個優秀的程序員的道路上，充滿了汗水和辛勞。共勉！
有問題可以隨時私信我！
自學大概要多久？
跟你說一下我朋友的經歷吧，他本身是做設計的，大概用了半年時間來學web前端，半年以后在網絡公司找了一份做網站前端的工作，后來又跳了一次，一年左右吧，基本很熟練的開發了。
我本身是在公司做技術的，我們公司就我一個技術，他是設計，后來對編程敢興趣就跟著學習了，大致學習思路是這樣的。
首先是最基礎的html和css，可以制作簡單網頁以后，可以逐漸接觸js，js中dom相對難一些，不懂可以稍微放一放，逐漸學習，不要鉆牛角尖，期間也可以報一些班跟著別人學習，他在網上報了幾個班，騰訊課堂也是不錯的選擇，網上很多資料。
html+css+js粗通以后，就可以學習一些框架了，他選的是vue，你可以不精通js，但是利用vue可以快速開發很多高大上的東西。另外你可以選react等，vue是國人開發的文檔比較全，好入門還是推薦這款的。
vue你用熟練了，就可以學習nodejs了，這樣不但前端的活能干，開發個一般項目，做做后端也是沒問題的，這時候你可以回過頭去看看vue這些的源碼了，能學到不少東西。
總結一下，半年基本可以做簡單開發，勤學苦練一年可以精通