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（下）

總結

以上是生活随笔為你收集整理的听红宝书译者谈Web视角下的前端开发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。