# Day-22 學習程式的大學生 ## 0. 背景設定 1. 身分 今天你是一位資訊相關科系的大學生 2. 資源 有一份別人已經寫好的網頁程式碼放在GitHub上給你參考,你覺得這個網頁非常符合你的喜好 3. 任務 了解並學習整個專案的程式碼內容。 ## 1. 執行任務 接下來大致分為兩個執行步驟 1. 讀取相關程式碼 2. 擬定學習計畫並學習 ### 1.1. 第一階段 : 使用AskTheCode 這個插件在[Day-15](/r4EErnqLSkCC-Jlxo-gm8Q)有詳細介紹過,這邊拿它來讀取我所提供的一個GitHub專案,內容是之前選的一門網頁設計課所做出的個人作業。 - 這邊可以看到他讀出的內容包含了 - `index.html`:主體 - `style.css`:外觀 - `test.html`部分程式碼的測試用 - `videos/videoplayback.mp4`:網頁背景影片 ![](https://hackmd.io/_uploads/HJxj_weR3.png) ### 1.2. 第二階段 : 開始使用Tutory進行學習 這個插件在[Day-18](/r8RBR89sTtWD4wGu8kU5TQ)有詳細介紹過,這邊在了解整個專案的結構是由HTML及CSS構成的之後,我們請Tutory協助我們安排一個七天的教學課程。 - 這邊我在下Prompt的時候特別強調了我是一名**資訊相關科系的大學生**,主要是希望 1. 他可以使用適合大學生的教學,以防我對於他的教學不會感到過於簡單枯燥 2. 讓他知道我有相關背景知識,可以讓它專注在主題教學而不是糾結在基本名詞知識等等。 ![](https://hackmd.io/_uploads/HJ-k3veCh.png) - 這邊我請他使用參與式及引導式兩種混和的教學方式 ![](https://hackmd.io/_uploads/HJrg2wlCn.png) - 他也確實地問到了今天的教學重點,有答不出來的地方它也會再給你講解一遍。 ![](https://hackmd.io/_uploads/B1C-2wlC3.png) - 最後我請他利用參考的GitHub程式碼舉例說明今天的教學內容,調用了AskTheCode插件後他也找出正確的段落。 ![](https://hackmd.io/_uploads/HJU7hwx03.png) - 接下來六天我就不一一示範了,最後會附連結假如各位有興趣可以自己去看看。 ## 2. 結語 今天的這個示範其實不只可以用在學習程式上,把AskTheCode換成其他查詢讀取類插件如:Video Summary也可以套用在其他情境,這就要看你的想像力能帶你飛到多高了。另外在測試時我發現了一個小問題,就是盡可能的不要去限制Tutory教學分割的天數,讓它自由發會會比較好一點,為什麼這麼說 ? 因為仔細看前面我請他分的七天內容的話,可以發現最重要的主體HTML及CSS他用了兩天就帶過去,剩下的五天基本上都不是重點,頂多也只能算是個小觀念或一句語法而已,雖然也有可能是我的Prompt下的不夠精確導致它無法收斂在HTML及CSS主體教學,不過我想這需要更多的使用經驗才能找到解答了。 --- [ChatGPT對話連結](https://chat.openai.com/share/ef69cb2d-9562-4856-9e90-19ddeac64e01)