Skip to content

Commit

Permalink
更改 week22
Browse files Browse the repository at this point in the history
  • Loading branch information
aszx87410 committed Nov 1, 2020
1 parent 664eb89 commit ae9e637
Show file tree
Hide file tree
Showing 3 changed files with 12 additions and 3 deletions.
11 changes: 9 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -750,6 +750,8 @@ HTML 的部分會簡單介紹幾個常見的 tag,以及 head 的一些屬性

### 第二十一週(11/02 ~ 11/08):前端框架(一)

備註:大家可以把 week21、22 當作一組,week 23、24 當作一組,因為 React 的地方比較難切,而且一週的時間我覺得不太夠,所以可以用兩週把課程完整看完再把作業一起寫完,可能會比較容易一些。

終於要進入到前端框架 React 了(雖然嚴格來說 React 並不是一個框架,但搭配其他各種 React 生態系成員,其實就算是一個框架了)。

這週會學習到 React 的基本應用以及原理,了解為什麼我們需要使用 React。
Expand Down Expand Up @@ -798,15 +800,16 @@ React 在 2019 年 2 月推出 v16.8 這個版本,做了一個很大的改動
指定教材:

1. [FE302] React 基礎 - hooks 版本:全部
2. [淺談新手在學習 SPA 時的常見問題:以 Router 為例](https://blog.huli.tw/2019/09/18/spa-common-problem-about-router/)
3. [How Are Function Components Different from Classes?](https://overreacted.io/how-are-function-components-different-from-classes/)
4. [A Complete Guide to useEffect](https://overreacted.io/a-complete-guide-to-useeffect/)

[HW22 作業連結](/homeworks/week22)

延伸閱讀:

1. [前後端分離與 SPA](https://blog.techbridge.cc/2017/09/16/frontend-backend-mvc/)
2. [跟著小明一起搞懂技術名詞:MVC、SPA 與 SSR](https://medium.com/@hulitw/introduction-mvc-spa-and-ssr-545c941669e9)
3. [How Are Function Components Different from Classes?](https://overreacted.io/how-are-function-components-different-from-classes/)
4. [A Complete Guide to useEffect](https://overreacted.io/a-complete-guide-to-useeffect/)

#### 自我檢測

Expand All @@ -821,6 +824,8 @@ React 在 2019 年 2 月推出 v16.8 這個版本,做了一個很大的改動

### 第二十三週(11/16 ~ 11/22):前端框架(三)

(課程內容及作業尚未決定)

在之前的 React 課程中,我們已經慢慢熟悉 React 的思考模式,可是還有一些問題還沒解決,雖然你現在感受不太到,但是在 App 慢慢變大之後就會碰到了。

接續之前的課程,這一週會讓你的 Web App 變得更加完整,會導入一個新的東西:Redux,說明我們為什麼需要它。
Expand All @@ -839,6 +844,8 @@ React 在 2019 年 2 月推出 v16.8 這個版本,做了一個很大的改動

### 第二十四週(11/23 ~ 11/29):前端框架(四)

(課程內容及作業尚未決定)

最後一週裡面我們將用 redux 來解決非同步操作的問題,讓大家知道如何利用它與 redux-promise 來解決非同步的一些問題。

指定教材:
Expand Down
4 changes: 3 additions & 1 deletion homeworks/week22/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

在課程中我們有做了一個簡單的 blog 系統,完成了部分功能,而這一週的作業就是由你把剩下的功能完成,讓整個 blog 的功能變得更完整。

請做出一個簡單的 Blog SPA,一共有三個頁面
請做出一個簡單的 Blog SPA,會有以下幾個頁面

1. 登入頁面:輸入帳號密碼後可以登入
2. 註冊頁面:可以開放使用者註冊
Expand All @@ -18,6 +18,8 @@ https://github.com/Lidemy/lidemy-student-json-api-server

會用到的是 Users 跟 Posts 這兩個的資料。

課程中做了一半的 React App:https://github.com/aszx87410/react-board-test

## hw2:簡答題

1. 請列出 React 內建的所有 hook,並大概講解功能是什麼
Expand Down
Binary file removed homeworks/week22/blog.png
Binary file not shown.

0 comments on commit ae9e637

Please sign in to comment.