1. 自學 Web 前端真的很難找到工作嘛
不管你是自學還是培訓，找工作主要看的是技術能力、相關工作經驗、綜合實力及溝通能力等。只是對於自學的小夥伴來說，不知道企業需要哪些技術，並且不知道需要達到什麼樣的技術水平才能就業？所以在學習過程中很迷茫，學了很久之後也可能達不到要求，因此找工作很難。蝸牛學院這里根據行業變化和企業需求整理了一份最新的web前端學習路線，都是企業招聘時所需的技術，希望對自學的小夥伴有所幫助。
第一階段：專業核心基礎
階段目標：
1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。
2. 熟練運用HTML+CSS特性完成頁面布局。
4. 熟練應用CSS3技術，動畫、彈性盒模型設計。
5. 熟練完成移動端頁面的設計。
6. 熟練運用所學知識仿製任意Web網站。
7. 能綜合運用所學知識完成網頁設計實戰。
知識點：
1、Web前端開發環境，HTML常用標簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿製任意網站的前端頁面實現。
2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端，整理網頁開發技巧。
3、預編譯css技術：less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。
第二階段：Web後台技術
階段目標:
1. 了解JavaScript的發展歷史、掌握Node環境搭建及npm使用。
2. 熟練掌握JavaScript的基本數據類型和變數的概念。
3. 熟練掌握JavaScript中的運算符使用。
4. 深入理解分之結構語句和循環語句。
5. 熟練使用數組來完成各種練習。
6.熟悉es6的語法、熟練掌握JavaScript面向對象編程。
7.DOM和BOM實戰練習和H5新特性和協議的學習。
知識點：
1、軟體開發流程、演算法、變數、數據類型、分之語句、循環語句、數組和函數。熟練運用JavaScript的知識完成各種練習。
2、JavaScript面向對象基礎、異常處理機制、常見對象api，js的兼容性、ES6新特性。熟練掌握JavaScript面向對象的開發以及掌握es6中的重要內容。
3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。
4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。
第三階段：資料庫和框架實戰
階段目標：
1. 綜合運用Web前端技術進行頁面布局與美化。
2. 綜合運用Web前端開發框架進行Web系統開發。
3. 熟練掌握Mysql、Mongodb資料庫的發開。
4. 熟練掌握vue.js、webpack、elementui等前端框技術。
5. 熟練運用Node.js開發後台應用程序。
6. 對Restful，Ajax，JSON，開發過程有深入的理解,掌握git的基本技能。
知識點：
1、資料庫知識，範式，MySQL配置，命令，建庫建表，數據的增刪改查，mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理，為Node.js後台開發打下堅實基礎。
2、模塊系統，函數，路由，全局對象，文件系統，請求處理，Web模塊，Express框架，MySQL資料庫處理，RestfulAPI，文件上傳等。熟練運用Node.js運行環境和後台開發框架完成Web系統的後台開發。
3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發，對MVVM模式有深刻理解。
4、需求分析，資料庫設計，後台開發，使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實現整站項目完整功能並上線發布。
第四階段：移動端和微信實戰
階段目標：
1.熟練掌握React.js框架，熟練使用React.js完成開發。
2.掌握移動端開發原理，理解原生開發和混合開發。
3.熟練使用react-native和Flutter框架完成移動端開發。
4.掌握微信小程序以及了解支付寶小程序的開發。
5.完成大型電商項目開發。
知識點：
1、React面向組件編程、表單數據、組件通信、監聽、聲明周期、路由、Rex基本概念。練使用react完成項目開發、掌握Rex中的非同步解決方案Saga。
2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網路請求、打包。練掌握react-native和Flutter框架，並分別使用react-native和Flutter分別能開發移動端項目。
3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。
4、大型購物網站實戰，整個項目前後端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、後台管理。團隊協作開發，使用git進行版本控制。目期間可以擴展Three.js 、TypeScript。
2. 轉行學習web前端很難，那到底是自學還是應該去培訓
關於這個問題，其實我們更應該關注的是自身。
我一直都特別佩服那些自學成才的人，並且我也認為他們是真的值得學習的。
並且，大量的大神證明，靠看書、查資料、自學是完全可以成為很牛逼的人的。
但是，自學枯燥、無人點播、知識不系統、走彎路、難堅持等等這些一系列的障礙，又有幾人能克服？
所以培訓就有了必要，我認為培訓機構和義務教育在本質上並沒有什麼太大的區別，都是傳遞知識的過程。
培訓機構所做的事情，就是讓學習變得更簡單，更適應大眾。
所以我們會發現，一些並沒有極客精神，對代碼並沒有太大的興趣但是學習能力還不錯的學生，也能夠通過培訓吸取到這些知識，並且憑借這些知識找到一份不錯的工作，那一份還算可以的薪水。
所以，對於學習來說，如果你不能克服自學的全部障礙，為什麼不選擇一條大多數學生都在選擇的路——找一家好的培訓機構，拼盡全力學習半年，走向工作崗位，在工作中繼續充實自己。
自學還是培訓哪個適合自己，不如我們先自學一段時間來看看，如果真的能夠效率還不錯的掌握知識，並且可以循序漸進的提升，那麼其實培訓沒有太大的必要。
這里推薦一套自學路線，可以參考一下：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)
3. 自學web前端難嗎，為什麼我學得那麼吃力
零基礎學習web前端肯定是可以的，web前端作為當下IT互聯網行業比較流行的一個編程開發行業，不管是pc端還是移動端都有著廣發的應用，尤其是在互聯網普及的今天，市場對於web前端人才的需求也在增加，相對來說選擇學習web前端還是比較有發展前景的。
對於學習前端的人來說，入門是相對是比較容易的，對於零基礎的來說是完全可以的進行學習的，下面小編就分享一下零基礎學習web前端應該如何進行。
1、首先，要有一套完整的符合企業需求的web前端課程；
2、為自己制定一套適合的學習計劃，後期學習按照計劃嚴格執行；
3、學習的過程中要多和別人進行互動交流，這樣才可以把自己學到的東西更好的記憶；
4、關注一些比較好的web前端學習社區，有時間多去了解一下前端行業的發展和新出的技術都有哪些；
5、學習要持之以恆，不能三天打魚倆天曬網。
學東西不可以學死東西，要學會舉一反三，多思考，遇到一個問題先去自己解決，學編程很多時候就是一個思考的過程，腦子要不斷的旋轉起來，同時也要培養自己的語言組織能力，這都是跟邏輯有關系的。
4. 零基礎學習web前端難不難
前端還是比較好學的，只要按照步驟慢慢學，多練習就可以
一、Web前端開發所需要的知識技能及學習路徑
1. HTML5 + CSS3 + JavaScript
Web開發基礎中的基礎，HTML是負責網頁結構，CSS負責網頁樣式，JS則負責邏輯交互。前兩者更像是標記語言，沒有什麼邏輯，JS才是前端的重中之重。 HTML5 新增的技術大部分需要結合JS學習。
每個人學習進度可能不同，這個階段主要是多仿站，熟悉基礎，試試用CSS寫響應式頁面，了解JS深入性的知識，比如原型鏈、閉包、 設計模式 等需要更多的積累，逐漸理解並實踐掌握。
2. JQuery + BootStrap + Ajax + Json
jQuery是JS的一個應用庫，能夠提升原生JS開發效率。Bootstrap則是響應式框架，更簡單的實現手機/平板/PC多個設備的頁面支持。Ajax技術用於非同步交互，不刷新頁面就能更新數據，比如 地圖 應用等。Json是一種數據格式，被廣泛應用在各大編程語言中。
jQuery 和 bootstrap 會簡化很多編寫的代碼量，用著不亦樂乎，但對於基礎還不是很扎實的人建議還是少用。 Ajax 和 json 通常用於和後端交互，在實際業務中也經常用到。
3. Git/SVN
版本管理工具，主要用於團隊開發時避免文件沖突，也可回檔。前端推薦學習Git。
4. Nodejs + Mysql /MongoDB(可選)
運行在伺服器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器，不用到各個網站去下載資源包。 資料庫 的學習可以選擇MongoDB或者MySQL，前者與Nodejs的契合度更好，不過現在大多數網站都是 PHP +Mysql的組合，如果有學PHP的打算的話，可以先學習 Mysql 。
5. ECMAScript 6
JavaScript 的語言標准。ES6中加入了很多新的概念，也彌補了之前版本中JS的很多缺陷，越來越多的項目開始運用ES6進行開發。學之前最好把ES5先搞懂了，目前實際項目中考慮到兼容性，ES6是需要通過Babel將其編譯為ES5來部署的。
我自己是一名從事了多年開發的web前端老程序員，目前辭職在做自己的web前端私人定製課程，去年我花了一個月整理了一份最適合2019年學習的web前端學習干貨，各種框架都有整理，送給每一位前端小夥伴，想要獲取的可以關注我的頭條號並在後台私信我：前端，即可免費獲取。
6. Angular/React/Vue
前端三大框架，各自也有著各自的生態系統，根據需求自行選擇學習。目前企業需求量最大的仍然是Angular，但近期趨勢來看react和vue則更受歡迎。因為現在前端技術發展太過於突飛猛進，工具和框架的更新比翻書還快，建議學習還是看文檔比較好。學習過程中也會遇到很多用到各種構建工具的時候。
7. 其他常用工具
這個一樣是根據需求自行選擇學習。比較常用的現在有 Web pack，可以將多個不同編程風格的文件打包，比如ES6/AMD/CMD之類的模塊化都能識別並編譯成 瀏覽器 能運行的文件。Sass/Less，CSS預編譯框架，可以用帶有邏輯性的方式編寫CSS代碼。Gulp/Grunt構建工具，可以自動化對代碼進行壓縮合並等工作。
8. 其他後端編程語言
目前市場對前端基本都要求會一門後端語言， PHP / JAVA / Nodejs / Python 等。
學習編程重要的還是實踐，多敲代碼，多去嘗試。獨立解決問題的能力、探究鑽研的精神是必不可少的。有興趣的話也可以自己搭建一個技術 博客 ，往 github 上傳幾個 開源 項目，這些都是不錯的加分點。
一名優秀的程序員 ，不僅僅是程序員 。
二、前端學習注意事項
1、打好基礎
無論做什麼都一定要有扎實的基礎，參加web前端培訓也不例外，只有基礎牢固，才能更深入的學習新技能。作為一名初級的web前端工程師，你必須要具備最基礎的技術要素：HTML，CSS和JavaScript。這是作為web前端工程師所必須要掌握的。Web前端的入門門檻其實很低的，與其他語言先慢後快的學習節奏相比，他是一個先快後慢的過程。所以在前期的學習過程中，你會很容易的掌握其基礎的技能。而隨著HTML5技術的廣泛應用，web前端的學習也會變得更加簡單。
2、注重細節
有句俗語是這樣說的：「細節決定成敗」，很多web前端開發者在工作過程中為了追求速度，而忽略了一些細節性的東西。比如：給代碼加備注，代碼的命名規范，代碼的簡潔等。所有的這些看似不重要，其實卻嚴重影響了項目的進度以及自身能力的提升。在開發過程中，適當的添加備注，能夠加深對技術點的印象，也便於以後在修改的過程中迅速查找;規范的代碼命名能夠方便團隊之間的溝通，提高工作效率;而簡潔的代碼能夠直觀的展現某一塊代碼的作用。
3、不斷加強學習
優秀的web前端工程師之所以優秀，不是因為工作的年限有多久，而是具備快速學習的能力。web前端開發是一個特殊的工作，涵蓋的知識面非常廣，而且互聯網行業技術的更新速度是非常快的，如果沒有快速學習的能力，就很難跟上時代的步伐。所以，作為web前端工程師一定要不斷的學習，提升技能。
作者：邢建
鏈接：https://www.hu.com/question/19637373/answer/824165923
來源：知乎
5. web前端難學嗎基礎學習web前端能不能學成
近兩年web前端是非常搶手，不僅僅是因為招聘市場需求量大，還有一個重要的原因就是，入行門檻低，入門簡單。
一、它的門檻低主要體現在兩個方面：
1. Web前端入門門檻低體現在HTML和CSS上，前者只是結構標簽，後者是樣式配置，入門是非常簡單的，大家可以到網上找一些相關視頻學習，也可以找相關書籍來看，比如《Head First HTML and CSS》《CSS權威指南》等，雖然很枯燥，但是只要能啃下來就會發現，確實很管用。
2. Web前端入門門檻低的另一個重要體現就是，符合82定律，也就是20%的東西使用率佔到80%。所以很適合囫圇吞棗，因此我們的重點就是把這20%學起來，而首先要做的就是把這20%的東西找出來。前端這20%的東西大概就是常用的Html標簽，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的兼容。
最後最難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，所以自己有項目可參與應該珍惜。
二、怎樣入門學Web前端?
學習前端就好比如蓋房子Html就充當了房子結構這部分，也是房子的基礎。css，就好比房子要什麼樣色的地板、壁紙等；樣式的就是css；Java，就是這個房子的功能，房子的暖氣等。
方法步驟、工具以及開發的案例展現：
1、前端工具箱(Dreamwear/sublime/Photoshop/SVN等)
2、零基礎入門(Html，CSS)、常用標簽集合、常用選擇器&標簽類型劃分、浮動進階、定位、表格和表單、兼容性問題處理、整站進階、css3入門、移動端布局、Animation和Transform、Bootstrap前端開發框架
3、項目實戰
4、PC端的企業網站布局、PC端的電商類網站布局、移動端常見頁面布局
其實，學習都是系統性的學習。可以根據自身情況選擇自學或者選擇相應的系統性的教學
6. 自學web前端開發,請問從何入手呢
如果是零基礎，不建議自學web前端開發，建議去專業的培訓學校系統學習，推薦千鋒教育，千鋒以政策為引導，不斷完善國內特色現代職業教育體系建設，構建品質教育，加大創新型人才培養力度。
Web前端是一個未來真正吃香的職業，在國外企業，前端開發和後端開發人員的佔比通常為1：1，在國內企業，能達到這樣的人員配比十分稀少，一半為1:3以下。目前web前端開發職位人才缺口達到50萬。Web前端這一技術是從美工演變而來的，其名稱具有很明顯的時代特徵。而且現在越來越多的IT企業對用戶體驗更加註重。前端開發的入門門檻其實非常低，與伺服器端語言先慢後快的學習曲線相比，前端開發的學習曲線是先快後慢。所以，對於從事IT工作的人來說，前端開發是個不錯的切入點。前端開發領域有很多自學成「才」的同行，但大多數人都停留在會用的階段，因為後面的學習曲線越來越陡峭，每前進一步都很難。
想要了解更多web前端的相關信息，推薦咨詢千鋒教育。千鋒Java現已擁有成熟獨立的項目庫，項目均1：1引進大廠項目，授課採用 CREA 項目研發模型，即 Cooperation、Research、Exercise、Alliance，以項目促進高質量教學。多場景，多學科聯動為學員的技能實戰提供高度還原的真實演練場，充分賦能學員簡歷價值，打造企業直聘班，得到廣大學員一致認可。