踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day12
Day #12
前言
30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體
Image
Here we go :
默默小語
海外求職
在畢業前夕的最後一個學期，我因為無數杯的咖啡得到了第一份工作。
而互聯網至今也不過 35 年左右的歷史，今天讓我們來從編年史的角度初探。
最後也會簡單聊聊，我為什麼最後還是決定從網頁前端入手，開始我的第二份海外工作職涯。
前言
我們要先了解互聯網到 2015 這年，發展的歷史。
2015 - ES6 橫空出世
ES6 標準的未來
ES6 標準在 2015 年確立後，雖然 ES6 中的新語法與 API 非常多，
在今年 (2016) 已經有很多桌上電腦的瀏覽器品牌實作完幾乎所有的標準規格。
相信在很快的將來，2017 年幾乎是所有的平台上的瀏覽器，包含行動裝置、伺服器平台等等，都會實作完成。
這代表你今天學習這些新式的語法與 API，很快就可以使用在瀏覽器或伺服器平台上。
2017 ES8 Async/Await (註1.)
2018 ReactJS v16
2019.2 ReactJS v16.8.0
2022.3 ReactJS v18
- 1990 年，Tim 以超文本語言 HTML 為基礎在 NeXT 電腦上發明了最原始的 Web 瀏覽器
- 1994 年 11 月，網景公司成立，並發布 Mosaic Netscape 1.0 beta 瀏覽器，後改名為 Navigator
- 1994 年 W3C 誕生
- 1995 年 網景推出 Javascript
- 1996 年 微軟發佈 JScript 並內置於 IE3。Javascript與JScript 存在差異。導致程序員開發的網頁無法同時兼容 IE 和 Navigator瀏覽器。IE開始搶奪Navigator的市場份額，導致了第一次瀏覽器大戰。
- 1996 年11月，網景將JavaScript 提交到ECMA以便將其國際標準化。
- 1997 年 6 月，ECMAScript1.0 推出。
- 1998 年 6 月，ECMAScript 2 規範發布。
- 1999.12 ECMAScript 3 規範發布。此後十年，基本沒有發生變動。ECMAScript3 成為當今主流瀏覽器最廣泛使用和實現的語言規範基礎。
- 2001.5 W3C 推出了 CSS 3.0 規範草案
- 2004 年 11 月，火狐瀏覽器誕生。第二次瀏覽器戰爭開始。（第一次瀏覽器戰爭以 IE 的完勝告終，壟斷瀏覽器市場，並且 IE 不遵循 W3C 標準）
- 2005 年 AJAX 誕生。局部刷新頁面。
- 第二次瀏覽器戰爭中，隨著以 Firefox 和 Opera 為首的 W3C 陣營與 IE 對抗的程度加劇，瀏覽器碎片化問題越來越嚴重，不同瀏覽器執行不同的標準，對於開發人員來說是一個噩夢。
- 為了解決瀏覽器兼容性問題，Dojo jQuery YUI ExtJS MooTools 等前端 Framework 相繼誕生。前端開發人員用這些 Framework 頻繁發送 AJAX 請求到後台，在得到數據後，再用這些 Framework 更新 DOM 樹
- 其中，jQuery 獨領風騷，幾乎成了所有網站的標配。
- 2008, HTML5 草案發布
- 2008.12 Chrome 瀏覽器誕生，並搭配 Javasciprt引擎V8 (V8是被設計用來提高網頁瀏覽器內部Javascript 執行的性能
- 2009.12 ECMAScript 5.0 規範發布。
- 2009 Node.js 誕生
- 2010 年起 Angular Vue React MVVM 框架誕生
- 2015 年 6 月，ECMAScript 6.0 發布
正文開始
在上一篇文章中，我們快速地透過 5 mins 實作，初探了解了網頁三劍客和瀏覽器之間的架構關係。
而互聯網這門技術，可以說是上個世紀末才起來的新技術。從 1990 到截稿至今，也不過發展 34 年。
而在前端工程師這行，不免還是由科技巨頭 FAANG 中的四家公司，各自帶領自己的開發者生態系前進。
在陣營上 Meta (前名: Facebook) 就是 React 生態系的開發領導者。 旗下帶領專案：包含 React/ 而 React-native 可以先看作是 Expo 。
（因為筆者先天喜歡這種 Write Once Run Anywhere 的開發框架， 這也是為什麼我選擇瀏覽器腳本語言 Javascript 作為程式母語。）
| Expo SDK version | React Native version | React Native Web version |
|---|---|---|
| 50.0.0 | 0.73 | 0.19.6 |
| 49.0.0 | 0.72 | 0.19.6 |
| 48.0.0 | 0.71 | 0.18.10 |
表格出自於 expo 官方 document site。
有興趣的話
Google 和 Microsoft 帶領另一個陣營，也常常被拿出來作對照。
- Angular 17.3.0 / Flutter 3.19.3 (Dart v3.3.1) / Android v15 (是目前各自的 2024 最新版)
- Edge v123 / Chrome v122 皆使用 Chromium 核心
而今天我們也不討論所謂 Angular vs React / Vue 孰優孰劣的宗教戰爭。
- Apple 的話不用說
- macOS is v14.4 / iOS v17.4 / Safari v17.3.1
而 Vue 則是因為 v-model 雙向綁定的優雅，引起了另一股開發者群眾的擁戴。
雲端方面則是 AWS / GCP / Azure 三分天下。
後記
筆者最後因為和前老闆在研究所分組之下當同學，做小組作業之餘，時常閒聊 網頁前端和 ReactJS 的未來發展。然後，有一天，前老闆在某次無意中喝咖啡的場合之下，透露出了當時公司有了新的專案需要人力來執行。當時筆者剛好在最後一個學期，老闆就把當時還是學生的作者帶入了主要研究 React/AWS 的軟體開發團隊裡面。然後我的第二職涯，就從約 5 年前的 Jr. Frontend Dev. 默默開始了。
當時工作上，第一份的 task 就是經典不敗的 CRUD？(待續)
參考資料
🔻支持打賞🔻 Welcome to my github [https://github.com/tomz12321] 喜歡的話，隨便找個專案給顆星。
🔻主委加碼🔻 如果這個 Pokedex 專案，星星數超過 50。
你們的支持是創作者的原動力！ (XD)
註1. 很多人以為是 ES7 但正式發佈是 2017 年 ES8 的事情了
作者 Tom Yang
墨爾本皇家理工大學碩士畢業，曾任前五十大企業手機場域測試工程師
對！就是跟 Google 擦身而過的那間 VIVE (哭)。
墨爾本軟體工作室資歷五年。
現任資深網頁前端工程師，喜歡從人文/歷史的角度去看世界。
文章同步發表於[tomz12321s Personal Blog 無廣告好讀版]