教學主題
我不是機器人:reCAPTCHA的發展與實作
授課老師
陳奭華
適合對象
皆可
課前準備
課前準備
先備知識
網頁開發基本概念
知道基本的前端、後端差別
程式語言
HTML
JavaScript
PHP
教學軟體
Visual Studio Code
任意網頁瀏覽器
課程設計
課程設計
課程目標
認識reCAPTCHA是什麼、如何被運用
reCAPTCHA在HTML、JavaScript的網頁前端使用方法
reCAPTCHA在PHP的網頁後端使用方法
能夠探討CAPTCHA概念在科技的發展
課程單元
reCAPTCHA發展史
註冊Google reCAPTCHA
reCAPTCHA在前端的應用
reCAPTCHA在後端的應用
未來發展&總結
課程影片
1.reCAPTCHA發展史
1.reCAPTCHA發展史
2.註冊Google reCAPTCHA
2.註冊Google reCAPTCHA
3.reCAPTCHA在前端的應用
3.reCAPTCHA在前端的應用
4.reCAPTCHA在後端的應用
4.reCAPTCHA在後端的應用
5.未來發展&總結
5.未來發展&總結
課後練習
課後練習
程式碼練習
程式碼練習
嘗試到Google申請一組自己的reCAPTCHA吧
然後請用HTML與JavaScript設計一個網頁,其中需要
請使用者輸入暱稱
需要引用reCAPTCHA的辨識
一個submit按鈕
在使用者通過驗證並按下按鈕之後,請
印出使用者名稱
今日日期
隨機給一組樂透數字(1~49,取6個不重複)
網頁範例