Published on

踏入自媒體的 30 天 - Day 12

Authors
  • avatar
    Name
    Jyhwoei Yang (Tom)
    Twitter
    @tomz12321
  • Sr. Front End Developer at Pimwa Corp. (Australia) / Deliostech (USA)

Day #12

前言

30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體

Image

Here we go :

image

默默小語

海外求職

在畢業前夕的最後一個學期，我因為無數杯的咖啡得到了第一份工作。

而互聯網至今也不過 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 versionReact Native versionReact Native Web version
50.0.00.730.19.6
49.0.00.720.19.6
48.0.00.710.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 (哭)。 
墨爾本軟體工作室資歷五年。
現任資深網頁前端工程師，喜歡從人文/歷史的角度去看世界。