自學是學習web前端的一種方式，如果是以就業為目標的話，還是不建議自學。

現在市場上的web前端工程師學習途徑大致分為3種情況： 一科班出身，二培訓，三自學 。

第一，科班出生，本來就是學計算機相關專業，分方向的時候走的前端方向以外，其他的基本都沒得戲。

第二，轉行~想提升技能的~等，會從自學、培訓這兩種其中選擇一個，而自學或者是培訓都只是學習前端的一種學習方式而已。

1、自學

優勢:可以自由安排自己的學習時間,金錢成本低。

缺點:時間較長,如果是零基礎,想要自學難度比較大,找到一份正式工作,怎麼也得一年半載。並且自學需要強大的自制力,耐得住寂寞,堅持每天固定的時間學習。

2、面授培訓:

優勢;有完善的體系課程,專業的老師指導,在遇到問題的時候,可以及時解決,並且有良好的學習氛圍,一群人學習總是快樂的。可以快速入行。

缺點:相對自學,培訓是需要金錢成本的,8k-2 萬不等。

3、網課：

優勢：跟自學一樣，線上時間、地點相對靈活，以自己舒服的狀態學習。沒有約束，同時有老師帶領。

缺點：線上透過語音、遠端控制等方式還不一定能夠解決技術難題。同時需要耗費大量的時間。導致最終學習效果不理想。相比面授，線上培訓更加適合相對有一定基礎、在校大學生、或者相關從業人士。

以上之中，自學花費的時間與精力都比較多，且學習效果還無法預測。若要就業，線下培訓更加事半功倍。

關於學習web前端是否適合自學的問題，個人覺得完全可以自學，網上有很多不錯的教程比如w3cshool，你也可以找一些免費的影片來看，學習之後 一定要多進行實機練習，基本的都掌握之後就可以嘗試根據設計圖開始製作頁面，一步一步進行，當能夠有能力完全頁面製作以及相容調整之後 就可以去面試此類的工作了

學前端是可以自學的，可以在網上找找免費或者付費課程看看，看完了可以自己寫個專案，再專案中不斷打磨自己會進步的更快。

如果想轉行前端的話，這幾年前端競爭越來越激烈，需要會一些打包工具如webpack的配置，服務端語言nodejs等都有所涉獵，這些如果自學感覺效率不高可以找個培訓班上上，效率高一些。如果只是想寫個前端頁面，自學完全夠的。

可以的，現在很多線上學習平臺都有入門教程，一般學習一個星期就能入門，如果覺得有興趣就可以深入的學習了，跟著影片學很快入門。

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前端工程師一定要不斷的學習，提升技能。

其實不止前端可以自學，後端也可以自學，不過要找好領路人會輕鬆很多

1.前端初學者可以網上搜索 李炎恢html教程和javascript教程，看完之後基本上前端一些基礎知識已經瞭解差不多了

2.然後可以去慕課網找一些vue或者react相關的教程，多練幾個類似todolist之類的一些demo，然後再做一些實戰網頁，比如模仿淘寶網，餓了麼之類的全站網頁

3.到這個時候應該算基本瞭解不少前端知識了，可以找一家公司磨練磨練

大家好，我是藍胖子，一個從機械畢業轉行做網際網路、一個比較喜歡折騰電腦技術的個人網站小站長。

作為一個也曾自學過前端的人，跟你說說自己的想法吧！

作為機械畢業的理科生，在畢業之際也曾想過進入程式設計師行列，由於自己之前接觸過seo和html程式碼，加上大學選修過dreamvweaver（雖然沒有怎麼認真學），於是對前端產生了一些興趣。

在畢業後的兩個月裡，自己靠著影片教程啃完了前端幾大板塊的內容：html、css、js、jq，我就是那種走馬觀花般的學習，自己也能寫出一些靜態網頁，也能理解js語言的特性，彈藥完整寫出一個功能還欠缺一些火候。

前端的確是可以自學入門的，前端三劍客：html、css、js都還算比較好入門吧，主要看你的理解能力和自學能力，最重要的是要堅持，多動手實操，多找一些實際案例動手寫寫，程式碼真的是靠寫出來的。像我這樣，最後沒有在程式碼行業奮戰的人，最終還是將程式碼忘得差不多了。

另外，網上的專案多多少少可能有點過時了，自學到一定程度，一定要找個公司實習練手，掌握最新的框架和操作流程，程式設計這塊的技術更新比較快，要跟上時代的潮流。

這個問題我是比較有發言權的，因為我就是自學進來的。

首先你已經確定了方向就是前端程式設計師，比我當時定位得準確，既然選擇了當前端程式設計師，那麼html，css，js這三大塊必不可少，先學會它，然後自己做一些小專案，然後主動運用和理解這些基礎知識，慢慢的就可以深入了。有了一定的編碼能力，然後學習一下程式碼編寫規範，後面逐步接觸前端的框架vue等，我就是這麼過來的，我的工作就是開發工具，有兩個工具我都是原生寫的，我原生寫的專案極大的促進了我對js基礎的理解，我可以自己創造元件庫，可以創造自己的ui。

總而言之，自學是可以的，但是一定要多練習，多理解，慢慢深入就好了。記得堅持哦！