STEAM 教育學習網

如果有在關注 OXXO.STUDIO 的朋友，可能會發現 2021 年我完全沒有寫任何文章 ( 汗顏 )，不過其實我在 2021 年裡，花了九個月的時間，整整寫了 420 篇文章，都寫在我新創立的「STEAM 教育學習網」裡面，也因此就沒有額外的時間，好好在這邊撰寫文字，在 2021 年的最後一天，分享給大家我的「STEAM 教育學習網」。

STEAM 教育學習網：https://steam.oxxostudio.tw

從我的 Github 就能看到真的是做了很多事 ( 不過因為我是用 private 所以公開的看不到 )

STEAM 教育是什麼？

STEAM 由五個單字組成，分別是 Science ( 科學 )、Technology ( 技術 )、Engineering ( 工程 )、Arts ( 藝術 ) 和 Mathematics ( 數學 )，因此 STEAM 教育也稱作「跨學科教育」。STEAM 的精神在於「動手做」以及「問題解決」的能力，不論是技術和工程結合，或是將藝術設計和數學整合，都能創造出能夠應用於真實生活的應用。

為什麼我要做 STEAM 教育學習網？

綜合自己住院、小朋友誕生、疫情爆發、線上學習蓬勃發展...等各種因素，讓我不禁思考自己的專長與定位，因此在 2021 年初，我毅然決然卸下 Web 什麼 duino 的「設計＆創意總監」職務，開始了「寫作人生」的這條不歸路。

既然要專心寫作，就讓我不禁思考著自己究竟能貢獻什麼？如果自己哪天不在了，在網路上能留下些什麼？因此我決定從 STEAM 教育著手，除了可以造福廣大的學生，也可以讓我的小朋友有一套自學的教材 ( 還是他老爸寫的 )。

STEAM 教育網的規劃

STEAM 教育學習網目前規劃有三個階段，希望能涵蓋 STEAM 教育的各個面向，雖然無法做到盡善盡美，但我也會盡最大的努力去完成，敬請期待。

• 第一階段 ( 已完成 )：Scratch、micro:bit 和 GIMP。
• 第二階段 ( 進行中 )：Python、Excel、PowerPoint、手工藝。
• 第三階段 ( 規劃中 )：生活科技、影像繪圖軟體、網頁設計、實用軟體、繪本。

STEAM 教育網建置的技術

我是個喜歡「自己來」的前端工程師 ( 雖然會用框架但是不喜歡用框架 )，所以就從無到有打造了 STEAM 教育網，當中用到的技術如下：

• Gulp：進行網站架構模組化 ( html、js、css 全部模組化 )、打包壓縮。
• Markdown：文章主體，當中還加入圖片 class、標題 hashtag 等功能。
• Webp：Google 推薦的圖片壓縮格式，但為了處理支援度的問題踩了很多坑，還必須要多使用一份 jpg 來應付不支援的瀏覽器問題。
• SVG：自製 SVG icon ( 還使用自己做的工具最佳化：連結 )
• SEO：打造測試接近滿分的網站。
• Github：升級為 pro 保護網站原始碼。
• Cloudflare：處理 SSL。

小結

2022 年，我的主力應該還是會放在 STEAM 教育網，不過會開始慢慢找時間再回來寫點文章，畢竟有很多新的網頁技術想玩的，都只能暫時擺在心中 ( 然後過一陣子技術就過氣了...沒辦法，前端就是這樣咩... )，希望看到這篇的朋友能多多體諒，也請繼續關注～