2022 網頁開發全攻略課程

此頁以下內容為該課程的Project集

課程連結
  • 純粹標明出處，並非替該課程做商業宣傳
  • 基本上皆為該課程的學習內容，但有稍微改動部分Project的成品內容（更改的部份置於各project的介紹）
  • 版權歸於該課程的導師 Wilson Ren

台灣經濟發展歷史

HTML, CSS的基礎排版練習

網站連結前往觀賞
taiwan-history photo
hawaii-project photo

夏威夷旅遊網

HTML, SCSS的排版練習

  • 新增按鈕、連結的hover特效
  • 新增按下「現在開始」按鈕時，跳出加入會員的表單
網站連結前往觀賞

To Do List

HTML, DOM Event, localStorage的使用

  • 更改部分內容的配色
  • 新增標示完成的項目在沒被刪除的情況下也會被存儲的功能
  • 新增使用說明及網頁的RWD
網站連結前往觀賞
todo-list photo
photo web photo

Photo Web

React, API連接的練習

  • 將About頁面改為網站的功能介紹
  • 修改部分CSS內容
網站連結前往觀賞