你會學到
- 做出有前後台、資料庫與會員系統的「小橘子咖啡館」作品網站
- 用 XAMPP 在自己的電腦架好開發環境
- 看懂 PHP 與 SQL 的錯誤訊息，自己除錯與維護
- 設計資料表，寫出增查改刪與跨表查詢
- 用 PDO 預備陳述式防範 SQL 注入
- 做出密碼雜湊儲存、Session 安全的會員登入
- 完成後台管理，並防範 XSS 與 CSRF
- 用四要素提示詞指揮 ChatGPT 寫出安全的程式
- 把舊的 mysql_* 程式翻新成 PHP 8 的寫法
- 安全地上傳檔案、備份資料庫並把網站上線
課程介紹
這門課以台中的虛構店家「小橘子咖啡館」為實作範例，帶你從零做出一個完整的動態網站：前台課程展示、線上報名、會員註冊登入、後台管理，以及手機也好讀的響應式版面。
ChatGPT 在課程裡是你的程式家教：幫你起草程式、解釋每一行在做什麼、協助除錯，也幫你檢查安全。但課程的原則是「AI 是好夥伴，不能代替你思考」，所以不會只教你複製貼上，而是要求 AI 逐行說明，自己看懂、測試過才算學會。
課程怎麼進行
全系列 5 集影片，拆成 10 堂課，每集約 20 分鐘、包含兩堂課。從安裝 XAMPP 開始，依序學 PHP 基礎、資料表設計、SQL 查詢、PDO 安全連線、會員登入、後台管理、版面，最後是除錯與安全上線。
從第一行就教對、教安全
網路上很多免費教學還在用早就被移除的舊語法。這門課全程使用 PHP 8 與 PDO，從一開始就建立防範 SQL 注入、XSS、CSRF 的習慣，密碼一律雜湊儲存。
使用的技術
- ChatGPT：程式家教、起草、除錯與資安審查
- PHP 8 與 PDO 預備陳述式
- MySQL／MariaDB，搭配 phpMyAdmin
- XAMPP 本機開發環境（Apache、MariaDB、PHP）
- HTML5、CSS3、Bootstrap 5 響應式版面
給 ChatGPT 的提示詞公式
課程反覆練習四個要素：指定環境與版本、列出完整的資料欄位、明列資安要求、要求逐行中文註解並一次只前進一步。
適合誰
- 完全零基礎、從來沒寫過程式的初學者
- 想自己架報名、預約或會員網站的店家、工作室與創業者
- 會做前端畫面，想學後端與資料庫的設計師或前端工程師
- 用 AI 寫程式常常卡住、看不懂報錯的人
- 需要接手或翻新舊 PHP 網站的人
課程大綱
做出功能：會員與後台
第 5～6 課 PDO 安全連線與會員登入系統
19 分鐘
第 7～8 課 CRUD 後台管理與網頁版面
20 分鐘
收尾：除錯與上線
第 9～10 課 除錯、舊程式翻新與安全上線
20 分鐘
講師
學員評價
還沒有評價。