Blog

成大修課心得 — 動態網頁程式設計

授課老師：黃春融

開課系所：敏求智慧運算學院

修課年度：Spring Semester, 2023

授課方式（中文授課）：投影片講解，搭配W3Schools

授課內容：教授server side與client side網頁程式技術與程式語言，如HTML、CSS、Javascript、PHP、MySQL等，即關於從前端到後端的完整網頁開發的理論與實務教學。

使用書籍：Internet and World Wide Web: How To Program (Deitel 5th)

評分方式：作業*5 + 期末專題

老師是推薦同學以Visaul Studio Code作為開發環境，但我個人是用Vim因為用的很順手也習慣了。每個作業都要壓縮成一個檔案然後上傳到Moodle的作業繳交區。

作業一：以自己系的網站為設計的模板，寫一個自己系的網站，共要有20個HTML頁面，不可以使用CSS，但可以用inline style

作業二：延續作業一，這次可以使用CSS

作業三：使用Javascript，實作出一個21點的網頁遊戲

作業四：延續作業三，但這次要以Jquery來替代JS的code

作業五：寫出對於本次課程的心得及期末專題的Proposal（老師覺得大家在作業三的成績不太好看，因此給大家一個送分的機會）

期末專題（自選專題題目）：可以是網頁遊戲，或其他網頁應用工具等，但老師有規定網站一定要有用PHP寫出的註冊/登入/登出的功能，並使用XAMPP中的MySQL本地端的伺服器來儲存使用者的個人資料。並在期末的最後兩週讓同學在台上報告及展示該專題網站。

心得：

這門課是3學分的課，因此一上就是三個小時而且又是下午，由於老師上課的聲音比較低沈，所以可能有點催眠（？）。上課地點是在規劃設計學院的一樓教室，上課的學生有30多位，有旁聽的學生，算是一個蠻熱門的課，當初選課時一下子名額就滿了，好險因為是大四，所以可以最早選課，因此修課的學生幾乎都是來自不同系的大四學生，有少部分一年級的不分系學生。

因為自己本身有程式設計的基礎，因此會覺得Javascript很好上手，而HTML和CSS就更不用說了，真的很簡單（？）。

關於期末的專題我個人做的是生物資訊的網站工具，叫做viRNAseq，它的主要功能是提供使用者上傳做完scRNA-seq後所得的資料的csv檔，然后輸出可和使用者有互動式功能的Scatter Plot，不但可以更換其顏色主題，更可以將其存成png檔下載來使用。該網站有註冊、登入和登出的功能，在使用者個人檔案頁面，有其上傳資料的歷史紀錄。

其他的修課同學做的網站也都很突出，看了會讓人下巴掉下來的。印象最深刻有做煎魚遊戲的，有做密室逃脫遊戲的，有做音樂遊戲的（那種有東西落下來，然后你敲擊鍵盤有聲音的），有做會計刷題網站的，有做生物資訊網站工具的（？）等等，比較一般的就是做購物網站的，那種比較少需要用到JS和PHP。

最後，我會非常推薦這門課給對全端網頁開發有興趣的同學選修，或是沒有網頁開發經驗的初學者，因為這門課會幫助你建立完整的網頁開發所需的理論基礎及實務應用，也會讓你因為獲得了能寫出自己心目中網站的能力而雀躍不已。