---
# System prepended metadata

title: 2025 寒假作業

---

# 2025 寒假作業

:::warning
- 3/8(六)截止
- 你有天分跟很高的基礎
建議你花兩個禮拜，能夠學得挺扎實
- 我是新手小白沒什麼經驗
請抓緊時間，學新知識是要花時間的~
:::

## 線上課程
**html css javaScript** 若還不太熟悉，可以參考codecademy上的免費課程。這並非強制性，若有其他學習管道也完全沒問題，或是你要完全跳過也可以。
**html** https://www.codecademy.com/learn/learn-html
**css** https://www.codecademy.com/learn/learn-css
**javascipt** https://www.codecademy.com/learn/introduction-to-javascript

剩下是前後端框架的教材，需要登入共用Udemy帳號後才能查看。因為是共用帳戶(沒經費QQ)，課程進度要麻煩自己紀錄看到第幾章，因為有別人同時在看的話可能會跑掉，設定方面也請不要隨意更動，唯一能改的是字幕的設定。

> 誰被抓到他偷改密碼或動了帳戶設定，我一定跟他好好談談😊

帳號 : 2024.ncufreshweb@gmail.com
密碼 : LSE7ucfWe2nzMa
        
**Vue** https://www.udemy.com/course/vuejs-2-the-complete-guide/learn/lecture/21463674?start=0#overview
**Express** https://www.udemy.com/course/nodejs-express-mongodb-bootcamp/learn/lecture/15064262?start=0#overview
**Tailwind** https://www.udemy.com/course/tailwind-from-scratch/learn/lecture/32342372?start=0#overview
:::info
Tailwind是一個css框架，最大的好處是你可以在編輯html的同時撰寫css樣式，能很大幅度加快前端介面設計的流程，非常推薦花時間學。
> 如果有時間再看一下scss那就更好了👌
:::
## 真正的寒假作業 -- 購物網站

請各位使用Vue作為前端框架，Express後端，資料庫使用SQL的即可(sqlite, mySQL, postgreSQL)，來實現一個購物網站。這個購物網站需要有使用者登入、瀏覽商品、購物車、結帳的功能。
 
**購物網站要有以下幾個功能:**
1. Navbar
    - 有購物網站的Logo跟名稱
    - 其他頁面的跳轉連結
    - 登入後登入頁面的連結要消失(變成sign out)
2. 登入頁面
    - 註冊功能 (可以註冊多個帳號)
    - 登入功能
    - 沒登入時才能跳到此頁面
    - (加分) 使用Google帳號登入
3. 商品頁面
    - 羅列所有商品
    - 顯示商品名稱、價錢等資訊
    - 加入購物車 (要登入)
    - (加分) 搜尋功能
4. 購物車
    - Navbar要有簡易預覽功能
    - 可以刪除購物車內的物品
    - 選取要購買的商品後結帳
   
請把你的專案丟到自己的github上，我們會把它clone下來，看看有沒有哪些要修的東西

有任何問題都非常歡迎直接問群組，大家互相幫助學習。
> 請教別人有時才是最有效率的學習方法~

## 其他資源

**前端用**
https://hackmd.io/lzZnGpohSfWeebFrQHTIGg?view
剛剛說的scss還有一些常用排版技巧都在這，看了不虧

https://www.w3schools.com/
各種網頁知識都有主要是前端

https://www.w3schools.com/cssref/trysel.php
CSS selector 大解密

**後端用**
https://expressjs.com/zh-tw/api.html#express
express官網,有很多常用的function的範例

https://mongoosejs.com/docs/populate.html
寫後端很多要用到的function都在這裡面有解釋

**資料庫**

https://pg-sql.com/
練習SQL語法

**其他**
https://stackoverflow.com/
https://developer.mozilla.org/zh-TW/
https://ithelp.ithome.com.tw/
https://www.itread01.com/
https://www.csdn.net/
