1. 學會PS好還是web前端工程師好
首先兩個都會有包含的,前端必須全部會。
剛畢業時滿腔熱情,一門心思只往前端事業發展。剛從學校出來,看到什麼都是新鮮十足,什麼都想學。不斷的買書看書墊枕頭,最瘋狂的時候一個禮拜晚上看完整本犀牛書+做筆記,後來再也達不到這種速度了。很幸運我能加入到AlloyTeam,依靠WebQQ,使得我的編碼能力、項目經驗ang ang ang的上去了。同時也搞了很多奇形怪狀的業余項目,基本上無論遇到什麼跟JS相關的「新」技術(新是對於我自己來說的),我都想去嘗一嘗。
對於剛畢業的初學者來說,頭兩年真的真的是非常重要,學習的激情、速度以及熬夜的能力可以發揮的淋漓盡致。在這個階段,通過大量的編碼提升JS能力,同時嘗試各種JS框架和庫,尋找適合自己的框架,甚至自己也寫了一個JS庫和構建工具。「不要重復的造輪子」這句話,初學者都應該無視。你不造輪子,怎麼知道別的輪子好不好用?怎麼知道造一個輪子有多難?怎麼知道如何改進輪子?我不認為一個新手去看jQuery的源碼能看懂,反正我當時就暈暈乎乎的。
在這個時間點里,其實還沒怎麼考慮以後的發展,而且也僅認為前端工程師,學好JS/CSS/HTML就夠了,其他的沒興趣也沒意願去學。
3~4 大大大,擴展知識面
在JS/CSS/HTML里探索了2年後,突然發現越學越不懂了。出了HTML5,看了WebSocket,想學會,結果要看網路協議、要看HTTP/TCP,還要學Server開發等。頓時感覺分身10個也不一定能學好。為了跟上潮流,也得硬著頭皮上。好不容易Server、網路、前端、瀏覽器各種知識都多少了解的時候,移動潮流來了!OMG,Android、iOS還有WP……生命不止,學習不休。
其實到了這個階段,多少也算是個有經驗的攻城師了。開發一般需求不在話下,偶爾還能承擔個架構設計。在提升JS能力的同時,開始要往多方面發展。前端工程師遠遠不僅是JS而已。製作一個性能高、交互好、視覺美的頁面,需要從前端框架選型、架構設計、構建工具,到後端通信機制、設計與交互、網路和瀏覽器優化等各方面的知識。一專多長才是前端工程師的終極目標。有個人說得對:一專是指你不可替代,多長標示你可以替代別人。這樣你在團隊在公司的地位才更加牢固,公司也會給你提供更多的資源。
同時還要開始提升自己的名氣,可以通過發表技術博客,提交和參與開源項目,做部門級公司級還有業界分享,參加業界會議等等。在這個信息瞬息萬變的互聯網時代,保持交流才會讓自己不落伍。同時名氣大了,能找到更多志同道合的人一起研究技術(探討生命的起源也不是不可能的),甚至想跳槽,也是放個屁的事兒(意思是簡單-_-|| 這都什麼比喻)。
5 摸摸摸,摸清前方的路
這個時候,如無意外,你也應該成為高級工程師了。編碼在工作中比例已經不算太高,更多的工作是承擔技術評審、架構設計和項目管理等事情。工作中除了完成自己的事情,可能還需要指導新人,做新人培訓,帶領新人完成項目。同時還會有一個抉擇擺在眼前:繼續深入研究技術 or 往管理方向進發。
技術 or 管理,這里沒有對錯之分,只有合不合適。有的人就不善於交流,同時喜歡專研,可以繼續走技術的路,發展成專家;有的人則可能有比較強的領導力,可以帶領一群人完成項目,那可以轉向管理,成為Team Leader等。
不管選哪個方向,你都已經是個優秀的人,而且應該把這種優秀傳承下去。成為導師,使新人變得優秀;成為面試官,挖掘優秀的人;成為講師,讓更多人學習到優秀,等等。
總的來說,頭兩年一定要打好基礎,找准自己的G點,深攻下去;高潮之後,往廣度發展,掌握其他相關和不相關的配套知識(這不是矛盾么?∑( ° △ °|||)︴);然後摸到自己的目標,發售大膽的愛愛(老了,手抖打多了)吧。不僅自己愛(前端),也要讓更多人一起愛(前端)哦。
2. web前端工程師需要掌握哪些技術
1、開發語言
HTML發展歷史有二十多年,歷經多次版本更新,HTML5和CSS3的出現又是一次革新。有些人認為前端開發要掌握的技能簡單,不就是網頁製作嘛。其實不然,web前端需要掌握的核心語言HTML+CSS+JavaScript,JavaScript作為最難的語言之一,許多編程高手也不敢妄自菲薄自封精通。由於JavaScript與html的差異性,以及靜態分開處理的一些好處。在大公司編寫靜態效果和動態效果往往是分開由不同的人完成的。小公司因為需要壓縮成本,就需要每個人會的越多越好,如果你嚮往項目經理發展,能懂一兩門後端語言,絕對是錦上添花。
2、瀏覽器兼容性
互聯網目前主流瀏覽器有IE6/7/8/9,Firefox,Chrome,Opera,Safari,遨遊,包括國內主流的搜狗,騰訊TT,360,the word等等;從內河上講主要有IE的,遨遊版IE,Safari,Firefox以及opera的,這些都是大家常見的,如果你身邊有老網蟲喜歡收藏瀏覽器,你翻翻他的硬碟,相信十幾款肯定是有的。每種內核對代碼的解析是不完全一樣的,即使同樣內核也可能存在很大差異,如IE和遨遊版IE。不說非主流的瀏覽器,就主流的瀏覽器,要做到完全兼容,也並非易事,需要長時間的積累和測試,需要前端開發工程師對前端端開發的熱愛和激情。
目前移動互聯網的發展趨勢也不容小覷,將慢慢占據互聯網的主要份額。移動互聯網最突出的好處是方便和及時,試想一下,走在某地風景很好,拍下來後自 動分享給各路好友,因此手機上的瀏覽器兼容也看刻不容緩,現在手機上的瀏覽器也是紛繁復雜,主流的UCWEB,safari,IE,3G門戶的,以及 symbian低端機的「殘缺兒童」,包括國外流行手機我們不知道的一些瀏覽器,更糟糕的是這些瀏覽器解析因為手機硬體的不同,每個瀏覽器得到的結果都是 完全不同的。
3.hack技術
由於不同的瀏覽器對CSS的解析認識不一樣,因此會導致生成的頁面效果不一樣,這個時候就需要針對不同的瀏覽器寫不同的CSS,這個過程叫CSS hack。雖然我們寫代碼都要求按照標准,不寫hack代碼,但實際工作中為了兼容主流瀏覽器,hack代碼是免不了的,所以這也應該是每個前端開發人員 必備的技能。
4.業內標准
目前Web前端開發中提到最多的就是W3C標准,這是一系列標準的集合,代表了互聯網發展的方向,也代表了前端開發的一種信仰。寫的代碼都要100%通過標准驗證,為通過標准驗證而感到自豪,會有效推動互聯網的快速發展。
5.開發工具
目前比較流行的是Dreamweaver, 其曾經風靡一時,到現在也沒有退出歷史舞台,證明DW還是有很大優勢的,尤其是針對初學者,其強大的提示功能可以幫助我們很快的熟悉並掌握網頁布局,但現 在更提倡的是純手寫代碼,既體現技能方面的卓越,也可有效避免使用DW等工具產生的冗餘代碼。此外再掌握一些photoshop技能,即使沒有美工,也能 簡單處理一些圖像。
小結,掌握以上技能,可以說你是一個合格的前端開發人員,能夠參與到一個大的項目中,或者自己獨立寫出一個網頁。雖然這看起來和網頁製作設計差不多,從效果上來看,都是製作網頁的,但實際上,技術上所超出的已經是好幾個檔次的東西了。
3. web前端怎麼自學,有什麼好的網站,或者資料推薦嗎
隨著Web前端的風行於世,有許多小夥伴加入了前端開發行業,但是有很多小夥伴想學Web前端很久了
首先,Web工程師要入門必須要了解前端、後端、後台的基本概念,同時要了解基本的html、css和javascript語法,最後根據設計師的設計圖在不考慮兼容性的情況下把頁面做出來。
其次,你可以把html、css和javascript分成三個階段進行學習。
第一階段:HTML的學習
Html是超文本標記語言,英文全稱為HyperText Mark-up Language,這是一個網頁的骨架。靜態網頁還是動態網頁,最終返回到瀏覽器端的都是HTML代碼,瀏覽器將HTML代碼解釋渲染後呈現給用戶。
當然,學習html過程是比較枯燥乏味的,所以你需要更有效的學習策略。依w3cschool看來,你可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果,在「代碼」視圖中學本質,將各種視圖的優勢發揮到極致,想必會比單純記憶HTML標簽和屬性有趣、有用的多吧?
第二階段:CSS的學習
CSS是英文Cascading Style Sheets的縮寫,叫做層疊樣式表,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。
學習css建議可以看相關的一些書籍,如《CSS權威指南》(很詳細、很經典!)、《CSS揭秘》 《精通CSS:高級Web標准解決方案》,博客和專欄等也可以瀏覽。
第三階段:JavaScript的學習
JavaScript是一種在客戶端廣泛使用的腳步語言,在JavaScript當中為我們提供了一些內置函數、對象和DOM操作,進而實現客戶端的特效、驗證、交互等。
建議可以看《javascript語言精粹》,js是一門很混亂的語言,這本書能夠幫助你區分哪些是語言的精華,哪些是糟粕。如果是精華部分,我們在後續進階部分可以深入研究,而如果是糟粕部分,那麼只要大概看懂別人寫的渣代碼就可以,自己還是不要嘗試為妙。
通過這三個階段的學習,我們就可以往更高級的web前端工程師進階了!
這里給你推薦5個網站供你學習
博客園
一個面向開發者的知識分享社區,一個IT技術人員想為IT技術人員們提供一個純凈的技術交流空間,博客園很長時間只有一個不能再簡單的博客,近四年,博客園僅靠一個人幾年工作的積蓄在維持。
芯晴素材網-網頁特效代碼
是一個集各種網頁素材以及網頁源碼為一體的面向開發人員的一個網頁素材網站,如果你想要學習前端頁面開發,這里,將是一個很好的起點。
jquery中文網
前端所能涉及領域的干貨文章,包括:Jquery、腳本編程、資料庫、伺服器技術、操作系統、建站教程。
菜鳥教程
網站HTML、CSS、Javascript、PHP、C、Python等基礎編程教程,同一個知識點有多篇不同角度的文章可供參考學習,資源免費,會實時更新站內文章。
jquery插件庫
各種前端程序員能用到的插件,喜歡研究新東西的自學者可以在這個網站里挖掘各種小插件。
以上的回答希望對你有所幫助
4. Web前端工程師必須掌握哪些技能
現在,前端工程師終於前所未有的在web中佔有了一席之地。隨著多設備、瀏覽器和Web標準的演變革命,前端正在成為兼顧邏輯、性能、交互、體驗的綜合性崗位,前端編程也變得越來越有挑戰和意義。
優秀的前端工程師都掌握哪些技能?
1、DNS解析、使用CDN和關於multiple Hostnames as part of resources request.
2、HTTP Headers (Expires, Cache-Control, If-Modified-Since)
3、Steve Souders的所有規則(High Performance Websites)
4、如何解決PageSpeed, YSlow, Chrome Dev Tools Audit, Chrome Dev Tools Timeline顯示的所有問題;
5、何時把任務傳到伺服器和客戶端;
6、緩存,預取和負荷技術的使用;
7、Native JS,知道何時從頭開始做,何時查找別人的代碼,同時可以評估這樣做的優缺點;
8、modern MVC Javascript libraries (e.g. AngularJS, EmberJS, ReactJS), graphic libraries (e.g. D3, SnapSVG), DOM manipulation libraries (e.g. jQuery, Zepto), lazy loading or package management libraries (e.g. RequireJS, CommonJS), task managers (e.g. Grunt, Gulp), package managers (e.g. Bower, Componentjs) and testing (e.g. Protractor, Selenium)的相關知識和用法;
9、CSS標准、modern conventions、 strategies (e.g. BEM, SMACSS, OOCSS)的知識和用法;
10、JS的電腦知識(內存管理,單線程的性質,垃圾收集演算法,超時,范圍,提升,模式)
5. Web前端工程師必備的六個技能,你都會么
HTML5
HTML是超級文本標記語言,是為「網頁創建和其他可在網頁瀏覽器中看到的信息」設計的語言。HTML5是由萬維網發布的最新的語言規范,是開放的Web網路平台的奠基石,所以做Web前端,精通HTML5是必須要掌握的一項技能。
CSS3
CSS即層疊樣式表。 在網頁製作時採用層疊樣式表技術,可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。 只要對相應的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數不同的網頁的外觀和格式。CSS3是CSS技術的升級版本,CSS3語言開發是朝著模塊化發展的。以前的規范作為一個模塊實在是太龐大而且比較復雜,所以,把它分解為一些小的模塊,更多新的模塊也被加入進來。這些模塊包括: 盒子模型、列表模塊、超鏈接方式 、語言模塊 、背景和邊框 、文字特效 、多欄布局等。CSS3對於Web前端整個頁面的設計是必備的技能。
JavaScript
JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標准通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能,為用戶提供更流暢美觀的瀏覽效果。掌握了JavaScript,你就可以給你的網頁增加各種不同的動態效果,比如百葉窗特效,廣告切換特效,浮動廣告特效,上下無縫滾動特效等等。
JQuery
JQuery,顧名思義也就是JavaScript和查詢(Query),即是輔助JavaScript開發的庫。它是輕量級的JS庫 ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),JQuery2.0及後續版本將不再支持IE6/7/8瀏覽器。JQuery使用戶能更方便地處理HTML、EVENTS、實現動畫效果,並且方便地為網站提供AJAX交互。熟練掌握JQuery會讓你更好的使用JavaScript。
AJAX
AJAX即「Asynchronous JavaScript And XML」(非同步JavaScript和XML),是指一種創建互動式網頁應用的網頁開發技術,可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。AJAX開發人員必須理解傳統的MVC架構,這限制了應用層次之間的邊界。同時,開發人員還需要考慮C/S環境的外部和使用AJAX技術來重定型MVC邊界。最重要的是,AJAX開發人員必須禁止以頁面集合的方式來考慮Web應用而需要將其認為是單個頁面。一旦UI設計與服務架構之間的范圍被嚴格區分開來後,開發人員就需要更新和變化的技術集合了。實現網站交互必須熟練掌握AJAX。
BootStrap
Bootstrap,來自 Twitter,是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JavaScript 的,它簡潔靈活,使得 Web 開發更加快捷。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范,它即是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap源碼進行性能優化而來。Bootstrap中包含了豐富的Web組件,根據這些組件,可以快速的搭建一個漂亮、功能完備的網站。其中包括以下組件:下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等。時刻學習最近的前端框架也是Web前端工程師的必備技能哦!
6. Web前端開發工程師主要干什麼
Web前端開發工程師,主要職責是利用(X)HTML/CSS/JavaScript/DOM/Flash等各種Web技術進行產品的界面開發。製作標准優化的代碼,並增加交互動態功能,開發JavaScript以及Flash模塊,同時結合後台開發技術模擬整體效果,進行豐富互聯網的Web開發,致力於通過技術改善用戶體驗。
工程師的職責:
-為網站上提供的產品和服務實現一流的Web界面,優化代碼並保持良好兼容性
-Web前端表現層及與前後端交互的架構設計和開發
-JavaScript程序模塊開發,通用類庫、框架編寫
-利用各種Web技術模擬開發產品原型
-配合後台開發人員實現產品界面和功能
-Web新技術調研和資訊整理
-精通HTML/XHTML、CSS,熟悉頁面架構和布局,對Web標准和標簽語義化有深入理解
-精通Ajax、JavaScript(或者ActionScript)、DOM等前端技術,掌握面向對象編程思想
-熟悉一種以上後台開發語言(如PHP/Java或C/C++/.NET)以及一種資料庫(如MySQL/Oracle),有Linux系統操作
web前端開發工程師需要長期的web開發經驗,例如:
-對Web技術創新及豐富互聯網應用開發(Rich Internet Applications)有濃厚興趣
-對用戶體驗、交互操作流程、及用戶需求有深入理解
7. 小白到web前端工程師需要學習哪些知識
需要認知html的基本格式,基本格式的含義和使用方法,其次是css樣式,js,然後是jQuery。
8. 學習web前端工程師需要什麼條件
1、必須掌握基本的Web前端開發技術,其中包括:HTML5、CSS3、JavaScript、DOM、BOM、Ajax、SEO等,在掌握這些技術的同時,還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。
2、在一名合格的前端工程師的知識結構中,網站性能優化、SEO和伺服器端的基礎知識也是必須掌握的。
3、必須學會運用各種工具進行輔助開發。
4、除了要掌握技術層面的知識,還要掌握理論層面的知識,包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持,等等。
(8)web工程師筆記擴展閱讀
Web前端開發工程師,除了主要職責外,還要為網站上提供的產品和服務實現一流的Web界面,優化代碼並保持良好兼容性,Web前端表現層及與前後端交互的架構設計和開發,配合後台開發人員實現產品界面和功能。
利用各種Web技術模擬開發產品原型,Web新技術調研和資訊整理,精通HTML/XHTML、CSS,熟悉頁面架構和布局,對Web標准和標簽語義化有深入理解。
熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技術,掌握面向對象編程思想。
9. web前端工程師是做什麼的前景和薪資待遇如何
1、Web前端工程師,相信大家都不陌生,主要是完成客戶端程序(也就是瀏覽器端)的開發,開發JavaScript以及Flash模塊,同時結合後台開發技術模擬整體效果,進行豐富互聯網的Web開發,致力於通過技術改善用戶體驗。現如今也叫前端工程師。
2、web前端開發常用的軟體有:Sublime Text、Dreamweaver、Visual Studio Code、HBuilder、WebStorm
3、全國
Web前端工程師
全國前端工程師平均工資:¥ 13130/月,取自 154596 份樣本。
全國Web前端開發平均工資:¥ 9390/月,取自 71213 份樣本。
在全國的數據調查中,Web前端工程師與前端工程師的平均薪資相差4000左右。在前端工程師中,20k-30k之間佔比23.1%,10k-15k佔比16.5%,6k-8K佔比15.6%。在Web前端工程師中,20k-30k之間佔比16.5%,6k-8K佔比17.1%,4.5k-6k佔比20%。
4、web前端的技術在不斷的更新,後期肯定要不斷的學習進步地的。相對Java來說,web前端很適合女生來學。web前端語法簡單,非常適合零基礎小白入門。
10. web前端工程師入門需要學什麼
第一階段:前端頁面重構
內容包含了:PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目。
第二階段:JavaScript高級程序設計
內容包含:原生 JavaScript交互功能開發項目、面向對象進階與 ES5/ES6應用項目、JavaScript工具庫自主研發項目。
第三階段:PC端全棧項目開發
內容包含:jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目。
第四階段:移動端項目開發
內容包含:Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目。
第五階段:混合(Hybrid,ReactNative)開發
內容包含:微信小程序開發、React Native、各類混合應用開發。
第六階段:NodeJS全棧開發
內容包括:WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫。
第七階段:大數據可視化
內容包含:大數據可視化基礎與實戰、一、數據可視化入門、二、D3.js詳解、三、其他JS庫。