前端工程師有時(shí)間玩游戲嗎
aifayewong
夏至迎熙
關(guān)于行將步入前端職業(yè)的人，有三個(gè)詞分享給大家：交流，盡力，多看。前端Web開(kāi)發(fā)人員使用三種主要編碼語(yǔ)言來(lái)編寫(xiě)由Web設(shè)計(jì)人員創(chuàng)建的網(wǎng)站和Web應(yīng)用程序設(shè)計(jì)：HTML、CSS、JavaScript，當(dāng)然在整個(gè)HTML5前端技術(shù)的學(xué)習(xí)中，要全面掌握頁(yè)面兼容性和優(yōu)化，學(xué)習(xí)優(yōu)化前端體驗(yàn)和頁(yè)面響應(yīng)速度，優(yōu)化代碼并保持良好兼容性，提升Web界面的友好和易用。這樣你未來(lái)的路才會(huì)更長(zhǎng)。
Kiwi琪薇
前端技術(shù)包括JavaScript、ActionScript、CSS、xHTML、Adobe AIR、Google Gears等“傳統(tǒng)”技術(shù)，概念強(qiáng)的交互設(shè)計(jì)，藝術(shù)性強(qiáng)的視覺(jué)設(shè)計(jì)等。一般來(lái)說(shuō)，你平時(shí)使用的手機(jī)應(yīng)用和你玩的web游戲都屬于Web前端開(kāi)發(fā)領(lǐng)域。理解網(wǎng)絡(luò)前端人才所需要的技術(shù)，我們就能明白學(xué)習(xí)網(wǎng)絡(luò)前端人才的就業(yè)方向：1.高級(jí)網(wǎng)絡(luò)前端工程師，這是網(wǎng)絡(luò)前端工程師的最基本的選擇。當(dāng)前網(wǎng)絡(luò)前端面臨的問(wèn)題是從業(yè)者大量涌現(xiàn)，但是真正掌握技術(shù)的人才非常稀少，從業(yè)者的工資也非常高。2.高級(jí)網(wǎng)絡(luò)架構(gòu)師，具有最廣泛的網(wǎng)絡(luò)相關(guān)知識(shí)沉淀，更容易成為網(wǎng)絡(luò)架構(gòu)師。這方面的職業(yè)發(fā)展并不像第一種那樣那么順利，主要是作為一個(gè)架構(gòu)師必須學(xué)習(xí)的內(nèi)容：后端技術(shù)， DBA, Platform等等，這些知識(shí)通常需要在項(xiàng)目中進(jìn)行實(shí)際操作，但是只要你堅(jiān)持下去，未來(lái)將會(huì)是無(wú)限光明的。3自主創(chuàng)業(yè)，成為自己的老板。身為前端技術(shù)人員，我們需要更多地關(guān)注行業(yè)、產(chǎn)業(yè)鏈和相關(guān)產(chǎn)品領(lǐng)域的動(dòng)態(tài)，保持對(duì)細(xì)節(jié)的關(guān)注優(yōu)勢(shì)，同時(shí)加強(qiáng)對(duì)某一產(chǎn)品乃至某一公司命運(yùn)的控制。但是Web前端能做游戲嗎？答案是可以的，Canvas和WebGL的出現(xiàn)讓W(xué)eb游戲有了實(shí)現(xiàn)的可能。如果你不用游戲引擎，那就寫(xiě)原生HTML、JS、CSS，或者使用Canvas/svg。如果使用游戲引擎，又想用前端的技術(shù)棧，那就用cocos creator，一次開(kāi)發(fā)，多端打包。如果你想做3D游戲，那就直接用Unity3D吧。不過(guò)雖然Unity3D也支持JS作為腳本語(yǔ)言，但實(shí)際上大部分公司和團(tuán)隊(duì)選擇的是C#，大部分教程也是以C#作為腳本語(yǔ)言，所以如果要上手Unity3d，那就需要學(xué)習(xí)C#
黑色海盜豬
前端有很多技術(shù)方向，包括軟件WEB化、WEB工程化、可視化技術(shù)，以及HTML5，一般WEB前端的工作內(nèi)容有這些：1.負(fù)責(zé)網(wǎng)站前端規(guī)劃、架構(gòu)和設(shè)計(jì)；2. 運(yùn)用相關(guān)web前端技術(shù)，規(guī)劃產(chǎn)品和用戶(hù)需求設(shè)計(jì)頁(yè)面原型； 3. 熟練使用JavaScript進(jìn)行代碼構(gòu)建，完成產(chǎn)品設(shè)計(jì)的各種交互； 4. 保持高效的前端性能，優(yōu)秀的代碼可維護(hù)性，良好的瀏覽器兼容性； 5. 同后臺(tái)相關(guān)開(kāi)發(fā)人員協(xié)作，獲取后端數(shù)據(jù)后進(jìn)行效果展示。web前端有廣闊的發(fā)展空間，app、小程序、移動(dòng)端、pc端等都是需要前端技術(shù)的開(kāi)發(fā)支持才能夠完成，技術(shù)門(mén)檻相對(duì)較低、需求量較大，薪資待遇良好。只要是互聯(lián)網(wǎng)端的客戶(hù)界面，就需要前端來(lái)制作完成，前端開(kāi)發(fā)的編程量不大，但是需要部分編程，入門(mén)簡(jiǎn)單，但是要學(xué)的深入需要一個(gè)過(guò)程。在互聯(lián)網(wǎng)行業(yè)，前端有WEB前端、HTML前端等，隨著互聯(lián)網(wǎng)技術(shù)發(fā)展，就業(yè)方向也有很多。web前端的就業(yè)方向有web架構(gòu)師、web前端工程師、HTML前端開(kāi)發(fā)工程師、網(wǎng)頁(yè)設(shè)計(jì)師等等。HTML前端開(kāi)發(fā)與Web前端開(kāi)發(fā)不同的是，使用HTML5不僅僅可以開(kāi)發(fā)前端，還有網(wǎng)頁(yè)游戲，手機(jī)APP，使用瀏覽器進(jìn)行3D渲染等一系列建立在HTML5標(biāo)準(zhǔn)與搭載其標(biāo)準(zhǔn)瀏覽器上的開(kāi)發(fā)，而未來(lái)可能會(huì)有更多的功能分支并入HTML5標(biāo)準(zhǔn)。web前端工程師這個(gè)方向是目前從事Web前端開(kāi)發(fā)的主要就業(yè)方向Web架構(gòu)師薪資普遍比較高，技術(shù)要求高，掌握多種技能，包括：后端技術(shù)、DBA、Platform等等，甚至包括網(wǎng)站優(yōu)化SEO技術(shù)。數(shù)據(jù)方向數(shù)據(jù)研發(fā)這個(gè)是在Web開(kāi)發(fā)的基礎(chǔ)上用數(shù)據(jù)附能，懂可視化的一定是有前端能力的，懂hadoop的一定java玩的溜，屬于Web開(kāi)發(fā)的拓展方向。大前端方向比如阿里，在大量實(shí)踐rn和weex;由于公司內(nèi)部安卓/ios式微，一定程度上，前端把ios和安卓收編了，統(tǒng)稱(chēng)大前端(還有node)。圖形學(xué)方向前端自然是與圖形學(xué)有千絲萬(wàn)縷的聯(lián)系，除了上面提到了可視化，還有相關(guān)3d引擎的開(kāi)發(fā)工作。做這一行要求也非常高了，圖形學(xué)相關(guān)的算法，3d引擎的開(kāi)發(fā)，這都需要圖形學(xué)相關(guān)知識(shí)。
shengxj214
Web前端開(kāi)發(fā)是所有開(kāi)發(fā)人員中最接近用戶(hù)的，最應(yīng)該從用戶(hù)的角度出發(fā)，站在用戶(hù)的位置著想，去琢磨開(kāi)發(fā)新的東西。與后端不同，前端開(kāi)發(fā)領(lǐng)域涉及的技術(shù)全面，用到的技術(shù)也很多，而且要做到與時(shí)俱進(jìn)，這就要求前端工程師時(shí)刻關(guān)注新的技術(shù)發(fā)展趨勢(shì)。
前端開(kāi)發(fā)隨著網(wǎng)絡(luò)時(shí)代的發(fā)展，被更多的人所熟悉。是的前端開(kāi)發(fā)不僅有前途，更有前途。作為一個(gè)web前端開(kāi)發(fā)工程師，你可能涉世未深，或者你已經(jīng)接觸web前端開(kāi)發(fā)很久了，不管你是菜鳥(niǎo)還是牛人，在前進(jìn)的道路上要付出很大的努力。這些web前端開(kāi)發(fā)技術(shù)你是必須要一項(xiàng)一項(xiàng)的掌握。
Ajax全稱(chēng)為“Asynchronous Java and XML”（異步Java和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。
jquery jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架，jQuery是一個(gè)快速的，簡(jiǎn)潔的java庫(kù)，使用戶(hù)能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，并且方便地為網(wǎng)站提供AJAX交互。
API（Application Programming Interface，應(yīng)用程序編程接口）是一些預(yù)先定義的函數(shù)，目的是提供應(yīng)用程序與開(kāi)發(fā)人員基于某軟件或硬件的以訪問(wèn)一組例程的能力，而又無(wú)需訪問(wèn)源碼，或理解內(nèi)部工作機(jī)制的細(xì)節(jié)。
Javacript是一種能讓你的網(wǎng)頁(yè)更加生動(dòng)活潑的程式語(yǔ)言，也是目前網(wǎng)頁(yè)中設(shè)計(jì)中最容易學(xué)又最方便的語(yǔ)言。你可以利用Javacript輕易的做出親切的歡迎訊息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡(jiǎn)易的選舉，還可以顯示瀏覽器停留的時(shí)間。
CSS（Cascading Style Sheets層疊樣式表）是一種表現(xiàn)層的布局語(yǔ)言，以前人們都是通過(guò)單純的HTML來(lái)實(shí)現(xiàn)頁(yè)面的美化，它可配合XHTML來(lái)生成頁(yè)面。
HTML（HyperText Mark-up Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。
ASP是Active Server Page的縮寫(xiě)，意為“動(dòng)態(tài)服務(wù)器頁(yè)面”。ASP是微軟公司開(kāi)發(fā)的代替CGI腳本程序的一種應(yīng)用，它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具。ASP的網(wǎng)頁(yè)文件的格式是。asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。
PHP，一個(gè)嵌套的縮寫(xiě)名稱(chēng)，是英文超級(jí)文本預(yù)處理語(yǔ)言（PHP:Hypertext Preprocessor）的縮寫(xiě)。PHP 是一種HTML內(nèi)嵌式的語(yǔ)言。
Google Web Toolkit（簡(jiǎn)稱(chēng)GWT）是Google 推出的 Ajax 應(yīng)用開(kāi)發(fā)包，GWT 支持開(kāi)發(fā)者使用Java語(yǔ)言開(kāi)發(fā)Ajax 應(yīng)用。
extjs ExtJS是一個(gè)Ajax框架，是一個(gè)用java寫(xiě)的，用于在客戶(hù)端創(chuàng)建豐富多彩的web應(yīng)用程序界面。ExtJS可以用來(lái)開(kāi)發(fā)RIA也即富客戶(hù)端的AJAX應(yīng)用。
我們可以肯定的是薪資與技能是掛鉤的，前端開(kāi)發(fā)需要的學(xué)習(xí)的東子，根據(jù)你掌握的技能程度，薪資是不一樣的。Div+css，js會(huì)套用效果的6k到10k，新手熟悉切圖工作效率高的8k左右。有兩年經(jīng)驗(yàn)的，會(huì)ajax，可以手寫(xiě)代碼，就是指常用的單詞不用靠編輯器，了解一門(mén)后臺(tái)語(yǔ)言(最好是php)，不低于10k。對(duì)原生js有非常深入的研究，開(kāi)發(fā)組件，框架庫(kù)之類(lèi)的，15k+，最低10k。最近比較流行移動(dòng)終端，會(huì)這些的可能會(huì)更高一點(diǎn)的。
前端開(kāi)發(fā)，角色的特殊性、知識(shí)的多元性，造就了一條令人望而卻步的學(xué)習(xí)曲線(xiàn)，但暢游知識(shí)的樂(lè)園也其樂(lè)無(wú)窮，那我們一起學(xué)習(xí)加油吧，向“錢(qián)”進(jìn)！
和信長(zhǎng)慶
零基礎(chǔ)學(xué)習(xí)開(kāi)始學(xué)習(xí)web前端肯定難，web前端的專(zhuān)業(yè)程度本身就不簡(jiǎn)單，學(xué)習(xí)這事本來(lái)就是一件非常煎熬的事情，人都不愿意學(xué)習(xí)，可是沒(méi)辦法，為了生存掌握一個(gè)技能，你必須學(xué)，如果你認(rèn)真的對(duì)待，你就找不到高薪水的工作，所以首先學(xué)習(xí)web前端意志，堅(jiān)持非常重要，很多人放棄的原因根本就是缺乏這些素質(zhì)。零基礎(chǔ)學(xué)習(xí)web前端必須明確的幾點(diǎn)：1.明確你將來(lái)是做什么工作的，需要掌握哪些技能，很多人連這個(gè)就不知道就盲目的學(xué)，你首先清楚，現(xiàn)在公司需要什么人才，你應(yīng)該奔著什么目標(biāo)努力。2.系統(tǒng)的學(xué)習(xí)規(guī)劃，規(guī)劃好你每天學(xué)習(xí)的新知識(shí)和每天做的作業(yè)和練習(xí)，很多人想自學(xué)web前端，兩個(gè)就看完了，這樣的能找到工作算是出奇了，現(xiàn)在學(xué)習(xí)web前端想找到工作，沒(méi)有4-6個(gè)月的根本不行，所以規(guī)劃是一定要有的，我建議半年時(shí)間。3.注意學(xué)習(xí)方法，很多人在學(xué)習(xí)web前端的時(shí)候，開(kāi)始學(xué)那一刻起就選擇了錯(cuò)誤的學(xué)習(xí)方法，所以最后注定會(huì)放棄，回到原來(lái)的崗位繼續(xù)做著自己不喜歡的事情，學(xué)習(xí)web前端需要一定的技巧，在開(kāi)始學(xué)之前多跟別人問(wèn)問(wèn)，不要自己盲目的自學(xué)，浪費(fèi)時(shí)間。
taojia1988
把Designer出的各種設(shè)計(jì)圖轉(zhuǎn)化成html+css+js+image的靜態(tài)網(wǎng)頁(yè)，并把它們交給后端開(kāi)發(fā)人員制作成頁(yè)面模板。這就是入門(mén)級(jí)的前端工程師所做的事情。
不過(guò)稍微復(fù)雜一些，你需要開(kāi)始注意一些更復(fù)雜的問(wèn)題，首當(dāng)其沖的就是瀏覽器兼容性問(wèn)題。老實(shí)說(shuō)瀏覽器兼容性問(wèn)題真的不是那么好搞定的，畢竟每個(gè)項(xiàng)目對(duì)瀏覽器版本的要求都不一樣，而且現(xiàn)在不光有PC瀏覽器還有各種移動(dòng)設(shè)備上的瀏覽器，同時(shí)國(guó)內(nèi)廠家的瀏覽器種類(lèi)也越來(lái)越多，坑也是密密麻麻。除了兼容性，你可能還要關(guān)注一下性能問(wèn)題，包括但不限于網(wǎng)絡(luò)性能、渲染性能、js邏輯的性能等等，這個(gè)展開(kāi)講可以寫(xiě)本小冊(cè)子了，呵呵。
你可能會(huì)奇怪，一個(gè)中級(jí)工程師就能帶團(tuán)隊(duì)了？可是真的很多公司就是這樣，尤其是小公司。當(dāng)你了解了html、js、css以及各種瀏覽器的各種特性細(xì)節(jié)之后，你會(huì)被任命帶領(lǐng)一個(gè)小的開(kāi)發(fā)團(tuán)隊(duì)，當(dāng)然是前端開(kāi)發(fā)團(tuán)隊(duì)?？赡芗幽阋还惨簿腿膫€(gè)人，甚至更少。這時(shí)候你的工作內(nèi)容除了自己寫(xiě)一點(diǎn)頁(yè)面以外，還會(huì)幫助組員解決各種各樣的細(xì)節(jié)問(wèn)題，畢竟，組里，你是最懂技術(shù)細(xì)節(jié)的。這個(gè)時(shí)候，一部分人開(kāi)始停步不前，而另一部分人開(kāi)始關(guān)注另一個(gè)新的問(wèn)題：工程化。前端代碼都是非常松散的，項(xiàng)目結(jié)構(gòu)性差，一旦開(kāi)發(fā)人員數(shù)量多起來(lái)，業(yè)務(wù)復(fù)雜起來(lái)，如何管理這么多人、這么多代碼是個(gè)非常大的問(wèn)題。能否在這個(gè)問(wèn)題上得到突破，決定了你能否邁向下一個(gè)級(jí)別。
此時(shí)你熟悉前端開(kāi)發(fā)的各種技術(shù)細(xì)節(jié)（當(dāng)然忘了一部分細(xì)節(jié)也沒(méi)事 ^_^），同時(shí)對(duì)各種前端框架、技術(shù)的特性聊熟于胸，你知道如何組織和管理項(xiàng)目讓大家能以最快的速度達(dá)到項(xiàng)目要求，你甚至了解手下每個(gè)人的所長(zhǎng)所短。于是當(dāng)新項(xiàng)目到來(lái)，你迅速根據(jù)自身過(guò)往的經(jīng)驗(yàn)選取若干種技術(shù)和工具，配上你認(rèn)為最合適的人選組成項(xiàng)目團(tuán)隊(duì)，披荊斬棘日夜兼程將產(chǎn)品汪的各種奇葩需求斬于馬下。這么做了一兩個(gè)項(xiàng)目之后，你可能又覺(jué)得空虛了，你要尋求新的目標(biāo)。恰好，NodeJS打開(kāi)了通往新世界的大門(mén)。
全新的世界，無(wú)限的可能?！吧咸烊氲兀瑹o(wú)所不能”，我猜就是這個(gè)狀態(tài)。愛(ài)干嘛干嘛吧，這個(gè)時(shí)候，你應(yīng)該不會(huì)再來(lái)問(wèn)“后端程序員都在干嘛”這種問(wèn)題了。其實(shí)，要成為一名“非典型前端”并不一定非得經(jīng)過(guò)1~4的步驟。只是現(xiàn)在已經(jīng)上了年紀(jì)的前端大多是這樣過(guò)來(lái)的，畢竟，NodeJS出來(lái)的時(shí)間也并不算很久。
優(yōu)質(zhì)工程師考試問(wèn)答知識(shí)庫(kù)
