---
# System prepended metadata

title: 6/22 每日任務 Day12
tags: [2021 程式體驗營]

---

---
tags: 2021 程式體驗營
---

# 6/22 每日任務 Day12

## HTML 任務題目

今天開始進入 SCSS 的章節囉！
這邊簡單出幾題熱身題目給大家練習理解，請同學依序回答下方關於 Sass 的三道選擇題：

### Q1: 使用 Sass 撰寫的樣式檔案該如何引入到網頁中？
A. 編譯後，將編譯出來的 .css 檔案如平常 CSS 引入方式一樣引入
B. 不需要編譯，直接像 CSS 一樣引入，只是引入的檔案改成 .scss 或 .sass 檔
C. 兩種方式皆可
### Q2: 以下關於 Sass 的格式哪個說明正確？
A. 在 Sass 與 SCSS 中都支援純 CSS 撰寫方式
B. 格式有 `Sass`、`SBSS`、`SCSS` 三種
C. 僅有 SCSS 可以支援純 CSS 撰寫方式， Sass 中撰寫純 CSS 因格式關係會導致出錯
### Q3: 下方哪個敘述有誤？
A. Sass 是 JS 的擴展語言
B. 瀏覽器無法看懂 .scss 與 .sass 檔所以必須編譯成 .css 檔來使用
C. & 在 Sass/SCSS 中代表的是連結符

不知道答案的同學可以到 50 小時影音教學找 ***Sass 環境教學 - 一起掌握最世界最多人用的 CSS 管理語言！*** 章節的影片學習。

## JS 任務題目

請同學觀看 50 小時影音教學的 ***陣列教學*** 章節影片回答下方問題：

### Q1: 定義陣列的括號是哪一種？
A. `[]`
B. `{}`
C. `()`

### Q2: 在定義陣列的時候，是否可以讓它是一個空陣列(像這樣：`let ary = [];`)？
A. 可以
B. 不行

### Q3: 陣列中的內容通常用何種型別？
A. 只能是字串 如 "blue"
B. 只能是數字 如 100
C. 可以是字串或數字 但不能為布林值(true/false)
D. 可以是任何型別 如數字、字串、布林值、陣列物件等等的都可以

### Q4: 取得陣列中的某個特定值時 要從幾開始算(例如`ary[2]` 這個 2 在程式中會是從 1 開始算的，還是從 0 開始算的)？
A. 0
B. 1

### Q5: 請問 `let colors = ['pink','white','green'];` 這個陣列的長度是多少？
A. 3 ( 3 個值 所以是 3 ？)
B. 2 (因為程式要從零開始算？)
C. 14 ( pink 的長度 4 + white 的長度 5 + green 的長度 5？)
## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）

![](https://i.imgur.com/vftL5i0.png)

## 作業回報區
<!-- 
1. WangShuan - 答案：ＡＣＡ，ＡＡＤＡＡ 看不懂或有問題歡迎到 slack 上提出
 -->
1. Sz - 回答：ACA, AADAA
2. ZY Hsu - ACA, AADAA
3. [Jane Lin - HTML & JS 作業](https://codepen.io/as60160/pen/MWpdKMM?editors=1100)
4. Nap－`SASS`：A、C、A。`JS`：A、A、D、A、A
5. Benson - Html：A、C、A。 JS ：A、A、D、A、A。
6. BaoH - `SASS`：ACA  `JS`：AADAA
7. henry - `SASS`: ACA  `JS`: AADAA
8. [Lina Chen - HTML & JS 作業](https://codepen.io/LinaChen/pen/oNZRWee)
9. Yao Lin - `SASS` : A、C、A `JS`: A、A、D、A、A
10. [Xing CT- HTML & JS 作業]:A C A, A A D A A
11. Mao - **SASS:** A、C、A **JS:** A、A、D、A、A
12. Min - `SASS` A、C、A
13. Teddy Wu - HTML作業: A、C、A
14. 阿丁兒 - HTML 任務：A C A；JS 任務：A A D A A
15. [Ching Hua - HTML & JS 作業](https://codepen.io/ching-hua-wang/pen/JjWqyPV?editors=1100)
16. huanan - HTML : A,C,A；JS ： A A D A A
17. 我是泇吟 - `SASS`: A, C, A; `JS`: A, A, C, A, A.
18. Will - HTML: ACA, JS: AADAA
19. LTL- HTML：ACA, JS: AADAA
20. HsiuTing - `HTML` : A , C , A ; `JS` : A , A , D , A , A
21. 明達在這 - `HTML`：ACA、`JS`：AADAA
22. Sabrina - `SASS` : A、C、A `JS`: A、A、D、A、A
23. [Moto - HTML & JS 作業](https://codepen.io/moto-san/pen/GRWaGXX?editors=0110)
24. yu shiuan chang -`SASS:`ACA , `JS:`AADAA
25. Hi Annie - `SASS`-ACA、`JS`-AADAA
26. [Jeff H](https://hackmd.io/@jeff14994/H10xDlBq_/https%3A%2F%2Fhackmd.io%2F%40jeff14994%2FHJB4cCi9_%2F%252Ftr2SUQD6TByl4UGnxjfvug)
27. drumrick - ACA / AADAA [HTML & JS 作業](https://codepen.io/drumrick/pen/poemMba)
28. Natsu-小夏 [HTML 作業](https://codepen.io/natsunari/pen/gOmJpGB)
29. Katie-HTML:Ａ、Ｃ、Ａ | JS:Ａ、Ａ、Ｄ、Ａ、Ａ
30. 雅琇 Alicia - `SASS` A / C / A
31. winnie-HTML-ACA/JS-AADAA
32. [Anne Lin - HTML&JS] A, A, A | A, A, D, A, A
33. Roger - HTML : A , C , A ; JS : A , A , D , A , A
34. Haley - 回答：ACA, AADAA
35. Qian - ACA, AADAA
36. [Null - HTML作業]Q1.A Q2.C Q3.A
37. [YOYO - HTML & JS 作業](https://codepen.io/lumedkle/pen/BaWXJBy)
38. LoKing - HTML:AAA /JS:AADAA
39. Kelvin Wu - ACA / AADAA
40. 蔡秉祐 - aca||aadaa
41. 三隻小貓 - SCSS:AC~~B~~A, JS:AADAA
42. [betty - HTML & JS 作業](https://codepen.io/betty-hu/pen/vYmNjPR)
43. Shiny - HTML：ACA、JS：AADAA
44. Yu - ACA ; AADAA
45. zong-huan-`SASS`: A、C、A | `JS`: A、A、D、A、A