你會學到
- 做出有前後台、資料庫與會員系統的「小橘子咖啡館」作品網站
- 用 XAMPP 在自己的電腦架好開發環境
- 看懂 PHP 與 SQL 的錯誤訊息,自己除錯與維護
- 設計資料表,寫出增查改刪與跨表查詢
- 用 PDO 預備陳述式防範 SQL 注入
- 做出密碼雜湊儲存、Session 安全的會員登入
- 完成後台管理,並防範 XSS 與 CSRF
- 用四要素提示詞指揮 ChatGPT 寫出安全的程式
- 把舊的 mysql_* 程式翻新成 PHP 8 的寫法
- 安全地上傳檔案、備份資料庫並把網站上線
課程介紹
這門課以台中的虛構店家「小橘子咖啡館」為實作範例,帶你從零做出一個完整的動態網站:前台課程展示、線上報名、會員註冊登入、後台管理,以及手機也好讀的響應式版面。
ChatGPT 在課程裡是你的程式家教:幫你起草程式、解釋每一行在做什麼、協助除錯,也幫你檢查安全。但課程的原則是「AI 是好夥伴,不能代替你思考」,所以不會只教你複製貼上,而是要求 AI 逐行說明,自己看懂、測試過才算學會。
課程怎麼進行
全系列 5 集影片,拆成 10 堂課,每集約 17 分鐘、包含兩堂課。從安裝 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 安全連線與會員登入系統
15 分鐘
第 7~8 課 CRUD 後台管理與網頁版面
17 分鐘
收尾:除錯與上線
第 9~10 課 除錯、舊程式翻新與安全上線
16 分鐘
講師
常見問題
「ChatGPT × PHP 網頁設計十堂課」有幾個單元?要看多久?
共 6 個單元,總長度 1 小時 30 分,平均每個單元約 15 分鐘。可以分次看,系統會記住你看到哪裡。
可以先試看嗎?
可以。「課程介紹:用 ChatGPT 做出你的第一個 PHP 網站」等 2 個單元開放免費試看,註冊會員後就能觀看,不用付費,也不用綁信用卡。
這門課適合誰?
適合:完全零基礎、從來沒寫過程式的初學者;想自己架報名、預約或會員網站的店家、工作室與創業者;會做前端畫面,想學後端與資料庫的設計師或前端工程師。程度是「入門」。
上完可以學會什麼?
上完之後,你可以:做出有前後台、資料庫與會員系統的「小橘子咖啡館」作品網站;用 XAMPP 在自己的電腦架好開發環境;看懂 PHP 與 SQL 的錯誤訊息,自己除錯與維護;設計資料表,寫出增查改刪與跨表查詢。
怎麼購買?買了可以看多久?
單堂購買 NT$ 3,130,付一次錢就可以永久觀看,沒有期限。這門課也包含在訂閱方案裡,訂閱期間可以觀看方案內的所有課程。
用手機可以看嗎?有問題可以問誰?
手機、平板、電腦都可以看。每門課都有專屬的 AI 助教,會依照課程內容回答並附上出處;全部看完可以取得結業證書。
學員評價
還沒有評價。
接著學
上完這門,可以接著看
入門
SEO 入門:讓 Google 主動幫你介紹客人
不想一直花錢買廣告?五堂課、二十分鐘,弄懂 Google 怎麼找到你、怎麼排名,以及一個網頁該具備的基本功。
入門
GEO 入門:讓 AI 搜尋引用你的網站
客人開始問 ChatGPT、Gemini 與 Google 的 AI 摘要,而不是自己一頁一頁找。十個單元、四十分鐘,從 AI 怎麼挑答案,到你的網站、店家與商品該怎麼被選上。
入門
AIO 入門:讓 Google 的 AI 摘要引用你
搜尋結果最上面那一段 AI 整理的答案,引用的是誰的網站?十個單元、不到四十分鐘,弄懂 AI 摘要怎麼挑來源,以及你該準備什麼。