❶ 前端工程師主要是做什麼的
前端是什麼？
前端，也稱web前端。對於網站來說，通常是指網站的前台部分，包括網站的表現層和結構層（通俗點就是用戶可以看到的部分）。
總結一下，瀏覽器、APP、應用程序的界面展現和用戶交互就是跡慎前端
前端能幹什麼？
前端工程師，別稱web前端開發攻城獅，是在2005年由淘寶發明出來的稱呼。前端工程師通過前端技術完成界面設計（聽說大公司分工較明細，這部分交給設計師）,界面製作，用戶交互，網站維護、網站優化等等。
通俗點講，可以設計、制姿祥敬作網頁，給網頁加上各種各樣的特效和功能。
前端需要學會哪些技術？
基礎：html+css+javascript,html5+css3
進階：各種宴世框架，如Bootstrap,jquery,react,vue,angular等等
其他：http,一門後端語言，網站優化等等
❷ 前端工程師從小白到大神要經歷哪幾個階段
首先是找到第一份正式工作前的那個階段，這階段就是入門，但你再入門都代替不了一份實際的工作。
找到第一份正式工作，幾年內主要是實現功能，修bug，做重構，把理論和實踐充分結合起來，用各種工具，庫和流程，積累經驗，套路都懂了。
到某個時候你會發現市場上該接觸的東西似乎都接觸過了，套路已經滿足不了你，你開始對這個技術棧有了自己的見解，搞出來的東西水平高了，能自信的選型，做出靠譜的架構來，設計流程，帶帶團隊的人，這是所謂senior的階段。每個人情況不同，一般這個過程需要5年以上的積累。
你不會成為大神的，大神是小白臆造出來的糖衣炮彈。行業內的真正大神不是從「前端「開始的，而是大廠里喜歡折騰編譯器，設計模式，模式匹配，把functional programming當飯吃的那些人。他們的思路跟你的不在一個層次上。
❸ 移動前端工程師工作簡歷
個人資料
姓名：
性別：
年齡：
居住地：上海
電話：
E—mail：
行業：通信/電信/網路設備
職位：移動前端工程師
最高學歷
學歷：本科
專業：計算機應用
學校：復旦大學
求職意向
到崗時間：一個月之內
工作性質：全職
希望行業：通信/電信/網路設備
目標地點：上海
期望月薪：面議/月
目標職能：移動前端工程師
工作經驗（一年以上工作經驗）
20xx/4—20xx/9：XX有限公司[5個月]
所屬行業：通信/電信/網路設備
職位：測試部移動前端工程師
1、設計、編寫可復用的'用戶界面組件、前端通用組件；
2、與伺服器端開發人員進行應用及系統整合，調試網站頁面在不同瀏覽器下的兼容性；
3、跟蹤移動前端技術的發展，掌握最新動態和主流技術。
20xx/7—20xx/2：XX有限公司[7個月]
所屬行業：通信/電信/網路設備
職位：測試部移動前端工程師
1、針對測試對象進行全面多角度的判斷，制定全面完整的測試用例；
2、測試人員的技術培訓，工作指導；
3、無論任何情況下，第一時間響應並處理項目中遇到的突發事件。
教育經歷
20xx/9—20xx/6
學校：復旦大學
專業：計算機應用
學歷：本科
獲得證書
2011/12大學英語四級
語言能力
英語（良好），聽說（良好），讀寫（良好）。
自我評價
為人做事認真、細致、執著、踏實，求知慾強，在日常學習中能勇於探索各種疑難問題，喜思索、善鑽研，精於學和問、長於辨析、富有上進心和團隊精神，不怕困難、善於創新和發明，愛好挑戰性工作。責任心強並能承受壓力，有較好的心理素質和與人為善。
❹ web前端項目經歷怎麼寫
工作描述：
1、負責基於HTML、CSS、Javascript的Web前端開發；
2、負責基於HTML5、CSS3、Javascript的移動端前端開發；
3、與UI設計師積極合作，完成網頁的前端頁面實現；
4、與後端開發工程師積極合作，完成前端與後端的整合；
5、負責前端頁面切圖及專題模版製作，優化前端頁面性能，能夠解決瀏覽器兼容性問題；
6、研究和跟蹤最新的前端技術發展，合理應用到項目中。
❺ Web前端工程師要掌握的工作經驗
今天小編要跟大家分享的文章是關於Web前端工程師要掌握的工作經驗。設計師與工程師的交流經常是雞同鴨講，牛頭對不上馬嘴，為了幫同學們搞定這個難題，小編整理了一個列表，幫同學們能跟工程師無障礙溝通，全是非常實用的知識點。
開發者一般不是令人驚艷的設計師，設計師也通常不是出色的開發者。雖然有很多例外，但這兩行的門道對對方而言都是難以言說的謎，然而雙方卻要在這種情況下合作完成項目。作為在兩個領域都工作過的人，北大青鳥web前端培訓專家整理了一個列表，使設計師能夠更好地輔助開發者開發應用和網站。下面來和小編一起看一看吧！
一、Photoshop
開發者經常需要處理設計師製作的Photoshop
PSD文件，因此任何對設計師有益的事情也會對開發者有益，包括繪制易於維護、易於理解的PSD文件。
1、有效地進行版本控制
設計師經常會面對各種裝滿了一堆沒有清晰版本命名的PSD的文件夾。為了解決這個問題，設計師可以事先確定一種合適的版本命名格式(理想的格式應該使文件在字順排序下自動有意義地排列)。
2、保持圖層
不要輕易合並圖層。需要導出時，通過組合，隱藏/顯示圖層的方式來進行，導出後再把文件恢復到原來的狀態。不要輕易破壞有用的數據。電腦性能更不昌亮是合並圖層的理由——若被此限制，你應該做的是買內存更大，性能更好的電腦。
3、對圖層進行有意義的命名
雖然對圖層命名比較繁瑣，但這樣做確實能夠幫助理解，尤其是在重用文件元素的時候。命名時應確保文字圖層的名稱反應其內容。重復的圖層也要進行有意義的命名，而不是簡單的肆攔「副件」。
4、合理地對圖層編組
應該把分散在不同圖層的視覺元素編為一組。對單一設計的文件來說，編組整體上應該一致按裂迅胡照從左到右，從上到下的順序。層次和順序比按顏色編碼圖層更好，因為圖層移動時，顏色還需要保持。
5、去掉不需要的圖層
不再需要的舊版本、模版和參考材料以及臨時復件應該從圖層中及時刪除。間歇性地瀏覽一下你的所有圖層，及時刪除不需要的東西。
6、使用圖層復合
Photoshop的圖層復合功能可以讓你製作多組圖層狀態，如可見性，位置甚至圖層風格。你可以用圖層復合功能來靈活地在一份文件中整合設計中不同部分(比如網站的多個標簽、應用的多個頁面)。這樣做可以不必保留重復的圖層編組，從而減小文件大小。
7、保存矢量文件和可伸縮效果
在設計應用時，很可能會需要原設計兩倍尺寸的圖片來適應有雙倍像素的新設備。確保在這種情況下你不需要重新繪制所有的圖標。
二、助力開發者
還有一些特別與應用及網頁設計相關的建議，每項都有相應的要求和限制。
8、學會在縮放時保存圓角
操作系統經常會統一圓角的角半徑(iOS通常為12像素)。Adobe
Fireworks會保持圓角矩形的角半徑，但Photoshop不會。因此確保你用直接選擇工具來選取圓角的點並且以傳統的方式縮放圖像。
9、在72ppi下進行設計
一個像素就是一個像素，更多的像素只會生成更大的文件。不要通過改解析度來矇混過關。
10、對齊像素
確保相關的形狀工具設置成對齊像素。根據你的需要使用像素網格等工具。一貫使用偶數尺寸來方便裁剪。
11、使用RGB模式
這點不僅對顏色顯示重要，對開發者將顏色正確地寫入代碼也同樣關鍵。
12、資源准備是你工作的一部分
很多(大多數)開發者除了基本的編輯功能外對Photoshop一竅不通。設計師需要適時地導出可能會在應用或網站上用到的裁剪圖，因為畢竟他們是對文件和Photoshop最熟悉的人。這項工作雖然很痛苦，而且很耗時，但這是除「設計」外90%的工作。
13、謹慎地使用字體
不同的設備和操作系統的預設字體有所不同，因此不能確保這些設備都有你進行設計的電腦上的字體(事實上，你比一般人的設備上的字體都多)。基本上，將應用或網站上的文字以實際文本的格式呈現會有更好的效果，但這也使對字體的選擇不僅基於視覺，還有可行性上的考慮。
還有一點值得注意，允許個人設計使用的許可也許不允許你將該字體完全使用在應用或網頁上。在選定設計中使用的字體之前，確保和你的開發者或客戶進行有效溝通。
14、確定設計尺寸
對移動設備應用來說，屏幕尺寸不是全部信息，你還需要考慮系統狀態欄等的存在，以及他們如何在屏幕橫排和豎排時影響尺寸(比如iOS設備的頂端狀態欄會在橫排的時候減小較小邊的尺寸，在豎排的時候減小大邊的尺寸)。和你的開發者確認一下應用是否為完整的全屏很必要。
15、使用平台風格
每個平台(操作系統)都有其獨特的用戶界面元素和交互風格(也會根據不同的設備有所不同)。在設計時注意這些風格，並且除了有特殊原因，不要進行與平台本身風格差別太大的設計。例如，在iPad上，你會發現這些需要注意的地方：
1、支持兩種屏幕方向的強烈需求
2、雙欄設計在兩種屏幕方向上都可接受
3、將彈出框作為一種界面元素和分組機制
4、確定的文件瀏覽器的風格
5、在級別較高的導航欄中，返回按鈕是向左指的圖標
因此，在設計時要熟悉平台，因為你的設計要適應它。沒有哪一種單一的設計可以適應所有的平台。。
16、對橫排和豎排分別進行設計
不同的屏幕方向需要不同的交互設計風格，這不僅是因為屏幕寬高比，還因為用戶以不同方向手持設備時外形、重量和平衡上的區別。只針對適應屏幕寬高比進行設計頂多是一個糟糕的妥協策略。
17、針對每種主流尺寸和情景進行設計
同一應用在手機、平板和電腦上的內容和交互都應有所不同。對移動設備而言，我們也需要考慮注意力持續時間、注意力分散、使用設備時的身體協調性減弱，以及用戶在移動或危險情境下使用設備的可能性(例如走路時的障礙物、過馬路時的交通情況以及駕駛安全性)。這些使用情景與設備的尺寸和本質有不可否認的關系，有效的設計應該充分考慮這些因素。
18、使用純正的，至少實際的示例內容
好的示例內容標准有以下幾條：
1、示例內容涵蓋應用可能的長度，而不是僅僅為了原型設計的方便。
2、設計必需的數據預設時的顯示方案，尤其如用戶照片等。
3、考慮不合需要的輸入示例，比如需要進行裁剪的過寬或過長的圖片。
4、包含極端或少見的名字示例，包括超長或不間斷的姓和名。
5、地址不限制為當地的地址形式，而包括各種可能的長度和格式。
6、在設計的任何角落都找不到「Loremipsum」。
19、本地化考慮
當大多數人考慮支持其它語言時，他們想的是文本。而當設計師或開發者考慮本地化時，他們應該考慮的是布局。為了實現本地化，你的設計應該使所有文本支持與英文50%的寬度差異。在顯示同等內容時，亞洲語言需要的空間比英語少接近50%，而歐洲語言會比英語多接近50%。這個問題在設計按鈕和幫助文本時尤其重要。
20、考慮屏幕全局光源
作為設計師，你應該早就了解每個平台都有其不可改變的屏幕全局光源(例如在iOS上，是在中心的正上方，或90度)。所有高光和陰影效果都應該和平台的光源相協調。
21、明確導航和組織控制項設計
向你的開發者明確展示你的設計中包含的標簽、下拉菜單或者其它閉合機制。在進行這種控制項設計時，要尊重平台的設計慣例。開發者在進行開發時需要明確了解信息層次，因此你要確保你的設計清晰地展示你的意圖。圖層復合在這種情況下非常有用。
22、導出圖形時不進行壓縮
在導出時以PNG
alpha通道格式保存，除非被明確告知其它保存方式。除非被明確要求，否則不要使用JPEG格式。不要考慮圖像文件大小，因為開發者或他們的開發環境會對圖像進行最優化。以透明背景導出每個元素，而不是純色，即便你設計中的一部分背景確實是純色的。
23、詢問陰影的處理
和你的開發者溝通是否要將陰影效果包含在導出圖中。通常情況下，開發者會用CSS或寫代碼來應用陰影，這樣做事實上會比直接使用預先保存的陰影點陣圖更方便容易。不要假定陰影效果應該包含在圖像中，雖然在設計原型時用圖層展示陰影效果。
24、理解按鈕的構建方法
應用或網頁上的按鈕幾乎都不是用單一的圖片創建的，而通常是下面兩種情況：
a：3部分圖像，左端圖像，右端圖像，重復的單像素寬的中間部分(允許圖像的橫向擴展)
b：9部分圖像，上中下-左端圖像，上中下-右端圖像，以及3個重復的上中下中間部分(允許按鈕的橫向和縱向擴展)
最後想法
任何軟體都應該是平面設計、交互設計和開發三者合作的結果，這三部分都同等重要。知道另外領域的需求對我們自己的工作非常有幫助。
以上就是小編今天為大家分享的關於Web前端工程師要掌握的工作經驗的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助，想要了解更多web前端知識的小夥伴們記得關注北大青鳥web培訓官網。最後祝願小夥伴們工作順利！
❻ web前端方面的工作經歷都有哪些呢
1、三大基礎技能，js、css、html這三項技能是前端工程師能力中的基礎，任何框架、工具、庫都是基於這三者只上的。這是硬實力，決定了整個前端生涯能夠達到的高度，以及在後面的技術棧拓展中的順暢程度和能夠達到的效果。
2、工程能力要有，前端工程師首先是個工程師，做項目就是在做工程，所以懂得如何把一個項目的前端部分的工程運行起來，是另一項必備技能。
grunt、gulp、webpack都是著名的工程類工具，這些工具只要能熟練使用，就基本符合工程能力的要求。但是如果想要拿到更高一個層次的offer，理解工作原理必不可少。這些工具的根本作用，就是對資源的處理，包括代碼的壓縮打包、本地伺服器的架設等。
3、調試能力要必備，如果還在用alert、console來調試程序定位問題，那麼你還不符合要求。
學習chrome調試工具的使用，Elements查看元素、Network查看網路請求、Sources查看代碼，設置斷點定位問題、call stack查看調用棧。這個能力很少有人提到，但是掌握這些技能，不僅能在面試時加分，更重要的是在日後實際的項目中發揮的作用。
4、團隊協作能力指的就是git，在項目開發中必不可少，熟練使用git，掌握常用的命令，學會解決沖突。
5、熱門框架的使用vue、react是當前兩個最熱門的框架，能夠熟練使用是基本要求，如果你想在眾多求職者中脫穎而出，你還需要理解原理，還是那句話，你跟offer的差距就是使用與實現的差距。試著理解virtual dom的原理，響應式的原理，雙向數據綁定的原理。
6、項目經驗要可靠，不是「仿了幾個頁面」，而是「項目」的經驗，是經歷過整個項目從0到1全過程的經驗，在這個過程中遇到了什麼坑，如何解決的，解決的過程中是如何思考的。
❼ 前端工程師工作總結
導語： 前端工程師是屬於IT技術職業的一種，是近5年發展起來的職業。下面我為大家推薦一篇關於前端工程師的工作總結，僅供大家參考。
x月，來到新寶電器，轉眼已過去了差不多三個月的時間。對於一個新事物，我總是充滿著激情去了解，去進行更進一步的促進；對於一家新公司，除了面對新事物的激情和對它逐步的了解，更需要面對新環境的適應、認同和融入。就在第一次走進新寶大門口的時候，需要拿出身份證進行登記，這種情況我在其他企業很少遇到，但我因此而感受到了東菱企業文化的規范性和精細化管理氣息，作為一位從事產品開發的工程技術人員，不正是需要這樣的職業素養嗎！我微笑著對保安點點頭，走進了新寶的大門。
「隔行如隔山，隔廠如隔牆」，雖然已經在產品開發行業經歷了7年的開發工作（前四年進行了飲水設備產品的開發），在烤箱行業進行了3年的產品開發，來到新寶又進行烤箱的開發工作，但畢竟曾經隔了一堵牆，這需要我推倒這堵牆，快速的進入去了解，去熟悉，快速的走上正常的工作軌道。好在新寶會對新進的人員指派一位輔導員，這讓我對新環境的認識加快了步伐，同時跟進to9517歐盟新標准烤箱的eb、pp試產、改進到大貨的全過程，這又使我能夠在實踐當中快速的和這里的環境融合，實際地運用開發流程進行項目的操作，積極吸收業內先進的`技術工藝並不斷總經驗，並將以往的技術積累和工作經驗在這里得到運用，可以說這也是一個收獲的金秋。
首先對研發中心的產品開發流程進行了了解，小家電產品行業的開發流程基本是一樣的，但我們企業在新產品導入的初級階段的成本報價做得比較精細，成本明細大到外觀件，小到一顆螺釘都有詳細的羅列，產品的利潤在此階段基本定型，作為產品開發人員，我覺得成本意識必須大於一切，否則就是負值了；研發中心的標准化工作尤其是圖紙資料的標准化管理我覺得在這里做得也是非常的到位，我也在出相關圖紙的過程中感同身受，這比有些企業做得規范得多；產品零部件的標准化管理亦深入到每一個產品開發部門，產品的標准化率的高低體現了我們企業資源的最大利用程度。中試部給我們的研發工作提供了堅實的基礎，我在進行to9517烤箱多次的試產和改進、驗證工作過程中，從對中試部門的了解到充分溝通、資源有效利用，都進行了相當程度的實踐活動，深感良好的合作、勤勉的溝通對於我們解決問題起著至關重要的作用；在產品的認證過程中，認證的提交和認證資料的准備，不合格項的整改，都需要全面綜合的專業知識做為支持，在此期間吸收了這方面大量的知識；pp試產過程中，開發與工程、生產、品質部門的銜接，生產問題的處理，這都需要一定的耐心和積極的責任心。
做了這么多年的產品開發工作都知道，不管在任何一家企業，都是一個需要投入大量精力，需要承受相當壓力的工作，在經歷了諸多的產品開發歷練後，已經習慣了這種承載性，to9517電烤箱是歐盟強制性推行的en_6335_2_9_a12新標准，在開發過程中對其表面溫升限值的整改有相當的難度，在以前的企業我已經完成了適用於該要求的產品構開發，在進行to9517的整改過程中，那些經驗也得到了運用，一次次的改進、驗證、再改進再驗證，已經忘記了什麼叫疲勞，物料追蹤、試產、樣機組裝，沒有親自動手，是找不準問題的根源所在，經過兩個多月的努力，在陽工的輔導和李經理的支持下，對to9517的諸多不合格項進行了有效的改進，同時也向公司的同事學到了很多新的東西，在此過程中取得了長足的進步！to9517即將大貨生產，頂著壓力往前沖！
給我一個舞台，一定要讓青春展放人生的價值，我有這個信心和能力，迎接挑戰，面對未來，願與公司共生存，同發展！
❽ web前端開發 簡歷中項目經驗該怎麼寫
可以按照下面方法試試
1、可以做幾個意義性強一點的案例，可以證明你在這些方面有造詣，並且讓人可以
看的出的demo，列舉幾個站點，並註明參與了哪些部分，學到了哪些知識。方便的可
以傳到共享之類的網站或者自己搭建在線預覽的站點，要事先准備好，並且保證在任何
一個設備都可以訪問使用。
2、就職期間參與公司部產品開發, 負責伺服器環境構建, 熟悉了redis, nginx在高並發環境下
的應用，就職期間參與XXX網站開發, 並配合iOS研發部門開發了移動端站點, 運營期間不
斷完善, 學習了在移動端開發網站的相關技能；
項目名稱：。。。
項目描述：。。。
具體職責：。。。