---
# System prepended metadata

title: 複習 / 預習資源
tags: [109-1, ' resource']

---

---
tags: 109-1, resource
---

# 複習 / 預習資源

因為再來四週連續是野台、聖誕、元旦、期末考前，所以沒部課了，到 1/15 有尾牙。

所以列一些資源讓大家複習和預習（或是寒假看），下學期要來做事囉！

## 複習

### 基本工具

- Linux / Git
    - 請見聯合部課的 [投影片和影片](https://hackmd.io/@ntueesa/109-1-academic-and-information-lecture/https%3A%2F%2Fhackmd.io%2FSfgdhnDyRLaBHWXdm-W2Yw%3Fview%26fbclid%3DIwAR2A420Y8T13IxokkRybnDPQ0MEVFumq5b1j9luDYVuN7LaqX6bGdGsyxjQ)

### 前端

- HTML / CSS / Javascript
    - https://www.w3schools.com/html/default.asp

### 後端

- Express
    - http://expressjs.com/
- Flask
    - https://flask.palletsprojects.com/en/1.1.x/

### 部屬

- Github page
    - https://hackmd.io/@ntueeinfodep/Hy3NqRyEv/%2F_8ZQJZN2QC6VI3epC7pnkQ
- Docker
    - https://hackmd.io/@ntueeinfodep/Hy3NqRyEv/%2Fle2b-snxTTiH6CqWmm1H6Q

## 預習

### JS 進階語法 & 前後端串接

- Promise
    - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise
- async / await
    - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function
- fetch
    - https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

### 前端

- React
    - https://reactjs.org/
    - React 相關
        - Create React App （快速做一個 react app 的首選）
            - https://create-react-app.dev/docs/documentation-intro/
        - Gatsby （寫部落格或個人網站之類的很靜態的東西推薦）
            - https://www.gatsbyjs.com/
        - NextJS （要跟後端配合的推薦）
            - https://nextjs.org/
        - Redux （react global state manager）
            - https://redux.js.org/
        - Chrome plugins
            - [React Dev tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
            - [Redux Dev tools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd)

- Graphql
    - https://graphql.org/

### 後端

- Express Session
    - https://www.npmjs.com/package/express-session

- Bcrypt （之前講的把密碼 hash 的套件）
    - https://www.npmjs.com/package/bcrypt
    
- dotenv
    - https://www.npmjs.com/package/dotenv
    - https://pypi.org/project/python-dotenv/

- SocketIO
    - https://socket.io/

- MongoDB （document based database）
    - https://docs.mongodb.com/
    - 串接 nodejs
        - [mongoose](https://mongoosejs.com/)

- SQL （表格式的 database）
    - https://www.w3schools.com/sql/
    - SQL 相關
        - sqlite
            - https://www.sqlite.org/index.html
            - python sqlite3 （python 內建 sql 套件）
                - https://docs.python.org/3/library/sqlite3.html
        - mysql
            - https://www.mysql.com/

- Redis （key-value pair memory database）
    - https://redis.io/

### 部屬

- Heroku
    - https://www.heroku.com/