學習前端出來社會上就是大機率從事寫程式碼工作的了，如果你是一個前端初學者，你可能對前端應用在什麼地方感到疑惑。除了“馬里奧”“貪吃蛇”等經典遊戲，其他領域好像也找不到前端的蹤跡，那麼前端究竟能做什麼，下面詳細說說。

　　第一，企業官方網站的開發與維護。這個應該是最簡單的了，基本上是純靜態頁面的展示，就算有互動模組，應該也是比較簡單的那種，甚至純 js 使用類似於 oop 的方式就能夠很輕鬆完成，基礎好的話，甚至可以不依賴 jquery 或者 zepto。

　　第三，電商網站。例如京東和淘寶，裡面不僅有對使用者友好的展現方式，合乎邏輯的互動方式，還會涉及到網站、商品的色彩設計、排版設計、互動設計，雖然可能都由設計師來出方案，但是前端開發同學可以從中學到很多東西。此外，除了單純的展現，你需要考慮更多的東西了。例如，不同端的字型展現，響應式佈局，圖片大小，靜態資源快取，CDN部署，ajax動態資料互動。這些還都是偏純展現的。還會有涉及到個人資訊填寫、支付款項、密碼輸入等等，會涉及到一系列的前端安全問題，這部分也是很鍛鍊人的。

　　第四，後臺管理系統。一般這個是給內部人員使用的，所以可以不用考慮太多的相容性，直接要求統一使用谷歌瀏覽器或者火狐。這時候要考慮更多地是如何與後端進行資料互動的問題。小公司還好，後臺基本沒有精力做微服務，API的設計也不會趨近於原子粒度，基本前端需要什麼資料，那就有後臺的API統一提供，前端只管展現，而且將互動做得好一點就行了。如果是大公司又不一樣了，如果後臺做了微服務，而且API的設計粒度很小，那前端為了保持介面的統一，可能就需要加一塊 node 中間層，來聚合不同介面的資料，然後統一返回給前端。還有就是會涉及到敏感許可權校驗、角色許可權控制、介面讀寫許可權分離與控制等等，也是一大塊的學問。

　　第五，H5的活動營銷頁、紅包落地頁、明星投票頁等等一系列與營銷活動相關的移動端頁面。這些需要你的 CSS 功底非常紮實，常常要寫一些動態效果、動畫效果，越生動越吸引使用者參與。另外同樣考驗你對不同機型不同移動瀏覽器的相容性問題，還有響應式佈局。資料互動層面的話，一般不會太多，但是一定會有打點上報，用來分析頁面效能。還有一些要根據不同的營銷引數、渠道引數來展現不同的內容，或者上報不同的資料，這裡就要對 url 、快取的處理有相應的能力。當然了，這塊頁面是很注重頁面白屏時間和效能的，有能力的團隊會考慮SSR直出頁面。

　　第六，移動端影片播放頁面。最近短影片崛起，但是很多短影片 app 中的頁面是 web 前端頁面，這樣做的原因是 app 過審麻煩且時間週期長，業務需要快速迭代和修復的情況下，前端責無旁貸。那麼這時候考驗的是你對影片的操作能力，對流式播放技術和能力的掌握。此外，影片掛件、貼紙、彈幕、互動、美顏、變老挑戰等等，都是現在短影片必備的能力。

　　第八，造輪子寫工具、寫框架，搭建基礎設施。公司逐漸發展壯大以後，會面臨一個問題，那就是如何將前端基礎設施做起來。基礎設施對前端的工程搭建與發展來說，太重要了。技術的選型、程式碼風格的制定，程式碼模組的積累沉澱，專案的打包構建與部署，持續整合與持續交付，單元測試與UI自動化測試，錯誤日誌上報與視覺化，打點日誌上報與視覺化，成員間程式碼協作與程式碼評審等等。這些對一個業務步入正軌的公司或者團隊來說，太重要了。這是前端工程的基石，業務快速迭代的奠基，必須重視起來。

學完主要是做WEB前端開發工抄程師，是利用HTML/CSS/Javascrift各種web技術實現網站頁面或客戶端介面的專業人才，市場上朝陽的網際網路職業，致力於透過技術改善使用者體驗。前端工程師知主要是充分理解專案需求道和設計需求，與設計師，後端工程師緊密配合，產出高質量的產品前端層，為使用者呈現最好的介面互動體驗。

推薦可以去優就業看看，他們那邊畢業以後是推薦工作的

Web前端開發，簡單來說，就是把平面效果圖轉換成網頁，把靜態轉換成動態。早期的網頁製作主要內容都是靜態的，以文字圖片為主，使用者使用網站也以瀏覽為主。隨著網際網路的發展，現代網頁更加美觀，互動效果顯著，而優秀的前端開發可以保障實現這些效果的同時，也不影響網站的開啟速度、瀏覽器相容性還有搜尋引擎的收錄，還可以讓使用者體驗更加舒適，使網站在訪問中顯得更精細、更用心，訪客使用起來更簡便。

前端開發一般勝任的崗位如下：

Web前端開發工程師

首先，要弄清HTML5和前端的關係。Web前端涉及到的技術有很多，包括所說的HTML5，除此之外還有JSON，AJAX，DOM，等。不過這個也看具體的公司吧，不同的公司對Web前端開發人員的技術要求也不一樣。但準確說來，參加過HTML5培訓之後，一般就算前端入門了，在有針對性的補充一些東西就可以了。

Web APP開發工程師和JS開發工程師

知識是貫通的，學習完HTML5培訓也是可以做這兩個崗位的，但是當然你需要在入職之後根據所選公司的不同進行知識方面的再次學習。程式是一項學習的過程，就算工作10年的大拿也是需要隨時學習的，要有這點心理準備。

HTML5開發工程師

HTML5其實是一種技術的集合，它包括了HTML5，CSS3，JS等技術。HTML5培訓之後就已經可以熟練的掌握了這幾門知識，做HTML5開發工程師是完全沒問題的，加上微信小程式的產生，今後有很多新媒體的大號或新媒體產業也都會需要這方面的人才。市場需求蠻大的。

在小公司和大公司對於崗位的劃分也是不同的，有些你雖然是這個崗位同時也要兼任另外一些崗位的事情。公司越大，所在的崗位職責也會越清晰，所以對於一些跟Web前端的其他知識，我們也需要做一些瞭解，有深入需求的也要在入職後進行深入的學習。

很多，近些年隨著端側裝置的不斷擴充，從之前的PC網頁前端開發到H5，在到hybirdAPP、小程式、IOT等，但是最好是能夠多擴充套件端側能力，現在都是往大前端人才方向發展，這方面可以深入瞭解下jsbridge、weex、RN等框架。