Web
程式設計
關於這個網站 (108學年度)
關於這個網站 (108學年度)
2019/10/22 (內容更新)
2019/10/27 (增加連結)
** 108學年度「Web Programming」請詳見 「Web Programming in PHP」 **
這個教學網站目前是輔仁大學資訊管理學系吳濟聰老師的專題學生的自主學習網站,利用本網站充實web基本知識,目前在前端的部分採用react,而後端的部分是採用spring framework (Java)。
自學進度規劃
自學進度規劃
- 前端
- 複習前端的基本概念
- HTML / CSS / JavaScript / Bootstrap / Form
- React 基礎:
- JS for react (week 01)
- First React (week 01)
- Class Component (week 01)
- Functional Component with Hooks(week 02)
- Material UI (week 03)
- Router & Material UI (week 04)
- React進階
- Context
- Context with Hooks
- Redux
- Redux with Hooks
- 複習前端的基本概念
- 後端
- Spring 基礎:
- Spring Rest Controller (week 01)
- DB
- 安裝mysql,產生table,讀取資料表內容 (week 02)
- 新增資料 (week 03)
- 更改資料 (week 04)
- Spring Security
- Spring 基礎:
- 前後端整合 React + Spring
這個教學網站是為了輔仁大學資訊管理學系吳濟聰老師的專題學生而改寫,在前端的部分改採用react,而後端的部分是採用spring framework:
前端
前端
- 過去的前端是由伺服器端產生html,react則是利用javascript在瀏覽氣端產生html
- React: 利用create-react-app產生一個react應用程式
- REST: 利用react存取restful web services
- 採用Axios
- get
- 範例也用react hooks重寫,採用functional component,使用到useState、useEffect
- 採用Axios
- Material-UI
- 利用rest的範例說明如何在react中使用Material-UI
- Material-UI
- Table
- React + Spring Rest
- 利用react存取spring boot開發的restful web services,spring boot的部分請參考: Spring Rest Controller
- 採用Axios
- get
- post
- 範例也用react hooks重寫,採用functional component,使用到useState、useEffect
- 說明如何在react中使用Material-UI
- Table
- TextField
- Button
- 如何設定style
- Airtable
- 利用react存取airtable提供的restful web services
- Router + MUI
- 利用react router將不同的component串連起來
- 利用前面幾個範例說明如何在react中使用Material-UI
- AppBar
- Link
後端
後端
- Java已在前面的基礎課程中學過,請自行複習
- Spring是一個以java為基礎的框架,有相當多可以利用的套件,方便我們開發較複雜的web應用程式
- Spring Rest Controller
- DB: Spring JDBC in REST controller
- Spring Security
- JWT
- Spring Security結合JWT的方法教程
- Spring MVC整合Spring Security基本設定 (part 1)
- Spring MVC RESTful API 整合Spring Security及JWT (part )
- What is JWT?
- Spring Security with JWT
- Secure a Spring Boot REST API with JSON Web Token
- Spring Boot Security + JWT Hello World Example
- Spring Boot Security + JWT + MySQL Hello World Example
- Protect REST APIs with Spring Security and JWT
- REST Security with JWT using Java and Spring Security
- React + JWT
- Spring Session - Spring Boot with Redis
- Spring Security Login Page with React
- *****以下內容尚未將前端的部分改採用react + rest
- Spring Framework (Web)
- Spring Boot
- Spring with React
- Spring Rest Controller
- React + Spring Rest
- Spring Data
- Spring REST
- React.js and Spring Data REST
- Part 1 - Basic Features
- Part 2 - Hypermedia Controls
- Part 3 - Conditional Operations
- Part 4 - Events
- Part 5 - Securing the UI and the API
- React.js and Spring Data REST
- Spring FileUpload
- Spring Mail
- Spring Framework