---
# System prepended metadata

title: 第七周- 網路互動基礎、作業
tags: [Lidemy心得, 2020九月第一周, FE102, HTML+CSS, 進度筆記]

---

# 第七周- 網路互動基礎、作業
###### tags: `FE102` `HTML+CSS` `2020九月第一周` `進度筆記` `Lidemy心得` 09/21  

## 瀏覽器上的 JS。  
- 這是啥? 為何學? 用在哪?   
- JS 本身語法: var, const, if....  
- Runtime (Node.js) : FS ， console.js ， 但沒有 document 。  
- Runtime (Browser) : 執行環境給 document, console.js & ``setTimeout()`` .  
- Library 可能 Browser 和 Node.js 都能用。  
    - 瀏覽器上的 JS : 操控 CSS 元素、事件或是互動，一樣也是照程式從上往下讀。  
    - 瀏覽器: ``EventListner.`` 和 `.querrySelector()` 。  
    - 但瀏覽器和 Node.js 都有提供 setTimeout() ， 但實作機制可能不同。  
***

# 2-7 、 第七周 作業
## hw1  表單驗證  

## hw2 餐廳 FAQ  
- 先切版。  
- 加上點了展開功能，可縮可不縮。  

## hw3: To do list  
- 新增、打勾(可取消)、刪除。  
- 也可以新增篩選、編輯。  
***

## hw4: 簡答題  