### Administrative Information
2019.03.20 。 Ric Huang
---
### Syllabus (1/5)
| Date | Contents | Examples |
| ----- | -------- | -------- |
| 02/20 | Class Introduction <br> Intro to HTML+CSS | Homepage |
| 02/27 | Intro to JavaScript | Image Viewer |
| 03/06 | More on JavaScript | TODO List (pure JS) |
| 03/13 | More on JavaScript + p5.js + Git Flow | Flappy Bird (on github) |
---
### Syllabus (2/5)
| Date | Contents | Examples |
| ----- | -------- | -------- |
| 03/20 | **Classes in JS** <br> Intro to React.js | **Simple Blog Page <br>in React** |
| 03/27 | More on React.js | **TODO List** |
| 04/03 | **Spring Break** | **(React) Calculator** |
| 04/10 | More on React.js <br> React Router | Mini Blog Page |
---
### Syllabus (3/5)
| Date | Contents | Examples |
| ----- | -------- | -------- |
| 04/17 | **Promise / Async-Await** <br> HTTP/Express/Middleware <br> Cloud + VM | Mini Blog Server |
| 04/24 | Node.js + Database | Complete Blog Page |
| 05/01 | **F8 (no class)** | **N/A** |
| 05/08 | Midterm Practice | TBA |
---
### Syllabus (4/5)
| Date | Contents | Examples |
| ----- | -------- | -------- |
| 05/15 | npm / Babel / Webpack / Oauth | Complete Blog Service |
| 05/22 | Redux + GraphQL | Mini Social Network |
| 05/29 | More on Database and Data Analytics | TBD |
| 06/05 | Project Design / Testing | TBD |
---
### Syllabus (5/5)
| Date | Contents | Examples |
| ----- | -------- | -------- |
| 06/12 | Open-Source Project: Bottender.js | Chatbot |
| 06/19 | **Final Exam Week (no class, no exam)** | **N/A** |
| 06/26 | **Final Project Presentation** | **N/A** |
---
## You must spend time reading React tutorials!!
----
### React Reference Readings
* From official reactjs.org website
* [Getting started](https://reactjs.org/docs/getting-started.html)
* [A short tutorial](https://reactjs.org/tutorial/tutorial.html)
* [Thinking in React](https://reactjs.org/docs/thinking-in-react.html)
----
* **React Fundamentals**: 不錯且都很短的教學影片
* [Hello World - First Component](https://egghead.io/lessons/react-hello-world-first-component)
* [The Render Method](https://egghead.io/lessons/react-the-render-method)
* [Introduction to Properties](https://egghead.io/lessons/react-introduction-to-properties)
* [State Basics](https://egghead.io/lessons/react-state-basics)
* [Owner Ownee Relationship](https://egghead.io/lessons/react-owner-ownee-relationship)
* [Using Refs to Access Components](https://egghead.io/lessons/react-using-refs-to-access-components)
* [Accessing Child Properties](https://egghead.io/lessons/react-accessing-child-properties)
* [Component Lifecycle - Mounting Basics](https://egghead.io/lessons/react-component-lifecycle-mounting-basics)
* [Component Lifecycle - Mounting Usage](https://egghead.io/lessons/react-component-lifecycle-mounting-usage)
* [Component Lifecycle - Updating](https://egghead.io/lessons/react-component-lifecycle-updating)
---
{"metaMigratedAt":"2023-06-14T20:42:23.544Z","metaMigratedFrom":"YAML","title":"Administrative Information (03/20)","breaks":true,"slideOptions":"{\"theme\":\"beige\",\"transition\":\"fade\",\"slidenumber\":true}","contributors":"[{\"id\":\"752a44cb-2596-4186-8de2-038ab32eec6b\",\"add\":3229,\"del\":0}]"}