Web視角下的前端開發
- ?序言
- ?一、關于前端開發
- 1. 起源、架構、變遷
- （1）起源
- （2）架構
- （3）變遷
- 2. 前端應用的領域
- （1）所面向群體
- （2）所面向領域
- 3. 語言、框架、工具
- 4. 瀏覽器、網路、服務器
- 5. 前端學習路線圖
- ??二、關于Web標準
- 1. 了解Web標準組織
- （1）四個概念
- （2）概念細述
- 1）W3C
- 2）Ecma TC39
- 3）WHATWG
- 4）IETF
- 2. W3C與Ecma會員
- 3. W3C規范制定流程
- 4. Ecma TC39規范制定流程
- 🕰?三、結束語
- ??往期推薦
?序言
前段時間參加了青訓營，很榮幸聽到了紅寶書作者——李松峰老師的課，同時呢，在一次班會上，還見到了李老師真人👋
除此之外呢，還拿到了李老師犀牛書的親筆簽名😉
廢話說太多啦！下面就讓我們跟著李老師的步伐，一起來探索 Web 世界的前端開發~
?一、關于前端開發
1. 起源、架構、變遷
（1）起源
Web 起源于 1984 年，當時 Tim Berners-Lee 發布了一篇論文，隨著這篇論文的發表，隨之也代表了 Web 的誕生，
我們來看一下作者寫的一句話：
“Suppose all the information stored on computers everywhere were linked.
試想一下，在任何地方存盤的計算機，都可以相互的鏈接，
Suppose I could program my computer to create a space in which everything could be linked to everything.”
再試想一下，我可以在我的電腦中寫程式來創建一個空間，在這個空間里，一切東西都被相互連接著，
- Tim Berners-Lee, inventor of the World Wide Web
下面附上論文的網頁版和 PDF 版本：
👉論文網頁版
👉論文 PDF 版
很多人分不清 “上網” 是上的哪個網？即使在互聯網的誕生地也是如此，Web的普及和深入人可見一斑，
上網，其實指的是接入Internet，它是地球上相互連接的計算機構成的網路，計算機網路誕生于上個世紀的 60 年代，標志性通信協議是 TCP/IP ，
（2）架構
1989年誕生時，Web由三種技術構成： HTML 、 HTTP 、 URL ，
而 CSS 和 JavaScript 是幾年之后才出現的，
（3）變遷
對于 Web 來說，有三個比較重要的變遷時期，分別是：
- 只讀時代
- 體驗時代
- 敏捷時代
如下圖所示：
2. 前端應用的領域
（1）所面向群體
對于前端應用來說，主要面向三類用戶，分別是： to B 、 to C 和 to D ， to B 表示的是面向商業， to C 表示的是面向用戶， to D 呢，表示面向開發者，
（2）所面向領域
①前端應用的領域之瀏覽器：
②前端應用的領域之服務器：
③前端應用的領域之跨端和終端：
3. 語言、框架、工具
我們用兩張圖來看看實際開發中常用的一些編程語言、框架以及工具，具體如下圖：
4. 瀏覽器、網路、服務器
除了上面談到的，我們還要了解到瀏覽器中的一些內容，如下圖所示：
文章傳送門：深入理解現代瀏覽器
同時，我們也要了解一些 HTTP 相關的知識，如下圖：
文章傳送門：An overview of HTTP
5. 前端學習路線圖
對于前端來說，學習路線依據下圖：
對應網站鏈接：https://roadmap.sh
在這個網站中，基本上涵蓋了所有方向的學習路線圖，大家可以根據自身需求進行查看~
??二、關于Web標準
1. 了解Web標準組織
（1）四個概念
對于 Web 標準來說，我們需要了解以下幾個概念：
- W3C:
World Wide Web Consortium； - Wcma:
Ecma International； - WHATWG:
Web Hypertext Application Technology Working Group； - IETF:
Internet Engineering Task Force；
（2）概念細述
下面我們就上面這四個標準來了解一些相關的內容，
1）W3C
- 官網：https://www.w3.org
- Github：https://github.com/w3c
- 規范查詢：https://www.w3.org/TR
2）Ecma TC39
- 官網：https://www.ecma-international.org
- TC39：https://tc39.es
- Github：https://github.com/tc39
- Discourse：https://es.discourse.group
3）WHATWG
- 官網：https://whatwg.org/
- Github：https://github.com/whatwg
- 規范查詢：https://spec.whatwg.org/
4）IETF
- 官網：https://www.ietf.org/
- Github：https://github.com/ietf
2. W3C與Ecma會員
- W3C目前在全球有
444家會員，其中北航總部（中國區）會員46家， - Ecma的AM（Associate Member）會員目前有18家，中國公司有位元組跳動、360、阿里、華為、騰訊等5家，
3. W3C規范制定流程
現在，我們來了解一下 W3C 規范的制定流程，具體如下圖：
檔案傳送門：w3c規范制定流程
4. Ecma TC39規范制定流程
繼續，我們來了解 ECMA 規范的制定流程，具體如下圖：
檔案傳送門：ECMA規范制定流程、ECMA規范核心術語
🕰?三、結束語
到這里，我們就簡單的了解了 Web 視角下的前端開發，不知道大家對 Web 前端開發有了一個更深入的了解呢？
如果您覺得這篇文章有幫助到您的的話不妨點贊支持一下喲~~😛
??往期推薦
👉值得關注的HTML基礎知識
👉css還只停留在寫布局？10分鐘帶你探索css中更為奇妙的奧秘！
👉前端只是切圖仔？來學學給開發人看的UI設計
👉緊跟月影大佬的步伐，一起來學習如何寫好JS（上）
👉緊跟月影大佬的步伐，一起來學習如何寫好JS（下）
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/302274.html
標籤：其他
上一篇：開學了軟測的同學在哪里-selenium-必須要懂的滑鼠鍵盤事件+實戰
下一篇：【演算法學習】1720. 解碼異或后的陣列（java / c / c++ / python / go / rust）