web 前端開發(fā) 可以做什么工作？

給大家列舉Web前端的六個就業(yè)方向和工作內(nèi)容。

1、資深Web架構(gòu)師

這個方向，既兼顧了工作的單純性、又能夠減少實際Coding的工作量，能騰出更多時間。在國內(nèi)，Web前端工程師遇到較多的情況是總是反復(fù)編寫著同樣的代碼，總是面對著同樣的技術(shù)和產(chǎn)品，容易感覺枯燥。但正是由于這樣較為廣泛的Web相關(guān)知識的沉淀，使得我們更加容易成為一名架構(gòu)師。

雖說這種職業(yè)發(fā)展方向不如第一種來得平滑，但是作為一名架構(gòu)師在學(xué)習(xí)后端技術(shù)、DBA、Platform等內(nèi)容，將其豐富的知識應(yīng)用到需要實際中的項目操作，不再局限自己在家里隨便寫寫兩個Demo。即便在學(xué)成這段時間，勢必會遭遇一段時間的陣痛期。但對于一個大局觀好、悟性好、知識面廣的前端工程師而言，這依舊是值得推薦的榮光之路。

2、資深Web前端工程師

這個方向算是一個Web前端最基本的選擇了，但能夠把自己的專業(yè)做到極致，能一輩子就在一個專業(yè)領(lǐng)域不斷學(xué)習(xí)和積累。對所有的Web前端工程師來說，朝著這個職業(yè)發(fā)展方向，只要足夠耐心、厚積薄發(fā)，成功的概率是非常高的。

3、網(wǎng)頁設(shè)計師

網(wǎng)頁設(shè)計師可以將平面設(shè)計中的審美觀點套用到網(wǎng)站設(shè)計上面來(其區(qū)別是動態(tài)網(wǎng)頁的制作是平面設(shè)計不能達(dá)到的，它是一種審美方式的延伸)。網(wǎng)頁如門面，小到個人主頁，大到大公司、大的政府部門以及國際組織等在網(wǎng)絡(luò)上無不以網(wǎng)頁作為自己的門面。當(dāng)點擊到網(wǎng)站時，首先映入眼簾的是該網(wǎng)頁的界面設(shè)計，如內(nèi)容的介紹、按鈕的擺放、文字的組合、色彩的應(yīng)用、使用的引導(dǎo)等等。這一切都是網(wǎng)頁設(shè)計的范疇，都是網(wǎng)頁設(shè)計師的工作。而且具備精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多項網(wǎng)頁設(shè)計工具的能力。

4、PHP程序員

PHP技術(shù)人才，正迎合了目前的互聯(lián)網(wǎng)的發(fā)展趨勢。而且PHP作為非常優(yōu)秀的、簡便的Web開發(fā)語言，和Linux，Apache，MySQL緊密結(jié)合，形成LAMP的開源黃金組合，不僅降低使用成本，還提升了開發(fā)速度，滿足最新的互動式網(wǎng)絡(luò)開發(fā)的應(yīng)用，這使得php軟件工程師成為一個發(fā)展迅速的職業(yè)。

5、自己創(chuàng)業(yè)

其實，自己創(chuàng)業(yè)是最好的道路，但也是成功率最低的道路，挑戰(zhàn)和機(jī)遇并存。作為一個前端技術(shù)人員，需要將自己的視野更多放在行業(yè)的動態(tài)、產(chǎn)業(yè)鏈的動態(tài)、相關(guān)產(chǎn)品領(lǐng)域的動態(tài)，把關(guān)注細(xì)節(jié)的優(yōu)勢繼續(xù)保持，同時，增強自己把控一個產(chǎn)品乃至一個公司命運的能力。

6、轉(zhuǎn)崗管理或其他

這條職業(yè)道路和Web前端技術(shù)之路關(guān)系不大。

轉(zhuǎn)行前端如何找工作

很多人在學(xué)Web前端的之初很忐忑，心中迷茫，對未來充滿不確定。雖然知道如今Web前端行業(yè)發(fā)展勢頭良好，但對于學(xué)完后能夠入職到什么企業(yè)，從事什么工作并不是很清楚。
前端可以從事的工作：
一、WebApp開發(fā)
二、全棧開發(fā)
三、游戲開發(fā)
學(xué)完之后應(yīng)該如何去找工作？
首先，掂量一下自身能力如何，是否可以做項目，對于知識點掌握和理解怎么樣？
然后在你想去工作的城市海量投簡歷，目前任何工作都不好找，你不要認(rèn)為開始就可以找到滿意的工作，短則一周，多則兩月都有，所以在找工作的過程中，會稍微受挫，不過這些是必經(jīng)的。
簡歷：
對于簡歷這塊我不做太多解釋，只是簡單說一些，寫簡歷需要有一定的學(xué)問，一篇要把你所有的優(yōu)勢說明白，全部呈現(xiàn)在一張紙上，不要出現(xiàn)第二頁，簡歷不可以寫的太死板，那些你覺得人人都會說的自我介紹就不用啰嗦了，你可以寫的奇葩一點，一定要寫的另類一些，因為簡歷太多，比如你寫，喜歡學(xué)習(xí)，性格隨和，等等太普遍，你會寫別人也會寫，沒有新意，而且在寫項目經(jīng)歷的時候更要注意。
面試：
首先對于一個大軟件公司來說，面試是一個非常復(fù)雜的事情，他們招聘一個小程序員是有很多流程的，會有何種部門的人一層一層的面試你，你需要通了一關(guān)在一關(guān)才可以進(jìn)入大公司，首先是學(xué)歷這塊，大公司對于學(xué)歷要求比較嚴(yán)格，如果你想進(jìn)大公司，學(xué)歷必須過關(guān)。
如果是小公司，那么他們對于學(xué)歷的要求就不高，而且面試并沒有那么復(fù)雜，你只需要技術(shù)過關(guān)就可以，因為小公司來講，他們招聘一個人本來就非常難。

前端到底要學(xué)到什么程度才能去找工作了

原來問及前端工程師的基礎(chǔ)技能素養(yǎng)，可能html、css、JavaScript就搞定了。但是時代在變，企業(yè)對于人才的需求與能力要求也在發(fā)生變化，就web前端本身來說，每年也有很多新技術(shù)、新趨勢的涌現(xiàn)。

要知道前端=切圖這個職業(yè)設(shè)定早就成為過去式了，這種狹隘的職業(yè)定位是在其技術(shù)匱乏時代的產(chǎn)物，現(xiàn)在web前端工程師基本都是使用html5組織頁面，使用css3繪圖，很多元素已經(jīng)不需要再使用圖片還原設(shè)計，這其實是一個很大的進(jìn)步。

而且web前端的工程師的技能要求已經(jīng)不是僅僅停留在前端這個層面，像后端基礎(chǔ)、大數(shù)據(jù)可視化、用戶心理等都要有所涉及和了解。

前端工程師要學(xué)到什么程度才能找到一份最基本的工作？

單純從技術(shù)角度分析，我大致做了如下知識點羅列，希望對大家的學(xué)習(xí)有幫助~

• PC端網(wǎng)站布局：HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性，CSS樣式層疊，繼承，盒模型，容器，溢出及元素類型，瀏覽器兼容與寬高自適度，定位，錨點與透明，圖片整合，表格，CSS屬性與濾鏡等。

• HTML5+CSS3基礎(chǔ)：HTML5新增的元素與屬性，表單域增強元素，CSS3選擇器，文字字體相關(guān)樣式，CSS3位移與變形處理，CSS3 2D轉(zhuǎn)換與過度動畫，CSS3 3D轉(zhuǎn)換與關(guān)鍵幀動畫，彈性盒模型，媒體查詢，響應(yīng)式設(shè)計等。

• WebApp頁面布局：移動端頁面設(shè)計規(guī)范，移動端切圖，文字流式/控件彈性/圖片等比例/特殊設(shè)計的100%布局，等比縮放布局，viewport/meta，rem/vw的使用，flexbox詳解，移動web特別樣式處理等。

• 原生JavaScript交互功能開發(fā)：基本語法，循環(huán)語句，函數(shù)與數(shù)組，String與Date，BOM與DOM，事件，拖拽效果，cookie存儲，正則表達(dá)式，Ajax，面向?qū)ο蠡A(chǔ)，運動與游戲開發(fā)等。

• 面向?qū)ο筮M(jìn)階與ES5/ES6應(yīng)用：Promise/A+，設(shè)計模式（觀察者模式等），原型鏈，構(gòu)造函數(shù)，執(zhí)行上下文棧與執(zhí)行上下文，變量對象與活動對象，作用域鏈，閉包，this，ES5，ES6等。

• JavaScript工具庫自主研發(fā)：DOM庫，事件庫，AJAX庫，原型和繼承庫，MVVM核心庫，基于SPA的路由庫等。

• jQuery經(jīng)典交互特效：時間軸特效，tab頁面切換效果，網(wǎng)頁定位導(dǎo)航特效，滑動門特效，焦點圖輪播特效，導(dǎo)航條菜單效果，瀑布流特效，彈出層效果，倒計時效果等。

• PHP+MySQL后端基礎(chǔ)：PHP，MySQL，HTTP(s)協(xié)議詳解，Ajax進(jìn)階、跨域與Defered，Apache與Nginx 環(huán)境搭建與配置，接口的定義，Mock數(shù)據(jù)，Restful，前后端聯(lián)調(diào)，前端安全(XSS,CSRF,JSON注入)等。

• 前端工程化與模塊化應(yīng)用：Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模塊化等。

• PC端全棧開發(fā)：大首頁、列表頁與詳情頁展示與交互特效、搜索、登錄與注冊、購物車、jQueryUI 與 jQuery EasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、Velocity、Smarty、云平臺系統(tǒng)前端等。

• 應(yīng)用Vue.js開發(fā)WebApp：Vue.js基礎(chǔ)，模塊化，單文件組件，路由，與服務(wù)器通信，狀態(tài)管理，單元測試與生產(chǎn)發(fā)布，服務(wù)端渲染SSR與Nuxt.js，基于Vue.js企業(yè)級項目開發(fā)等。

• 應(yīng)用React.js開發(fā)WebApp：ReactJS基礎(chǔ)，JSX語法，組件，flux+Redux，React，Router路由，動畫效果，基于React 企業(yè)級項目研發(fā)等。

• 應(yīng)用Angular開發(fā)WebApp：TypeScript 基礎(chǔ)與進(jìn)階，開發(fā)環(huán)境配置，Hello World，架構(gòu)、模塊與組件，模板，元數(shù)據(jù)、數(shù)據(jù)綁定與數(shù)據(jù)顯示，表單，服務(wù)與指令，依賴注入，路由，Ionic 3 MUI框架等。

• 微信公眾號開發(fā)：初識微信公眾號，訂閱號的基本功能，使用百度BAE實現(xiàn)代碼的快速上線，使用Git完成線上代碼部署，公眾號開發(fā)權(quán)限及功能接入，微信JSSDK接口API，微信場景項目開發(fā)與接入等。

• 微信小程序開發(fā)：微信小程序初探，小程序入門必學(xué)，小程序組件體驗，小程序大功能，項目實戰(zhàn)等。

• React Native：React Native 初探，React Native 項目導(dǎo)航，React Native 項目文本框，React Native 項目滾動分頁，React Native 項目第三方登錄，React Native其他組件等。

• 各類混合應(yīng)用開發(fā)：自主原生Navtive Hybrid，第三方Hybrid框架Cordova/Phone gap，第三方Hybrid框架等。