[zh-Hant] general.title

[zh-Hant] general.back_to_intro
正體中文
Català
完成百分比： 78%
完成百分比： 78%
Česky
完成百分比： 44%
完成百分比： 44%
Deutsch
完成百分比： 58%
完成百分比： 58%
EnglishEspañol
完成百分比： 82%
完成百分比： 82%
فارسی
完成百分比： 18%
完成百分比： 18%
Français
完成百分比： 67%
完成百分比： 67%
Galego
完成百分比： 82%
完成百分比： 82%
Hindi
完成百分比： 16%
完成百分比： 16%
Italiano
完成百分比： 42%
完成百分比： 42%
Português
完成百分比： 38%
完成百分比： 38%
Русский
完成百分比： 86%
完成百分比： 86%
Українська
完成百分比： 81%
完成百分比： 81%
Svenska
完成百分比： 35%
完成百分比： 35%
Türkçe
完成百分比： 64%
完成百分比： 64%
Indonesia
完成百分比： 37%
完成百分比： 37%
简体中文
完成百分比： 75%
完成百分比： 75%
正體中文
完成百分比： 72%
完成百分比： 72%
日本語
完成百分比： 71%
完成百分比： 71%
Polski
完成百分比： 72%
完成百分比： 72%
한국어
完成百分比： 77%
完成百分比： 77%
Romanian
完成百分比： 79%
完成百分比： 79%
幫助我們翻譯調查問卷 »
簡介T-shirt參與者統計Features版面安排形狀 & 圖形互動文字排版動畫 & 變形Media Queries其他功能單位 & 選擇器技術預 & 後處理器CSS 框架CSS 方法論CSS-in-JS其他工具環境資源意見獎項結論
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享
T-shirt
正體中文
Català
完成百分比： 78%
完成百分比： 78%
Česky
完成百分比： 44%
完成百分比： 44%
Deutsch
完成百分比： 58%
完成百分比： 58%
EnglishEspañol
完成百分比： 82%
完成百分比： 82%
فارسی
完成百分比： 18%
完成百分比： 18%
Français
完成百分比： 67%
完成百分比： 67%
Galego
完成百分比： 82%
完成百分比： 82%
Hindi
完成百分比： 16%
完成百分比： 16%
Italiano
完成百分比： 42%
完成百分比： 42%
Português
完成百分比： 38%
完成百分比： 38%
Русский
完成百分比： 86%
完成百分比： 86%
Українська
完成百分比： 81%
完成百分比： 81%
Svenska
完成百分比： 35%
完成百分比： 35%
Türkçe
完成百分比： 64%
完成百分比： 64%
Indonesia
完成百分比： 37%
完成百分比： 37%
简体中文
完成百分比： 75%
完成百分比： 75%
正體中文
完成百分比： 72%
完成百分比： 72%
日本語
完成百分比： 71%
完成百分比： 71%
Polski
完成百分比： 72%
完成百分比： 72%
한국어
完成百分比： 77%
完成百分比： 77%
Romanian
完成百分比： 79%
完成百分比： 79%
幫助我們翻譯調查問卷 »
Features

參與者統計

今年有來自 102 個國家的 11,492 人參與調查。感謝超棒的志工團隊，首次將調查翻譯成各種語言。

國家或區域
完成百分比： 71.3% (8195)
完成百分比： 71.3% (8195)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

語言
完成百分比： 100% (11492)
完成百分比： 100% (11492)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

答題者選用什麼語言來填寫？

0%20%40%60%80%0%20%40%60%80%使用者百分比HindiHindiIndonesianIndonesianTurkishTurkishSwedishSwedishItalianItalianPortuguesePortugueseCzechCzechGermanGermanChinese (Traditional)Chinese (Trad…FrenchFrenchRussianRussianSpanishSpanishEnglishEnglish4.9%5.4%80.7%

年薪
完成百分比： 77.9% (8948)
完成百分比： 77.9% (8948)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

美金為單位。

0%7%13%20%27%33%使用者百分比$0$0k-$10k$10k-$30k$30k-$50k$50k-$100k$100k-$200k>$200k薪資範圍（美金）0%7%13%20%27%33%5.3%5.3%8.1%8.1%17.4%17.4%20.5%20.5%30.6%30.6%16.2%16.2%1.9%1.9%

年資
完成百分比： 79.9% (9180)
完成百分比： 79.9% (9180)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

在此領域，已經工作或研究多久？

0%5%10%15%20%25%使用者百分比<11-22-55-1010-20>20年資0%5%10%15%20%25%2.8%2.8%7%7%25%25%30%30%28.6%28.6%6.7%6.7%

公司規模
完成百分比： 79.5% (9131)
完成百分比： 79.5% (9131)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

任職的公司有多大？

0%5%10%15%20%25%使用者百分比11-55-1010-2020-5050-100100-1000>1000員工數0%5%10%15%20%25%11%11%8.7%8.7%7.1%7.1%10.2%10.2%13.9%13.9%11.3%11.3%21.5%21.5%16.2%16.2%

來源
完成百分比： 72.3% (8311)
完成百分比： 72.3% (8311)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

答題者如何找到調查的？

0%10%20%30%40%0%10%20%30%40%使用者百分比Wes BosWes BosCSS WeeklyCSS WeeklyWebdesigner DepotWebdesigner D…HeyDesignerHeyDesignerYouTubeYouTubeFrontend FocusFrontend Focu…Front-End FrontFront-End Fro…LinkedInLinkedInTelegramTelegramWeb StandardsWeb StandardsSlackSlackCodropsCodropsHabrHabrSidebarSidebarRedditRedditWorkWorkCSS-TricksCSS-TricksGoogleGoogleFacebookFacebookDev.toDev.toTwitterTwitterState of CSSState of CSSState of JSState of JS2.8%3%3.5%4.7%19.8%20.3%33.2%

這張圖表整合各種參照頁面、網址參數和自由填寫回答。

  • State of JS: JS 現況調查的訂閱名單。
  • State of CSS: CSS 現況調查訂閱名單，還有包含 email、by email…等。
  • Work: 包含 work、colleagues、coworkers…等。

性別
完成百分比： 80% (9191)
完成百分比： 80% (9191)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ
85.4% 85.4% 11.2% 11.2%
男性
女性
非二元性別/第三性
不想說

如果還有興趣深入瞭解，我們寫了篇文章，談這次調查的性別差距。

種族與族群
完成百分比： 77% (8849)
完成百分比： 77% (8849)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ
0%20%40%60%80%0%20%40%60%80%使用者百分比美洲原住民、太平洋島民，或澳洲原住民美洲原住民、太平洋島民，或…多民族混血多民族混血雙民族混血雙民族混血黑人，或非洲裔黑人，或非洲裔中東中東南亞南亞東亞東亞西班牙裔或拉丁裔男/女西班牙裔或拉丁裔男/女白人，或歐洲裔白人，或歐洲裔7%10.3%76.6%

職稱
完成百分比： 79.3% (9112)
完成百分比： 79.3% (9112)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

在聚會中如何介紹自己？

0%10%20%30%40%50%0%10%20%30%40%50%使用者百分比後端開發者/工程師後端開發者/工程師使用者介面設計師使用者介面設計師使用者體驗設計師使用者體驗設計師技術長技術長網頁設計師網頁設計師網頁開發者網頁開發者全端開發者/工程師全端開發者/工程師前端開發者/工程師前端開發者/工程師3.1%3.4%17.2%27.5%43.6%

CSS 熟悉程度
完成百分比： 80.4% (9238)
完成百分比： 80.4% (9238)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

對於 CSS 的熟悉程度？

0%12%23%35%47%58%使用者百分比無初學中等進階專家CSS 熟悉程度0%12%23%35%47%58%0.4%0.4%4.1%4.1%21.9%21.9%12.4%12.4%61.3%61.3%
無 可以說完全沒有 CSS 的觀念
初學 使用 CSS 框架，修改現有的樣式
中等 知道權重規則，有能力製作版面佈局
進階 精通動畫、互動與轉場⋯等
專家 有能力根據一致的方法，為整個前端從無到有增加樣式

JavaScript 熟悉程度
完成百分比： 80.4% (9236)
完成百分比： 80.4% (9236)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

對於 JavaScript 的熟悉程度？

0%8%17%25%33%42%使用者百分比無初學中等進階專家JavaScript 熟悉程度0%8%17%25%33%42%1.1%1.1%11.8%11.8%23.2%23.2%18.2%18.2%45.6%45.6%
無 不會撰寫任何 JavaScript
初學 會寫簡短的 Javascript 或 jQuery 陳述式
中等 可以在已經架設好的現代前端框架做事（React、Vue 等。）
進階 有能力從無到有建構整組前端程式庫
專家 處理進階的前端模式（狀態管理、資料讀取⋯等。）

後端熟悉程度
完成百分比： 80.2% (9216)
完成百分比： 80.2% (9216)

輸出
分享
分享至 Twitter分享至 Facebook分享至 LinkedIn以 Email 分享取得圖片
百分比%
數量Σ

對於後端開發的熟悉程度？

0%7%13%20%27%33%使用者百分比無初學中等進階專家後端熟悉程度0%7%13%20%27%33%9.4%9.4%22.3%22.3%22.6%22.6%31.1%31.1%14.7%14.7%
無 無法處理任何後端工作
初學 有能力安裝打包好的 CMS（WordPress⋯等）或靜態網頁產生工具（Jekyll⋯等。）
中等 有能力以現有的框架開發應用程式（Rails、Laravel⋯等。）
進階 有能力從無到有安裝整組後端 (Go、Node⋯等。)
專家 有能力處理複雜的多伺服器或微服務架構

推薦資源

Frontend Masters

Frontend Masters

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses
感謝贊助我們的伙伴！ 深入瞭解。
« 前一項： T-shirt後一項： Features »
Charts built with Nivo. 存放在 Netlify。
有問題？發現臭蟲？請填寫 Issue。 Join us on Discord.
Press option/alt to enable translator mode.