---
# System prepended metadata

title: 讀書會
tags: [Training]

---

###### tags: `Training`

# 讀書會

週一、週三進行分享

## CSS
1. [CSS Diner 小遊戲學習 selector](https://flukeout.github.io/)
2. [學習CSS版面配置](http://zh-tw.learnlayout.com/no-layout.html)
3. [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
4. [Flexbox Froggy 小遊戲學習 flexbox](http://flexboxfroggy.com/)
5. [CSS Basic](http://css.doyoe.com/)


## React
1. [React - 官方文件](https://zh-hant.reactjs.org/tutorial/tutorial.html)
2. [React - DOM界的彼方](https://ithelp.ithome.com.tw/users/20103131/ironman/1012?page=3)
3. [The Beginner's Guide to React](https://egghead.io/courses/the-beginner-s-guide-to-react)
4. [React 常用面试题目与分析](https://zhuanlan.zhihu.com/p/24856035)

## Redux
1. [Learn Redux](https://learnredux.com/)
2. [Getting Started with Redux](https://egghead.io/courses/getting-started-with-redux)
3. [follow airbnb guideline](https://github.com/airbnb/javascript/tree/master/react)


## 實作小作業

### 1. 切版

* 使用自己的 Github 繳交作業
* 能用 css 呈現的方式則不用圖

    ## 😇 Sherry 切
    ![](https://i.imgur.com/t2rLYiI.png)


    ## 😇 Lina 切
    ![](https://i.imgur.com/uLSZ3i1.jpg)


### 2. TodoList
* 使用 React 開發代辦事項
* UI 不限制哪個套件，可以選自己愛用的
* 自己寫假資料、自己定義該有的欄位名稱
* 列表初始只顯示未收藏的項目

| 功能 | 敘述 |
| -------- | -------- |
| 新增項目  | 當我輸入項目點選新增時，列表會出現一個新的代辦項目 |
| 編輯項目  | 當我針對一個代辦項目按下編輯時，可以編輯該代辦項目 |
| 儲存項目  | 當我編輯完項目時，可以針對該項目進行儲存 |
| 刪除項目  | 針對尚未收藏且並不在編輯狀態中的項目進行刪除 |
| 多選刪除  | 與刪除項目不同的是可多選，其餘規則相同 |
| 收藏項目  | 點選收藏後可以將該項目進行收錄 |
| 過濾項目  | 該過濾項目有：全部項目、已收錄項目、未收錄項目 |
| 列印項目  | 針對此功能點選列印後使用 console.log 顯示即可 |
