# 第三堂：Clean Code 實戰篇 - 購物車與登錄註冊系統開發

## 開課提醒
1. 錄影
2. 提前開放任務三觀看

## 今日上課知識點
1. Clean Code - 購物車
2. Clean Code - Todo API

---

## DEMO：購物車流程
1. 購物車的變數宣告
2. 新增購物車
3. 編輯購物車
4. 移除購物車
5. 計算總價
6. 付款流程文字判斷

## DEMO：Todo API
1. 登入
2. 註冊

**補充：檔案拆分**

存放共用函式：
- all.js

註冊：
- signUp.html
- signUp.js

登入：
- signIn.html
- signIn.js

Todos：
- todos.html
- todos.js

存放 apis
- apis/js

## 作業講解
這堂課沒有相關的主線任務

1. 加碼：練習使用 Todo API 做檔案拆分
提交格式：在 DC 討論串回報 Github Repo 連結
3. 報名方案二的同學，可開始在同組尋找一起做「錄製試教影片任務」的夥伴，之後需要錄製三個試教影片，可先觀看洧杰的試教影片
4. 第二週小組任務