我們直接教你 AI 做不到的部分技巧。
縱使 Agent 可以幫你寫出一段漂亮的程式碼，但它沒辦法幫你做系統設計。
我們直接系統化的學習方式。
以最專業的角度，告訴你AI的時代下，到底要學什麼，到底什麼不用學
🚀 AI時代的第一堂課！不懂程式碼，也能輕鬆上手的網頁實作坊
本堂課採用 Vibe Coding , 使用 Claude 、Gemini ...等AI 工具。
帶你快速規劃架構、用 AI 自動生成框架並即時優化
全面升級動態效果、完成網站必備的網址網域，並透過工具成功部署上線。
(不是 Gemini 生成的連結，不須額外購買網址、網域，完全免費使用)
📍【講座時間、地點】
🗓️ 時間： 8/30（日）13:00 – 16:30
📍 地點： Google Meet (線上工作坊，會議錄影檔提供)
📍 票價： 3500元 (帶你做到會)
注意: 請務必使用電腦，此堂課為操作課，會實際做出作品
📍【講座課綱】後AI時代的工程師
教你從0開始，十項工程，帶你一次學會!
階段一：系統設計 (System Design)
單元 01：全端網頁是怎麼運作的？前後端大解密
觀念： 用「餐廳點餐」比喻前端（外觀菜單）與後端、資料庫（廚房大廚與食材倉庫）的幕後溝通邏輯。
單元 02：如何設計一個好網頁？網頁視覺架構與佈局
觀念： 認識現代網頁設計必備的三大黃金佈局區塊（頁首導覽、主視覺焦點、行動內容區）。
🎨 階段二：現代前端開發
單元 03：簡易程式碼
觀念： 認識 HTML（網頁的骨架）與 CSS（網頁的化妝師），並了解如何運用 AI 當代碼打字員來精準除錯。
單元 04：組件化拆解與網頁積木拼湊
觀念： 網頁其實是樂高積木！將其拆成導覽列、內容卡片、頁尾等獨立元件，未來修改與維護才最輕鬆。
🧠 階段三：後端大腦與資料庫核心觀念 (Backend & DB)
單元 05：認識後端大腦
觀念： 當使用者按下登入或送出表單，後端怎麼處理幕後複雜的問題。
單元 06：認識資料庫
觀念： 網頁關掉後資料為什麼不會消失？
📱 階段四：手機畫面優化與 GitHub 使用
單元 07：全方位響應式網頁（RWD）手機自適應優化
觀念： 現代人 80% 用手機看網頁，認識網頁隨螢幕自動伸縮的自適應秘密與「漢堡選單」的設計邏輯。
單元 08：認識 GitHub：全球工程師必備工具
觀念： 了解 GitHub 成為現代工程師的數位履歷表。
單元 09：使用 GitHub 管理你的網頁程式碼
觀念： 寫網頁最怕改壞！把 GitHub 當作程式碼的「伺服器」。
🚀 階段五：雲端伺服器部署與專屬網域 (Cloud Deployment)
單元 10：全端自動化雲端部署與專屬網域上線
觀念： 認識 24 小時不關機的雲端伺服器，如何託管網頁，並了解網址（Domain）。
適合對象
程式零基礎OK
怕不懂AI，但想學習AI的人
非本科，但想成為工程師的你，這堂課可累積你的履歷 AI作品
不限背景 學習永不嫌晚，我們的學員橫跨 20 至 55 歲，遍佈台灣各產業。只要你有心轉型，這裡就是你最強大的技術後盾。
學員回饋
公司故事：兆宇培育
兆宇培育致力於打造以 AI 為核心的線上教育平台，針對目前尚未成熟的「AI 教育市場」提供系統化的專業課程。課程主軸為 AI 工具與應用，輔以前端、後端工程技術，協助學員快速具備即戰力，因應數位轉型與人才再造需求。
