2020 CSS 大調查
從 CSS 使用技術、語法、架構甚至是薪資都完整分析

重點數據：
- Sass 是滿意度偏高及最多使用者的預處理器
- Bootstrap 滿意度中等，但是是最多人使用的 CSS 框架
- Tailwind 及 Bootstrap 5 的變化，可以看到 utility 概念崛起（Atomic CSS）
- 主流文字編輯器為 VSCode，付費編輯器主流為 WebStorm
- 半數以上的人認為 CSS 容易學
- CSS 是一種程式語言，開始越來越多人同意（但未達 50%）
- 7 成的開發者喜歡寫 CSS
- 這份調查八成來自於英語系國家

State Of CSS 中文版
https://2020.stateofcss.com/zh-Hant/

#stateofcss

【純 CSS 變數運用技巧！】
一定會有人問支援度，先說有超過 93%！

過去，在 CSS 還沒有變數的時候
我們都會利用 Sass 來進行開發
Sass 是 CSS 預處理器，預先定義的變數也都會再轉為純 CSS 做執行
對於前端開發者做 CSS 模組開發有很大的幫助
雖然現在 CSS 也有變數的功能
但請務必把這兩者視為不同的概念

- Sass 最終還是編譯成靜態的 CSS
這種變數在編譯後只會保留最終的結果
並無法隨著網頁執行而改變

- 純 CSS 變數則是可以依據網頁的運行而改變
在此它可以做為真正的作為一個「可變化的數值」
而修改的方式很多，甚至可以使用此變數作為 “再運算” 使用

本篇文章介紹一些 CSS Variables 的基本概念
接下來透過幾種不同的情境來介紹 CSS 變數的運用方式
https://w3c.hexschool.com/blog/21985acb

或許夥伴們正想進階到網頁設計開發，這篇新手入門是經驗談，整理的很棒！一定要分享。感謝作者無私奉獻～

作者說：此文章我預設的對象是毫無程式基礎的人。若你已經有了程式基礎，可以自行略過相關的單元。

Hello 大家好

這次要來分享的是網頁前端的學習路線以及資源
是我帶過一些學生並思考過後慢慢總結出來的路線
去 Google 找已經可以找到很多學習路線的相關資源
但我這篇會講得比較詳細一點

文章很長，因為每一點都有附上學習理由與學習目標

這邊先附上大綱，有興趣再點進去看：

1. Command Line 的使用
2. Git 的使用
3. npm、Node.js 與 JavaScript 程式基礎
4. 單元測試 Unit Testing 與 Jest
5. 網路基礎概念
6. HTML 與 CSS
7. JavaScript 與 DOM 以及事件機制
8. 非同步與 AJAX
9. 基礎後端 PHP 與 MySQL
10. 資訊安全概念
11. 學習後端框架 Express
12. 後端部署
13. jQuery 與 Bootstrap
14. CSS 預處理器
15. 非同步歷程：callback、promise 與 async/await
16. 深入理解 JavaScript 與瀏覽器相關機制
17. gulp 與 webpack
18. 物件導向
19. React/Vue/Angular 三選一

（如果你疑惑為什麼要學後端，文章裡有寫理由）

有些人可能會覺得上面列出來的東西很多
但我覺得學完以後只是個開始而已
從每一項基礎都可以延伸出更多的東西
希望這篇文章能對想要學習網頁前端的人有幫助