當前位置:首頁 » 網頁前端 » Google前端工程師
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

Google前端工程師

發布時間: 2022-05-11 01:06:11

Ⅰ 2020年前端最火的技術是什麼

實際上前端工程師核心的技能一直都是Html、CSS和JavaScript,我給你整理了這三部分需要掌握的主要技術。
一、Html
Html部分需要了解常用瀏覽器和瀏覽器內核;了解語義化的概念;掌握Html5語法及使用技巧;掌握Html5常用標簽。掌握Html5新布局標簽、多媒體標簽等。
二、CSS
CSS部分的主要知識有掌握CSS語法及使用技巧;掌握DIV+CSS布局方式;掌握常見網頁布局模式;掌握Photoshop切圖以及插件切圖;能夠熟練使用開發人員工具進行頁面調試;能夠根據PSD文件獨立完成靜態頁面的開發工作;掌握CSS32D、3D變換、動畫效果;能夠使用CSS3新屬性美化修飾網頁;了解移動端屏幕、移動端瀏覽器、操作系統的不同;掌握常用移動端調試方法;掌握常用移動端適配方法;掌握CSS預處理器less的使用;掌握常用移動端框架使用方法;掌握常見移動端頁面開發;掌握響應式布局開發;掌握Bootstrap開發響應式頁面;掌握適配不同終端的網頁開發技術選型等。
三、JavaScript
JavaScript是賦予頁面交互效果時需要用到的技術,這個部分需要能夠掌握JavaScript基本語法;掌握常見JavaScript演算法;掌握DOM的各種操作;熟練使用面向對象思想進行DOM編程;掌握JavaScript的高級語法;掌握JavaScript常見兼容性方案;熟練使用jQuery操作DOM;熟練使用和編寫jQuery案例等。

Ⅱ 前端工程師到底做些什麼工作,哪位大神告訴我

Web前端開發技術是一個先易後難的過程,主要包括三個要素:HTML(標准通用標記語言下的一個應用)、級聯樣式表和JavaScript,這就要求前端開發工程師不僅要掌握基本的Web前端開發技術,網站性能優化、SEO和伺服器端的基礎知識,而且要學會運用各種工具進行輔助開發以及理論層面的知識,包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。
【前端開發工程師的主要工作】前端開發工程師的主要工作是組織和實行網站重構:
1、優化:根據W3C標准進行重構後,可以讓前端的代碼組織更有序,顯著改善網站的性能,提高網站訪問速度,還能提高可維護性,對搜索引擎也更友好;
2、加速:重構後的網站能帶來更好的用戶體驗,用XHTML+CSS重新布局後的頁面,文件更小,下載速度更快。
3、目的:網站重構的目的不是為了讓網頁更符合Web標准,重構的本質是構建一個前端靈活的MVC框架,即HTML作為信息模型(Model),CSS控制樣式(View),JavaScript負責調度數據和實現某種展現邏輯(Controller)。同時,代碼需要具有很好的復用性和可維護性。這是高效率、高質量開發以及協作開發的基礎。
隨著人們對用戶體驗的要求越來越高,前端開發的技術難度越來越大,Web前端開發工程師這一職業終於從設計和製作不分的局面中獨立出來。

Ⅲ 前端工程師都有用哪些比較靠譜的小工具

1、TakeColor 取色器
對於前端開發來說,和顏色、圖片打交道是難免的,有的時候想要在ps外面獲取顏色.
2、CoolFormat 源代碼格式化工具
CoolFormat,不僅僅適用於前端,因為它支持很多語言源代碼的格式化,可以在上面的開始菜單中選擇你要格式化的語言種類,這里我選擇的是js,然後將一串很亂的js代碼粘貼到下面的文本框裡面,點擊快速格式化.
3、做筆記的小幫手——有道雲筆記
其實這有道雲筆記不算是小工具了,在這之前,我一直都是用txt記事本記東西的

Ⅳ web前端開發主要是做什麼的

前端開發是創建WEB頁面或APP等前端界面呈現給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。

前端開發跟隨移動互聯網發展帶來了大量高性能的移動終端設備應用。HTML5,Node.js的廣泛應用,各類UI框架,JS類庫層出不窮,開發難度也在逐步提升。

前端框架

學好Web框架,熟悉掌握HTML、伺服器端腳本語言、CSS和JavaScript之後,學習Web框架可以加快Web開發速度,節約時間。PHP程序員可選的框架包括CakePHP、CodeIgniter、Zend等,Python程序員喜歡使用Django和webpy,Ruby程序員常用RoR。

Ⅳ 前端工程師都有用哪些比較靠譜的小工具

1. node.js + npm, 這個是前端工具的一個平台,沒有他們就沒有以下的工具,建立開發環境,下載開發工具,運行開發工具的利器

2. bower, 庫依賴管理器,類似於npm,但針對瀏覽器JavaScript的依賴管理,減少尋找庫,下載庫和升級庫的煩惱

3.grunt,流程自動化管理工具,將你非編程的開發步驟減到最小,grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄,發布和開發各種無壓力。以下大部分開發工具,都有grunt的相對應的插件,也就是說他們都能利用grunt進行自動化運行

5. 本人用less比較多,因為基本無縫兼容歷史遺留系統中的css,(而Sass語法比較特殊,還沒有專門用過,應該開發新系統的css比較好),一套css預編譯語言,可以把less語法轉成css語法,lessc是less語言編譯器,配合grunt less,編寫大型css文檔毫無壓力。

6.Phantomjs,沒有界面的瀏覽器,用js腳本控制其操作網頁。測試,抓圖,網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後,控制Phantomjs就更加容易了

7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能,在利用live-reload即時刷新功能,可以讓你開發css的時候,快速對n多個頁面進行觀察,看其前後變化。不過缺點也比較明顯,就是速度慢。但比起手動對比來看,還是非常快的。值得css開發時擁有。

8. phantomCSS,這個和grunt photobox類似,都用於css開發的,差別是photobox是全局觀察差別,而這個是單元組件觀察差別,它方便你就抓頁面中某一塊元素然後進行前後比較,更加註重細節上的差異,這個比較合適組件開發時候使用。

9. jshint,幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前,用jshint檢查一下是沒錯的 。

10.UglifyJS,壓縮JavaScript代碼,使你的JS代碼可以更加快速的載入。有grunt的插件

11. browserify允許你在瀏覽器裡面使用CMD標准模塊,但本人認為它的另外一個優勢是合並代碼,開發時候可以把代碼模塊化,分成很多很多小文件,然後有調理的放到相對應文件夾下,然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼,大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件,這樣又減少的開發步驟。

12. Karma, google開發的一個單元測試運行器,這個自己本身不是一個單元測試框架,而是配合測試單元框架的一個工具。由於前端瀏覽器眾多,就算你有live-reload這樣自動化工具,但是還是要手動打開各種瀏覽器,手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器,然後把單元測試在各個瀏覽器中自動運行一遍,讓這個步驟也能自動化了。

13.clean-css (grunt cssmin), 我用的是grunt cssmin,但是grunt cssmin實際上背後使用的是clean-css工具,這個工具就是用來壓縮精簡css的,讓css文件大小更小。

Ⅵ Google內部的開發流程是怎麼樣的

首先,某 G 大部分產品線都不區分前端工程師和後端工程師,一個人需要用從前到後都負責開發,盡管這幾年似乎有變化,能看到專門的Front End 職位了,但應該是很少數產品線的做法。
N 年前有人去 G 面試過,和他閑聊後了解到某 G 要求應聘者必須至少要會 C++ 和 Java 中的一種,只會 Python/PHP 是不夠的,要是只懂 JS 就更不行了。這個信息很關鍵,能用來解釋一些內部現象,後面我會提到。
我個人認為前端工程師確實應該了解基本的後端知識,某 B 公司以前很多前端工程師都只負責模板(比如 Smarty)開發,這導致一個很嚴重的問題,那就是前端工程師往往不知道如何搭建環境,開發時需要依賴後端工程師提供環境和數據,嚴重影響了開發效率,這也是為什麼 FIS 還內嵌了本地服務功能。
另外國內有公司還對前端工程師做進一步細分,按照職能分為寫 HTML/CSS 和 JS 的,對於我所屬的團隊,我個人並不贊同這種做法,因為 HTML 和 JS 是密切相關的,這樣分工將不利於代碼管理與優化,尤其是交互復雜的頁面,因為 JS 很依賴 HTML,拆分反而增加溝通成本,但或許在重運營的網站這么做會更好。
代碼管理方法
以下是一些零碎了解到的幾點:
內部所有人都能看到代碼
據說在 09 年時某國家的 office 有例外(來自『In The Plex』第 6 章,內容比較不和諧,這里就不展開了)
提交代碼需要相關人員的 review
這使得某 G 內部工程師可以很方便地切換項目,很少一個人只負責一個項目
代碼只有最新版(trunk),沒有 release 版本,沒有版本號
一般大家喜歡新增介面
如果要修改原有的介面,就必須通知所有使用方,不過因為所有人都能看到所有代碼,所以很容易找到有誰使用
據了解某 F 也是這樣的
有個代碼的搜索引擎
我認為這種方式比讓工程師寫文檔靠譜多了,因為絕大部分調用這個庫的代碼都是相似的,所以直接給出例子能讓別人更容易上手
估計和下線的 Code Search 比較像(好像還是某高管寫的,不過我忘記在哪看到的了)
如果想使用某個基礎庫,最好的方法是搜索使用到這個庫的相關代碼,抄過來
代碼依賴是通過全局的方式統一管理的
我猜應該很類似 Chromium 中的 GYP,熟悉 node 的同學可以理解為 npm,不過是支持多語言的
之前在某 G 工作過的 iOS 工程師也在某篇後來刪除的文章中透露代碼中不放 Xcode 項目文件,而是由工具生成出來(話說這篇文章挺有價值的,可惜老外不喜歡轉帖,導致現在找不到了)
這種依賴管理方式讓人想起某 A 公司(賣書那個,不是賣水果的)內部完善的 SOA 機制,不過某 A 喜歡基於 service 來重用,而某 G 看起來喜歡代碼級別的重用
很少使用第三方庫
只能選用內部維護的版本,比如類似這個 MySQL
會將第三方庫的編譯工具改成內部的,比如 Chromium 中都改成 GYP 方便管理
據說想申請用某個新第三方庫需要審核,周期比較長
代碼管理軟體用的 Perforce
某 G 直接將這個公司買下了(未確認,但下面那篇論文是在某 G 網站上的,所以我感覺消息可靠),Perforce 的員工為某 G 內部定製了一套代碼管理工具
另外我找到一篇 Perforce 的性能優化的論文,這裡面透露了很多 G 公司內部的代碼情況(發表時間是 2011 年 5 月),以下信息取自這篇論文:
這個程序用了 17 年,有 2 千萬次 changelist(可以理解就是 ci 數量)
最大的 client 有 6 百萬個文件(應該絕大部分是數據吧,要知道 chromium 項目也就不到 30 萬個文件)
文檔及相關數據文件也放上面
Reivew 工具叫 Mondrian(確認就是 Rietveld 的前身)
整體來說某 G 的代碼管理方式有很多可取之處,尤其是代碼開放,能最大程度地調動開發人員的主動性與協作意識,從而創造出更大的價值。不過沒有版本管理這點是個雙刃劍,我也沒想好是否這樣會更好。
feature flag
因為沒有分支,代碼只有一份,所以要實驗新功能就得通過 flag 來控制的,這個 flag 由線上 Borg 系統來管理,能做到針對某一部分的 Cookie 開啟不同的 feature,方便進行對比抽樣。
如果某個功能最終不上線,後續需要手工刪除相關代碼。
這個 flag 開關功能在某 F 也有,我認為這是大型網站是必備功能,但需要注意,這個系統本身會成為關鍵節點,之前某 F 的類似系統掛過,直接導致整個網站大部分功能都關閉了,所以一旦出問題後果很嚴重。
嚴格的代碼檢查
據說某 G 工程師大部分時間在寫單元測試,單元測試可以保證 UI 無關代碼的質量,但對於頁面測試就很難了,雖然可以使用 selenium,但某 G 內部大家都不願意寫,我個人認為這個問題確實無解,頁面隨便一改就導致大量測試失效,我還沒見任何一家公司解決(某 F 說他們用的是 Watir,但主要用於保證登錄等基本功能可用),目前看來唯一可行的就是自動頁面截圖 diff,某 G 在 Consumer Surveys 這個產品中也在嘗試。
據說某 G 的項目大多沒有嚴格的上線時間點,所以不能以項目緊急為借口來不寫單元測試,這點和天朝不太一樣,大家更傾向犧牲質量來追求速度。
另外國外公司一般對瀏覽器兼容性問題都不怎麼關注,因為現代瀏覽器中的兼容性問題比以前好得多,這點某 G 和某 F 公司一樣,只支持高版本的 IE。
因為只有主幹,所以提交代碼很謹慎,需要經過 3 個主要階段:
代碼風格檢查
應該主要參考這個文檔
非常嚴格,據說還會檢查命名什麼的
有段子說 Python 作者 Guido van Rossum 寫的 Python 代碼無法通過檢查,所以一直沒提交。。。我認為這是假的,因為他老人家寫的 rietveld 還是挺符合某 G 規范的
單元測試檢查
代碼 owner 的 Review
提交一旦出錯可能會導致影響其它人的工作(因為每個人都依賴主幹啊),甚至遭到其它國家 office 工程師的指責,所以大家對於代碼提交都非常謹慎,再三確認,壓力不小。
在單元測試、代碼風格和 review 的執行上,某 G 做得很徹底,這點值得學習,國內大家似乎更喜歡開發效率而不是質量。
前端如何開發
除了 Gmail、Maps、Plus 這樣的特例,基本上都是由後端模板生成頁面,很少項目使用 JS 來寫界面,更少使用 MVC 框架,這點其實在很多公司都差不多,比如某 B 也是一樣的,除了地圖及廣告管家等產品,其它產品基本上都是通過模板生成的。
某 G 的頁面是通常是由 Java 或 C++ 語言所寫的模版引擎生成的,而且開源出來了,分別是 Closure,Templates 和 CTemplate,話說某 B 在幾年前也自己寫了個 C++ 的模板引擎,但目前基本被淘汰了。
對某 G 來說,「前端」工程師要寫 Java 和 JavaScript,而「後端」服務主要是 C++(某些地方開始使用 Go 了,比如這個)。
前面說到招人時都要會 Java,這帶來的結果是大多數團隊成員更了解 Java 而不是 JavaScript,於是在這種背景下很自然地誕生了 GWT 這個神奇的東西,它在內部很多地方使用,按照內部人士的說法,主要的考慮是:
能自動生成跨瀏覽器瀏覽器代碼
結構規范,通過編譯器就能提前發現很多問題
能使用強大的 IDE 來提高效率

Ⅶ 前端開發未來的發展前景怎麼樣

web前端開發前景還是比較好的。具體您可以通過以下幾個方面去看看。

工作年限與工資也是呈現正比現象(這個正比現象是您在工作之後依舊堅持不斷的學習web前端最新技術而呈現的)。加上大型企業對於用戶界面體驗的要求的高度重視,前端人才的需求也在增加。

所以Web前端的工作無法被替代,發展趨勢是可見的,客戶需求是存在,前景是巨大的。但還是要提醒您應該時刻記住只有不斷的自我學習更新,才不會被行業所淘汰。

第三、web前端與其他編程相對比

web前端如果跟java、大數據相比的話,我個人不建議您比,因為的確沒什麼可比性。它們各自的工作方向不同,主要還是根據您自身的情況,一方面看一下自己喜歡哪個,另一方面看自己適合哪個。最終再做決定。

但有一點可以肯定的是無論學web前端、java還是大數據前景都不錯,最最重要的是您自己需做以下步驟:

1、自己是否真的喜歡
2、自己是否適合
3、自己是否能即便參加工作之後保持長期學習的狀態

如果都沒有問題,選擇自己喜歡的即可。

最後、無論是學哪個,「自學」也好,報班學習也罷,跟您自己的努力是分不開的,因此養成堅持長期不斷學習的習慣是很有必要的。

Ⅷ 谷歌前端機器人未來是否有可能取代前端工程師的崗位

不會的。機器人永遠不可能替代研究機器人的人。前端開發雖然不會是很厲害,但是機器人不會替代的

Ⅸ 如何成為前端工程師

一、技術的必須的

作為一名最基礎的前端工程師你必須掌握HTML、CSS和JavaScript。三者必須同時精通,類似我字樣對前端知識一知半解的,一遇到問題就停下工作就四處搜索解決方案的,首先就算不上一個合格的前端人員。像我這樣的如果當了前端工程師那工期肯定是不能保證的。合格的前端工程師第一要學會的就是在沒有任何外來幫助的情況下(包括搜索引擎),能夠完成大多數任務。

以下知識點是作為一個前端工程師必須了解和熟悉的:

  • DOM結構——兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。

  • DOM操作——怎樣添加、移除、移動、復制、創建和查找節點。

  • 事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。

  • XMLHttpRequest——這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。

  • 嚴格模式與混雜模式——如何觸發這兩種模式,區分它們有何意義。

  • 盒模型——外邊距、內邊距和邊框之間的關系,IE < 8中的盒模型有什麼不同。

  • 塊級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。

  • 浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。

  • HTML與XHTML——二者有什麼區別,你覺得應該使用哪一個並說出理由。

  • JSON——它是什麼、為什麼應該使用它、到底該怎麼使用它,說出實現細節來。

  • 上述這些知識點都應該是你「想都不用想」就知道的東西。除了上述的前端知識,也還需學會至少一門後端編程語言,讓你自己學會如何與後端進行更好的交互。

    很多前端工程師對一些庫非常的熟悉,jQuery,Bootstrap等,但是對於庫的熟悉並不能提現你的優秀,整整優秀的是那些理解庫背後的機制,特別是能夠徒手寫出一個自己的庫的人。

    真正合格的前端工程師是能實現具體的功能要求,而優秀的前端工程師需要解決的問題是尋找一個最優的解決方案。

    二、溝通很重要

    優秀的前端工程師需要具備良好的溝通能力,因為你的工作與很多人的工作息息相關。在任何情況下,前端工程師至少都要滿足下列四類客戶的需求。

  • 產品經理——這些是負責策劃應用程序的一群人。他們能夠想像出怎樣通過應用程序來滿足用戶需求,以及怎樣通過他們設計的模式賺到錢(但願如此)。一般來說,這些人追求的是豐富的功能。

  • UI設計師——這些人負責應用程序的視覺設計和交互模擬。他們關心的是用戶對什麼敏感、交互的一貫性以及整體的好用性。他們熱衷於流暢靚麗但並不容易實現的用戶界面。

  • 項目經理——這些人負責實際地運行和維護應用程序。項目管理的主要關注點,無外乎正常運行時間——應用程序始終正常可用的時間、性能和截止日期。項目經理追求的目標往往是盡量保持事情的簡單化,以及不在升級更新時引入新問題。

  • 最終用戶——當然是應用程序的主要消費者。盡管我們不會經常與最終用戶打交道,但他們的反饋意見至關重要;沒人想用的應用程序毫無價值。最終用戶要求最多的就是對個人有用的功能,以及競爭性產品所具備的功能。

  • 不要在沒有作出評估之前就隨便接受某項任務。你必須始終記住,一定先搞清楚別人到底想讓你干什麼,不能簡單地接受「這個功能有問題」之類的大概其的說法。而且,你還要確切地知道這個功能或設計的真正意圖何在。「加一個按鈕」之類的任務並不總意味著你最後會加一個按鈕。還可能意味著你會找產品經理,問一問這個按鈕有什麼用處,然後再找UI設計師一塊探討按鈕是不是最佳的交互手段。要成為優秀的前端工程師,這種溝通至關重要。

    那麼,前端工程師應該最關注哪些人的意見呢?答案是所有這四類人。優秀的前端工程師必須知道如何平衡這四類人的需求和預期,然後在此基礎上拿出最佳解決方案。由於前端工程師處於與這四類人溝通的交匯點上,因此其溝通能力的重要性不言而喻。如果一個非常酷的新功能因為會影響前端性能,必須刪繁就簡,你怎麼跟產品經理解釋?再比如,假設某個設計如果不改回原方案可能會給應用程序造成負面影響,你怎麼才能說服UI設計師?作為前端工程師,你必須了解每一類人的想法從何而來,必須能拿出所有各方都能接受的解決方案。從某種意義上說,優秀的前端工程師就像是一位大使,需要時刻抱著外交官的心態來應對每一天的工作。

    專業技術可能會引領你進入成為前端工程師的大門,但只有運用該技術創造的應用程序以及你跟他人並肩協同的能力,才會真正讓你變得優秀。

    三、提升無止境

    優秀的前端工程師應該具備快速學習能力。推動Web發展的技術並不是靜止不動的,這些技術幾乎每天都在變化,如果沒有快速學習能力,你就跟不上Web發展的步伐。你必須不斷提升自己,不斷學習新技術、新模式;僅僅依靠今天的知識無法適應未來。Web的明天與今天必將有天壤之別,而你的工作就是要搞清楚如何通過自己的Web應用程序來體現這種翻天覆地的變化。

    四、前端開發知識架構

  • 前端工程師

  • SVG/Canvas/VML

  • D3/Raphaël/DataV

  • 知識管理/總結分享

  • 溝通技巧/團隊協作

  • 需求管理/PM

  • 交互設計/可用性/可訪問性知識

  • 編譯原理

  • 計算機網路

  • 操作系統

  • 演算法原理

  • 軟體工程/軟體測試原理

  • D2/WebRebuild

  • NodeParty/W3CTech/HTML5夢工廠

  • JSConf/滬JS(JSConf.cn)

  • QCon/Velocity/SDCC

  • JSConf/NodeConf

  • YDN/YUIConf

  • MongoDB/CouchDB

  • HTML5/CSS3

  • 響應式設計

  • Zeptojs/iScroll

  • V5/Sencha Touch

  • PhoneGap

  • jQuery Mobile

  • CSRF/XSS

  • ADsafe/Caja/Sandbox

  • 類庫模塊化

  • 業務邏輯模塊化

  • 文件載入

  • CommonJS/AMD

  • YUI3模塊

  • LABjs

  • SeaJS/Require.js

  • 壓縮合並

  • 文檔輸出

  • 項目構建工具

  • YUI Compressor

  • Google Clousure Complier

  • CleanCSS/UglifyJS

  • JSDoc

  • Dox/Doxmate

  • make/Ant

  • GYP

  • Grunt

  • Yeoman

  • 數據結構

  • OOP/AOP

  • 原型鏈/作用域鏈

  • 閉包

  • 函數式編程

  • 設計模式

  • Javascript Tips

  • JSPerf

  • YSlow 35 rules

  • PageSpeed

  • HTTPWatch

  • DynaTrace』s Ajax

  • 高性能JavaScript

  • HTTP1.1

  • ECMAScript3/5

  • W3C/DOM/BOM/XHTML/XML/JSON/JSONP

  • CommonJS/AMD

  • HTML5/CSS3

  • jQuery/Underscore/Mootools/Prototype.js

  • YUI3/Dojo/ExtJS

  • Backbone/KnockoutJS/Emberjs

  • Coding style

  • 單元測試

  • 自動化測試

  • JSLint/JSHint

  • CSSLint

  • Markup Validation Service

  • QUnit/Jasmine

  • Mocha/Should/Chai

  • WebDriver

  • IDE

  • 調試工具

  • 版本管理

  • VIM/Sublime Text2

  • Notepad++/EditPlus

  • WebStorm

  • Firebug/Firecookie

  • YSlow

  • IEDeveloperToolbar/IETester

  • Fiddler

  • Git/SVN

  • Github/Bitbucket/Google Code

  • HTML/HTML5

  • CSS/CSS3

  • PhotoShop/Paint.net

  • JavaScript/Node.js

  • JavaScript語言精粹

  • IE6/7/8/9

  • Firefox

  • Chrome/Safari/Opera

  • 瀏覽器

  • 編程語言

  • 切頁面

  • 開發工具

  • 代碼質量

  • 前端庫/框架

  • 前端標准/規范

  • 性能

  • 編程知識儲備

  • 部署流程

  • 代碼組織

  • 安全

  • 移動Web

  • JavaScript生態

  • 前沿技術社區/會議

  • 計算機知識儲備

  • 軟技能

  • 可視化

  • 後端工程師

  • Unix/Linux/OS X/Windows

  • SQL

  • MySQL/MongoDB/Oracle

  • C/C++/Java/PHP/Ruby/Python/…

  • 編程語言

  • 資料庫

  • 操作系統

  • 數據結構

  • 參考鏈接:

    http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer-1356.html

    JacksonTian/fks · GitHub

Ⅹ Web前端都可以從事哪些崗位

web開發工程師,主要使用所學的技術來開發應用層程序、比如可以應用所學的前端知識來開發安卓、 ios和pc 上的應用程序app,或者 各種網頁上的游戲