---
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/