我們每天滑的網頁，究竟是怎麼做出來的?
你是否想過自己的簡歷能用網站來呈現?
若有上述問題，那你就來對地方了！
在這堂課程中，我們將帶你從 0 開始，一步步邁進前端的世界！💻✨

還記得 2021 風靡世界的 pop cat 嗎?
雖然我們會架網站了，但如何才能讓自己的網頁動起來呢?
在這堂課程中，透過實際操作程式語言，讓你的網頁動起來！

你是不是也很好奇——
天氣 App 的即時資訊哪裡來?
地圖怎麼知道附近有什麼好吃的?
為什麼有些網站一打開，就能自動顯示最新資料?
答案就是：API！
在這堂課裡，你會發現，原來自己寫的網頁， 也可以像平常用的 App 一樣，和世界連起來 ✨

你有沒有發現，
明明都是網頁，為什麼有些看起來就特別舒服、特別有質感，
有些卻讓人覺得像「半成品」?
其實差別往往不只是內容，
而是排版、細節，還有那些讓畫面更順、更生動的轉場與動畫效果。
在這堂課中，我們會一起把網頁不只「做出來」，還能真正有作品感！

AI 很厲害，可以回答問題、幫你整理資料、生成圖片
甚至看起來好像什麼都知道、什麼都會做。
但它一定是對的嗎？
科技的發展，可能造成什麼社會問題?
該怎麼權衡我們的抉擇，在瞬息萬變的社會中保有自己的中心思想?
如何從原理看待 AI，進而與 AI 有更好的互動

你每天可能都在用 Google Maps，查路線、看距離、避開塞車，甚至找附近店家。
但你有沒有想過——
手機到底怎麼知道你現在在哪裡？地圖怎麼知道哪一條路最快？它又是怎麼判斷哪裡正在塞車的？
想知道日常生活中熟悉的 App，
背後到底藏了哪些厲害的科技嗎？
那就一起來解鎖 Google Maps 的祕密吧！

你平常會不會也這樣用 AI？像是問問題、請它整理重點、幫忙想文案，好像很方便，但每次都還是得自己一個指令一個指令地下。
那如果今天，你不是只有「跟 AI 聊天」，而是可以讓 AI 自己幫你完成一連串任務呢?
你不需要會寫很多程式，只要具備一個 Google 帳號，搭配n8n自動化工具，就有機會在這堂課中，把原本只會聊天的 AI，升級成真正能幫你做事的「守護神」!

你是不是覺得，學程式好像很困難、要讀很多英文、概念又很抽象?
如果今天有圖像化的程式，結合現實生活的範例，會不會比較沒那麼可怕?
此時如果再給你一個工具，他可以陪你一起理解程式、幫你整理想法，
甚至在你卡住的時候給你提示，那完成一個程式專案，是不是就沒有那麼遙遠了?

一個看起來很普通的登入頁面，為什麼可能因為一行輸入，就被直接繞過驗證?
一個網站上的小小欄位，又怎麼可能變成攻擊整個系統的入口?
想知道網站漏洞到底是怎麼一層一層被拆解的?
也想親自挑戰看看，能不能在 CTF 中找出關鍵破綻嗎?

你每天都在用電腦，但你有沒有想過，那個看起來安安靜靜的主機殼裡，到底裝了些什麼?
CPU、顯示卡、記憶體、硬碟……這些名詞你可能聽過，但它們各自是做什麼的?
買電腦時規格表上那些「核心數、頻率、容量」又到底代表什麼?
如果哪天電腦有點小問題，你有沒有可能自己先看懂、甚至動手處理?