做web前端開發能有10多年的時間，編輯一篇文章，給初學者說一些建議。

學習 HTML，CSS 應該先跟著基礎的影片學一遍。然後就需要做大量的練習，案例，案例是非常重要的，應用到實處，做各種常規的、奇怪的、大量的佈局練習來捆固、理解自己的知識。而學習 Javascript 首先要知道這門語言可以做什麼，不能做什麼，擅長做什麼，不擅長做什麼！如果你只想當一個普通的前端程式設計師，你只需要記住大部分 Javascript 函式，做一些練習就可以了。

JavaScript被稱為前端開發者的核心部分，也是工資的標準，現在有專門的JavaScript工程師，薪資都很高。

如果你想當深入瞭解Javascript，你需要了解 Javascript 的原理，機制。需要知道他們的本源，需要深刻了解 Javascript 基於物件的本質。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。

那麼一名優秀的、甚至卓越的 前端開發工程師的具備什麼條件？

在以前，會一點Photoshop和Dreamweaver的操作，就可以製作網頁，也就是我們說的web1.0時代，那個時候沒有前端，叫網頁製作。現在，只掌握這些已經遠遠不夠了。無論是開發難度上，還是開發方式上，現在的網頁製作都更接近傳統的網站後臺開發，所以現在不再叫網頁製作，而是叫Web前端開發。

而前端開發為什麼現在這麼火，在於網際網路高速發展，和HTML5技術的不斷成熟，各大瀏覽器的不斷相容，讓web前端開發成為最熱的職業。

關於書籍：HTML+CSS 這個完全不用看書，我給新人的建議唯一看書的就是JavaScript，推薦《JavaScript權威指南》：但是根據我的經驗，能看下去書的很少，而且書一般都是幾百頁的。

一定要做好準備：一項技術的學習，意味著你各方面資源不同程度的消耗——時間、工具、資金，甚至融入相關交流圈子的準備。在這個準備過程中，最好是帶有一個強硬的規劃：“我要在一個月內達到能夠實現XXX的水平”或者“我一定要在2周內把XXX專案完成”。如果沒有這個規劃，一般人都會越來越懶惰。

看到這個問題，我深有感受，剛開始確實會很迷茫，特別對於那些從來沒接觸過程式語言的人來說一下子很難反應過來。從HTML、CSS到JavaScript難度不斷遞進，HTML和CSS還是比較容易掌握的，標籤、屬性記熟基本上就沒什麼問題。js這一塊需要把人的思維方式轉變成計算機的思維方式，按照計算機的思維考慮問題。如果你能轉變過來學起來就輕鬆了。還有一點就是你是真的喜歡程式設計，不然這條路是很難走下去。

題主迷茫是很正常的, 打怪晉級當然要一步一步走了, 我轉行的時分, 對計算機網路基本上一竅不通, 可是慢慢從 Java 入手, 一步一步, 入手 node , 再入手前端, 缺什麼補什麼, 再體系的看一下底層的原理, 你會覺得越來越開心的...

第一次寫網頁的時分, 我也是小白, 可是沒關係, 拿了 bootstrap 來擼, 第二個專案就去掉 bootstrap 依賴自己用 sass less寫了

後端第一次寫node專案用 回撥, 第2次就開始用 promise, 第三次就上了 async await

前端 JS, 第一次用 jQuery, 隨後就開始用原生來擼

模板語言也是, 用 ejs 到 jinjia2

構建東西從 gulp 晉級到 webpack

前端結構 backbone => react 及 vue

終端 從自帶的 bash 變成 用 iterm2 zsh tmux

晉級慢慢來, 打好基礎, 你會發現, 結構只是結構罷了, 嫻熟的 JS 工程師很快就能上手了, 不要懼怕, 興趣驅動, 多多嘗試就好了

學以致用，沒有目標漫無目地的學，學起來會很累，學的時候自己創個小專案來做做，做的時候碰到問題，處理問題，才會有提好的提高，你看到webpack，npm，node等一大堆東西，你沒有在實踐專案中碰到過問題，你不會了解，它們為你處理了哪些痛點。

學習是一個程序 ，不要看到新的東西就想學，這樣你學不明白，新的東西，一開始主要是瞭解就它是幹什麼的就可以，這樣你在實踐開發程序 中碰到問題 了，會想到某個東西處理這個問題 好像正好合適，這時個再去學習它也不晚，還會學的更快！

初級說明基本的html和css都會了，js基本的應該也會了，那麼就可以往大前端或全棧工程師方向發展了，學一個框架，建議vue入手！nodejs也會學到，可以帶著問題去學！然後自己嘗試用js寫一個前後端專案，熟悉整個流程！注意，一定記筆記，一定要看大佬的程式碼，一定要規範！

1、選擇網際網路成熟公司，你的進步會非常快，因為都是牛人，氛圍會逼迫你進步。

2、先會基本的開發，完成一些開發任務，能輸出結果。這樣公司至少能留下你。

3、鑽研一本聖經級別的書，比如JavaScript的三本書。

4、學會一到兩個框架，先會用再說。

5、堅持三年。

首先，我認為樓主的迷茫體現在自己已經快30歲了，是一個男性的而立之年。而自己之前沒接觸過程式設計知識，由於自己閱讀或者聽從別人建議才轉行的前端開發。由於自己的技術也是很初級的，不知道以後的路怎麼走，自己是不是和做這行。

我相信很多人在轉行網際網路行業的時候都會困惑。確實你得承認網際網路行業是暴利的，高薪的。但是很多人從沒接觸過程式設計，就是說自己想學，沒有考慮過往哪個方向發展，沒有想過自己喜歡哪一方面，更沒有考慮過結合自己的能力學習週期是怎麼樣的。所以這些人進入這個行業好想看什麼都是好的，做什麼都能掙錢，別人說的有道理就相信，沒有自己去深入思考過、研究過、對比過。

我不知道樓主是自學還是培訓機構，這跟以後的發展都有關係。但是我感覺樓主年近三十不會花過多的時間在自學，問題還不知道自學的效果怎麼樣。所以建議從培訓入手，這個時候該考慮很多事情了，父母、成家等等。所以就是最快速的成型方法我認為就是最好的對於你，我不是說培訓多好，但是對於你來說應該是好的選擇。

接下來說說前端。像最初雅虎、facebook這些公司出來的時候並沒有前端的概念，那時候的頁面也不像現在這麼絢麗。但是技術發展、對使用者體驗的追逐，前端發展的越來越好。像2010年左右，你會一個jquery就可以在各大公司穿梭了。但後來又推出了各種前端開發框架，使前端開發越來越簡單，容易上手。想現在的北京上海，基本很多都是react和vue的天下了。這兩年前後臺分離概念的提出，對前端的要求變高了，但對有些基礎的人學起來說還是容易上手的。

同樣，由於前端頭幾年發展火熱，大量培訓機構出現，前端市面上的求職人員已經飽和了。其實後臺人員也可以寫前端，只不過寫的不是很專業而已。現在公司也比較喜歡招年輕一點的人，有活力、有幹勁。而你的年齡、你的技術都是個需要考慮的問題。

還有一個就是樓主準備砸哪裡工作要想好，是在北京這種大城市還是二三線工作。北京這樣的一線真不建議去，很難發展對於現在的你，你也說了技術一般；二三線可以考慮，還是有需求的，而且你要是能穩定下來一直幹下去。

其實樓主要想學習網際網路技術，快速上手工作，我給的建議一個是python學習，一個是培訓機構。現在對於你來說早點工作掙錢才是王道。我也是自學前端，現在空閒時間學習python，平時也看一些科技發展動態。python剛興起不久，中國缺口還是很大的，而且它的語法相對簡單，主要是第三方庫的使用。只要你學的不差工作還是可以的；為什麼說培訓機構呢？雖然說我也很討厭培訓，但是是最簡單、最快速、最直接的方式。你年近30了，沒有太多時間耽誤了。有人指導，有人推薦還是可以的。但具體什麼機構好，自己去考察吧，我也不多說了。

我希望樓主的迷茫不是沒有目標，今天感覺網際網路好就學計算機技術，明天看到別的好，就學別的。既然認定了這方面，就朝著這個方向努力。程式語言都是相通的，學會了一個在學習別的也很容易。不要好高騖遠，不要急躁。

才快30了入前端算啥，我40歲那年才開始入前端學HTML5 CSS3 es5自學花5個月，不過自學效率不高但其實自學能力很重要。然後找到一家小公司月薪6000，開始實戰了做網站開發web app什麼框架都不會，但稍微學了點PHP最簡單的增刪改查。幹了5個月末才知道世界上有nodejs npm gulp webpack vue react angular，發現小公司賺錢少也學不到再多了，又換家公司15000月薪是個180人的運營公司，技術只有兩個後端和我一個前端，結果又開始做微信小程式，發現框架跟vue和react挺像。我的目標是25000的高階前端，要學的東西真不少。但話說，如果沒門檻人人都能做到工資會那麼高嗎？所以我的經驗是40歲以下都能做前端，但是要專心於鑽研技術，畢竟就是靠這個給公司創造價值的，公司賺錢才捨得給你高薪

30歲很大嗎？不覺得。只要夠認真、有毅力、有目標，不要半途而廢。

給幾點建議：

1、基礎要牢靠：不管是html+css還是JavaScript，任憑你看了多少教程，上了多少課程，基礎沒有打牢固全白費。

2、多讀多看多做：千萬不要眼高手低，好記性還不如爛筆頭。看了很多的案例自己去寫練習，前端這個東西主要是靠多敲程式碼。

3、學以致用：多看別人的程式碼，多模仿別人的首頁，你就會發現自己程式碼的不足之處，學以致用。取其精華棄其糟粕。

　　想學好web前端，該從哪裡入手學習呢?零基礎學習web前端學習路線圖從哪裡可以找到呢?千鋒教育老師為大家整理完整的零基礎web前端學習路線分享給大家。

　　適合零基礎學員的web前端學習路線分享給大家：

　　1.HTML5介紹

　　內容包括：(網際網路發展趨勢、H5語言的優勢、簡單易學人人都能程式設計、

　　H5就業和薪資情況、H5常見的專案與產品、H5的未來與方向)

　　2.HTML基礎

　　內容包括：(HTML簡介與歷史版本、常用開發軟體、常見標籤與屬性、

　　表格與表單、標籤規範與標籤語義化、實戰：網頁結構佈局)

　　3.CSS基礎

　　內容包括：(css簡介與基本語法、常見的各種樣式屬性、CSS選擇器與標籤型別、理解盒子模型與CSS重置、浮動與定位、利用photoshop工具測量樣式、HTML+CSS開發網頁、實戰：高仿電商首頁效果)

　　4.CSS3基礎

　　內容包括：(css3常見樣式、css3選擇器、變形與動畫、3D效果與關鍵幀、彈性盒模型）

　　5.移動端佈局

　　（移動端基本概念、viewport視窗設定、移動端佈局方案、rem、vh、vw等單位、響應式佈局、bootstrap框架)

　　6. JavaScript基礎

　　內容包括：(JS簡介、JS變數、資料型別與型別轉換、運算子與優先順序、

　　流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for迴圈、break、continue語法、函式定義與呼叫、全域性變數與區域性變數、函式傳參與返回值、函式作用域與變數作用域。

　　而且還有DOM的基本操作、定時器使用、this指向與修改指向、陣列、字串等方法操作、時間物件與正則物件、掌握常見BOM操作、常見事件與事件細節、JSON與AJAX、JSONP跨域操作、前端cookie的使用、實戰：JS配合HTML與CSS完成電商專案)

　　7.jquery框架

　　內容包括：(jquery框架介紹及優勢介紹、jquery核心思想、jquery常見方法、jquery動畫操作、jqueryAJAX操作、jquery工具方法、利用jquery快速開發網頁)

　　8.PHP基礎

　　9.H5基礎專案

　　內容包括：(專案簡介、專案功能演示、專案劃分及框架、編寫HTML頁面結構、設定CSS樣式、新增JS互動、可選框架：bootstrap、jquery、PHP等、專案除錯及相容、專案驗收)

　　學習web前端是一個長久的過程，努力和堅持是不可少的關鍵因素，祝大家都能夠學有所成!

前端方向挺多的，來看一下這張圖：

職位晉升圖

由圖我們看出：

web前端開發方向：有三個大的方向，前端開發、服務端開發、專案定向開發。

web前端開發前景

目前來說web前端開發前景非常的好，人才缺口大，有人的地方就有江湖，有網站的地方就有Web前端，無所不用，網際網路大勢所在。

web前端應用：

網站、小程式、APP、遊戲開發、H5小頁面，這些都是web前端的方向，樓主不能說沒有方向哦！

web前端學習：

我這裡有一套系統的學習方式，不知道樓主你現在學到了哪裡，你可以對照一下，然後繼續進階，說不定你就找到方向了呢！

第一階段：

配套影片：

前端與移動開發基礎入門到精通

2018版Html5+Css3由淺入深教程

第二階段：

配套影片：

6天玩轉JavaScript基礎教程

Web API教程

JavaScript高階教程

2018jquery教程資料

第三階段：

配套影片：

2018版Ajax教程精講

阿里百秀專案實戰

第四階段：

配套影片：

2018移動web進階教程

電商專案實戰

第五階段：

配套影片：

Nodejs教程精講

2018年Vue.js深入淺出教程

第六階段：

配套影片：

Reactjs入門教程

ReactJs精品教程

以下是初學者入門web前端的學習路線以及週期，分7個階段學習，按照這個步驟學你會成為下一個技術大牛。

第一階段：前端頁面重構（4周）

1、PC端網站佈局專案（2.5周）

- HTML基礎，CSS基礎，CSS核心屬性

- CSS樣式層疊，繼承，盒模型

- 容器，溢位及元素型別

- 瀏覽器相容與寬高自適應

- 定位，錨點與透明

- 圖片整合

- 表格，CSS屬性與濾鏡

2、HTML5+CSS3基礎專案(1周)

- HTML5新增的元素與屬性

- 表單域增強元素

- CSS3選擇器

- 文字字型相關樣式

- CSS3位移與變形處理

- CSS3 2D轉換與過度動畫

- CSS3 3D轉換與關鍵幀動畫

- 彈性盒模型

- 媒體查詢

- 響應式設計

3、WebApp頁面佈局專案（0.5周）

- 移動端頁面設計規範

- 移動端切圖

- 文字流式/控制元件彈性/圖片等比例/特殊設計的100%佈局

- 等比縮放佈局

- viewport/meta

- rem/vw的使用

- flexbox詳解

- 移動web特別樣式處理（reset, 1px border, 高畫質圖片）

第二階段：JavaScript高階程式設計（5周）

1、原生JavaScript互動功能開發專案（3周）

- 基本語法

- 迴圈語句

- 函式與陣列

- String與Date

- BOM與DOM

- 事件

- 拖拽效果

- cookie儲存

- 正則表示式

- Ajax

- 面向物件基礎

- 運動與遊戲開發

2、面向物件進階與ES5/ES6應用專案（1周）

- Promise

- 設計模式（觀察者模式等）

- 原型鏈

- 建構函式

- 執行上下文棧與執行上下文

- 變數物件與活動物件

- 作用域鏈

- 閉包

- this

- ES5

- ES6

3、JavaScript工具庫自主研發專案（1周）

- DOM庫

- 事件庫

- AJAX庫

- 原型和繼承庫

- MVVM核心庫

- 基於SPA的路由庫

第三階段：PC端全棧開發（3周）

1、jQuery經典互動特效開發（0.5周）

- 時間軸特效

- tab頁面切換效果

- 網頁定位導航特效

- 滑動門特效

- 焦點圖輪播特效

- 導航條選單效果

- 瀑布流特效

- 彈出層效果

- 倒計時效果

- 抽獎效果

2、PHP+MySQL後端基礎專案（1周）

- PHP

- MySQL

- HTTP(s)協議詳解

- Ajax進階、跨域與Defered

- Apache與Nginx 環境搭建與配置

- 介面的定義

- Mock資料

- Restful

- 前後端聯調

- 前端安全(XSS,CSRF,JSON注入)

3、前端工程化與模組化應用專案（0.5周）

- Gulp

- Webpack

- NPM

- Linux命令

- Git/SVN

- CommonJS

- AMD

- CMD

- ES6模組化

4、PC端全棧開發專案（1周）

- 大首頁、列表頁與詳情頁

- 展示與互動特效

- 搜尋

- 登入與註冊

- 購物車

- jQueryUI 與 jQuery EasyUI

- Bootstrap(ACE)

- Highcharts/Echarts

- ArtTemplate

- velocity

- smarty

- 雲平臺系統前端

第四階段：移動端WebApp開發（3周）

1、應用Vue.js開發WebApp專案（1周）

- WebApp開發基礎(Webstorage,移動端事件,UI元件, Zepto, IScroll, Swiper)

- Vue.js基礎

- 模組化

- 單檔案元件

- 路由

- 與伺服器通訊

- 狀態管理

- 單元測試與生產釋出

- 服務端渲染SSR與Nuxt.js

- 基於Vue.js企業級專案開發(Mint UI, Element UI)

2、應用React.js開發WebApp專案（1周）

- ReactJS基礎

- JSX語法

- 元件

- flux+Redux

- React-Router路由

- 動畫效果

- 基於React 企業級專案研發( Antd, Antd Mobile)

3、應用Angular開發WebApp專案（1周）

- TypeScript 基礎與進階

- 開發環境配置

- Hello World

- 架構、模組與元件

- 模板

- 元資料、資料繫結與資料顯示

- 表單

- 服務與指令

- 依賴注入

- 路由

- Ionic 3 MUI框架

- 專案實戰

第五階段：混合(Hybrid,RN)開發（2周）

- 訂閱號的基本功能

- 使用百度BAE實現程式碼的快速上線

- 使用Git完成線上程式碼部署

- 小程式入門必學

- 小程式元件體驗

- 小程式大功能

- 專案實戰帶你征服小程式

3、React Native（0.6周）

- React Native初探

- React Native 專案導航

- React Native 專案文字框

- React Native 專案滾動分頁

- React Native 專案第三方登入

- React Native 其他元件

4、各類混合應用開發（0.4周）

- 自主原生Navtive Hybrid(iOS、Android)

- 第三方Hybrid框架Cordova/Phone gap

- 第三方Hybrid框架MUI + HTML5+

第六階段：Node.js全棧開發（2周）

1、Node.js基礎專案（1周）

1）、NodeJS基礎

- NodeJS介紹

- 開發環境搭建

- 模組與包管理工具

- CommonJS模組

- URL網址解析

- QueryString引數處理

- HTTP模組

- HTTP小爬蟲

- request方法

- 事件 events模組

- 檔案 fs模組

- Stream 流模組

- 原生路由與引數接收

- 讀取圖片檔案

- npm scripts

- Yarn 與 PM2

2）、MongoDB

- MongoDB介紹與環境搭建

- 資料庫常用命令

- Collection聚集集合

- document文件操作

- 聚集集合查詢

- NodeJS連線MongoDB

3）、GraphGL

- GraphQL初探:從REST到GraphQL

- GraphGL安裝

- 準備資料來源

- 搭建GraphQL伺服器

- 資料查詢

4）、Express

- express 介紹

- 安裝和建立基於Express的專案

- Express 4.1x 初始化專案詳解

- 路由簡介

- 模板引擎EJS

- 模板引擎Pug（Jade）

5）、Koa

- Koa入門

- Koa應用

- 中介軟體

- Context

- async await

- 請求與響應

6）、測試框架mocha

- 搭建框架

- 斷言assert

- 專案測試

- 執行多個測試

7）、socket 即時通訊專案

- Socket簡介和通訊流程

- 基於net模組實現socket

- WebSocket

- Socket.io

2、Node.js高階全棧專案（1周）

3、Express

- express api

- express 中介軟體

- ejs/jade

4、noSQL資料庫

- mongodb 與 mongoose

- 框架中介軟體

- 專案實戰匯入

第七部分：大資料視覺化（1周）

大資料視覺化化基礎與實戰

1）、資料視覺化入門

- 資料視覺化基礎

- 零程式設計工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau

2）、D3.js詳解

- D3.js 入門

- D3.js 進階

- D3.js 選擇集與資料

- D3.js 高階應用

- D3.js 應用工具：NVD3、n3-charts

3）、其他JS庫

- Highcharts

- FusionCharts

- Polymaps

4）、專案實戰

前言

近一年多的時間，筆者在公司中擔任過應屆生導師、實習生導師、應屆生專案導師等一系列導師角色。期間，筆者發現一些即將和準備成為前端攻城獅的同學其實並沒有明確前端真正的核心和定位，也沒有給自己制定一個學習和發展的方向。當初選擇前端這個職業，也僅僅只是為了找一份工作而已。筆者很想以自己的多年工作經驗，為前端應屆生們分享一下我心中適合前端工程師的職業規劃，讓大家對自己有一個比較清醒的認知，避免在以後的成長過程中產生迷茫情緒。當然，筆者其實也才工作五年，能達到現在的技術水平和職級，應該算是發展上升比較快的，一些經驗具備一定的借鑑價值。

前端的興起

前端真正興起和開始頻繁出現在大家的視線裡，大概是在十年前。彼時的 Web 開發基本是由後端主導，前端能做的只是校驗一下資料、操作一下 DOM。（其中資料檢驗是 JS 產生的根本原因：當時網路太慢，在服務端檢驗資料並反饋給使用者，讓使用者知曉輸入錯誤，這個流程太長、反應太慢，因此透過指令碼在使用者端完成第一步校驗，既方便了使用者，又減輕了頻寬的壓力。）即使 06 年 jQuery 釋出並風靡全球，以及 XMLHttpRequest 被納入 W3C 標準，也沒有改變這種狀況。制約它進度的原因很簡單，因為很多事情前端 做不了 或者 做不好。隨著時間的推移，近幾年，Angular、Backbone、React、Vue 等框架陸續釋出，讓前端越來越正規化、體系化。此時雖然仍有很多事，前端 做不了 或者 做不好，但前端這個崗位卻已變得熱辣空前。那麼，是什麼推動著前端發展到如此大的規模和火熱的程度？

也許，你可以列舉出很多各種各樣的原因，但是綜其一點，就是 『使用者體驗』 ，是由於所有人對使用者體驗的重視，才讓前端發展得這麼迅猛，這麼快地興起。這裡，可能要感謝 Apple，感謝 iPhone，感謝 Jobs，07 年第一代 iPhone 釋出，正式引發了幾乎所有人對使用者體驗的重視，從『只要能用就好』，變成『要好用我才買單』的心理。而，前端的先驅者們、瀏覽器的開發者們，也順應了這個潮流，將一系列重要的能力加入了瀏覽器，加入了前端。

其中最重要的一項是 XMLHttpRequest，也就是 Ajax，它是富 Web 應用的基礎，它讓前端可以脫離後端的掌控，不用透過跳轉的方式就能實現資料互動。感謝微軟，感謝 IE，雖然被 IE 6~8 虐了無數遍，但是是它引入了 XMLHttpRequest ，引入了 Ajax，開啟了富 Web 應用的時代，讓使用者體驗大幅提升。

而近幾年，隨著移動網際網路的發展，多端多平臺的需求越來越多，產品形態和資料分離，是形勢所趨。而與此同時，移動時代對產品形態跨端、跨平臺、多元化的使用者體驗要求，讓本身就有跨平臺特性的前端技術著實又火了一把，它讓開發者有更多的時間和精力關注使用者體驗，並很容易保持多平臺使用者體驗的統一（不同平臺用不同技術實現，雖然可以，但成本太高）；除去上面的原因之外，前端技術自帶的熱釋出、熱更新特性，能在及時更新業務需求的同時快速修復使用者所遇到的問題，也是大家選擇它的一種原因。雖然另外還有很多零零總總、各種各樣的原因，再促使著前端成為當前最火爆的幾個職位之一，但是最根本的原因仍舊是大家對使用者體驗的要求。

從上面可以看出，前端的興起源於所有人對 使用者體驗 的重視，而火爆更是由於所有人對 多元化的使用者體驗 的關注。當然，使用者體驗不只只是 UI 漂亮、好看，它是多方面的，例如檢視的載入速度和流暢程度，這些取決於你選擇技術的編碼體積、執行效率等多種因素。說白了，前端的目的就是 讓使用者用得爽，那麼 使用者體驗 必須是重中之重。

說了這麼多，其實有一個很重要的點沒有提到，那就是 CSS。注重使用者體驗，首先你要用介面要有 UI，HTML + CSS 作為最簡單的 UI 構建方式，讓前端的 UI 開發成本低到無與倫比，而開發成本低才會有更多的時間和精力去注重使用者體驗。同時，現在 CSS 也有相應的框架，像 PostCss、Sass 等，更進一步降低了開發成本，釋放了開發者的時間和精力。

前端興起這十年，也是使用者體驗飛速增長的十年。不管是技術完善度還是從業人數，前端這個方向受到了足夠多技術人員的關注，同時也受到了足夠多企業的重視。經過前端人不斷的努力，現在的情況又如何呢？

前端的現狀

提到現狀，必須先提到一個概念 大前端。由於近幾年網際網路的發展，尤其是移動網際網路的發展，有的大前端概念將 Native 歸入前端的範疇，有的大前端概念將 Node 甚至只渲染頁面的 PHP 歸入前端範疇，但不管怎麼說，筆者認為 大前端 是未來的一個趨勢，將最終目標（提升使用者體驗）一致的技術歸類到一起，讓開發者清楚自己的最終目標是什麼，要怎麼做。當然，也正因為這點，作為一個前端工程師，如果你想更好的發展，你應該有更廣的知識面，包括移動端知識、服務端知識。這些知識結合你的前端技術，才能更好地實現優秀的使用者體驗。

拋開大前端，單談前端，從前端架構層面談，最近比較流行的有四個：老牌勁旅 jQuery、最近火得不能再火的 React、Google 精品 Angular 以及 MVVM 框架 Vue。現在幾乎所有的專案都會在這四種架構方案中選擇其一作為基礎，進行業務開發。四種框架，四種不同的思想，簡單來說：jQuery Dom 驅動的思想深入人心；React 則推崇元件化，萬物皆元件；Angular 則把 MVC 在前端領域發揚光大；而 Vue 則是以資料驅動為核心的 MVVM 架構。作為一個前端新人，不可能很快就理解所有知識和思想，只能一步一步來，先把你在工作中所使用的框架理解透徹，再去思考和學習別的。說實話，會用和理解的差距很大。

在這裡，可能會有個疑問，上述四個架構，都很火，但是哪裡涉及到使用者體驗了？是的，這些架構都沒有直接涉及到 UI。但是就像足球，沒有勤奮的訓練和優秀的戰術，再好的11人也踢不出好的比賽一樣，這些架構從開發成本和開發體驗上，降低了開發者編碼和維護的難度，讓其在 UI 的使用者體驗上的付出，事半功倍。當然，框架在編碼體積、執行效率等多個方面影響了最終的使用者體驗。

上面所說的是，當前前端的一大現狀 —— 框架橫行，現在很少有公司、有工程師用純原始的方式擼程式碼了。而前端另一大現狀就是 —— 移動為先。原因很簡單，隨著移動網際網路使用者的暴漲，各個公司的產品都是移動為先，技術跟隨著產品的步伐，也必須移動為先。這時，為了解決多平臺的問題，Hybrid 方案脫穎而出，包括傳統的基於 WebView 的 Hybrid 方案（例如 Cordova）和 React-Native 等一系列技術方案。在這裡我就不多說了，關於移動前端的內容最近充斥著各種技術論壇、交流群、公共號，具體的，大家可以自己親身去了解。

最後，對於現狀，我想大家可能最關心的其實是職業形勢。由於前端的興起，前端人才市場相當活躍，平均薪金水平也是名列前茅。與此同時，前端的技術入門比較容易，造成另一個極端情況：人員氾濫、人才稀缺。這種情況，一方面由於前端發展太快，很難短時間掌握全部知識；另一方面，高等院校並沒有開設專門的前端專業，大家更多是自學，野路子很多。所謂亂世出英雄，這樣的前端大環境或許對一個新入行的同學更有利。當然，在如此『亂世』中，一個好的職業規劃，才能避免『誤入歧途』，保證自身順利地成長。

2018年學web前端好不好找工作嗎?最近總有人在問這個問題，隨著網際網路的發展，web前端的歷史雖然比較短，但是已經成為了競爭最激烈的崗位之一。2018年學web前端不好找工作是真的嗎，當然不是。

從“前端工程師”近3年的百度指數可見，前端熱潮仍未衰退，並且還有增長的趨勢。

2014-2017“前端工程師”與“Java工程師”百度指數

從2014年到2017年，“前端工程師”與“Java工程師”熱度持續走高，其中“前端工程師”在2016年、2017年熱度基本持平。

在透過在幾家網際網路招聘入口網站搜尋相應職位發現，各類前端崗位仍有大量空缺，有兩家的WEB前端工程師職位需求量在1.3萬左右，另外一家公佈的職位量是2.4萬左右。從這個資料我們可以看到企業對Web前端工程師需求的旺盛程度。需求並未趨於飽和，為何競爭仍然激烈?原因是技術環境的改變，導致企業對前端人才素質有了更高要求，所以可能會出現這樣一種現象：100個前端工程師在爭取10個崗位，而企業看中的10個人他們每人手裡都有N個offer。

同時，WEB前端工程師工作1-2年後通常會成為WEB前端高階軟體工程師，年薪可以達到 15萬以上;工作3-5年後通常可以成為WEB前端技術主管或者經理，年薪在15-50萬之間;工作年限5年以上，通常會成為網際網路公司的技術總監或產品經理，年薪將達到50萬-100萬之間。

要想成為一名優秀的前端工程師，好的成長土壤非常重要。千鋒web前端培訓全程採用面對面授課模式，高成本聘請專業的授課講師授課，為學員的學習效果負責。除了理論課程，更注重學員的實際操作能力，在千鋒畢業的學員都是複合型的專業技術人才，畢業後當然更受到企業的青睞。

千鋒web前端培訓課程結合時下流行技術，加入大資料視覺化內容，同時深化了PHP+MySQL開發內容，精準匹配企業線下及未來需求，學員可接觸HTML5開發、微信開發、微信支付、小程式開發、Web網站開發、Web管理系統開發等專案，能夠積累更多開發經驗;千鋒著力培養學員的大前端視角與全棧思維。

2018年前端不好找工作，那是因為沒有找對學習的地方，來千鋒web前端培訓，不僅可以獲得免費的HTML5影片教程，還有機會申請兩週免費試聽名額。

迷茫往往是自己造成的，沒有人是一蹴而就，需要的就是不斷的積累，不斷的沉澱，既然你自己也是有打算，計劃了，現在就應該付諸行動，讓自己充實起來，不給自己留有後路，迷茫自然也是不存在的了。如果你想學，有以下幾點建議。

1.自學對你來說，耗時耗力，不可取，既然要學就安心的找個平臺，線下安心的學習。

2.學習的過程肯定是不會輕鬆的，所以需要你的努力，堅持。

3.奮力一搏，逼自己一把。

祝好運！！！