課程介紹:
一次掌握現代 Web 前後分離 × 非同步互動的核心技術!
在現代網站與系統開發中,前端需要高互動體驗,而後端需要穩定、安全、可維護的 API。
本課程以 Spring Boot 後端框架 搭配 Java 開發 RESTful API,並結合 Ajax 動態更新技術,讓學員完整掌握前後端分離時代最重要的技能組合!
透過大量實作與案例練習,你將能開發具有 即時互動、非同步更新、資料查詢與操作 的完整動態網站,成為企業最需要的全端型人才。
課程目標:
- 能獨立開發 RESTful API 並完成後端邏輯
- 能使用 Ajax 讓網頁具備動態更新能力
- 能整合前端頁面與 Spring Boot API 完成真實功能
- 能建置 CRUD 系統與資料庫整合服務
- 具備全端開發基礎,能無痛銜接前後端分離的架構(如 Vue / React)
適合對象:
- 想成為後端工程師 / 全端工程師的初中階開發者
- 已具備 Java 基礎,想學習如何用 Spring Boot 建 RESTful API
- 想掌握 Ajax 技術、提升網頁互動體驗的學員
- 企業 IT 人員想快速導入 Spring Boot + RESTful 架構
- 想從傳統 JSP → 現代 API 開發模式轉換者
課程大綱:
Module 1|HTTP簡介
- 網際網路技術概說
- HTTP、Browser、Web Server、HTML的關係
- HTTP與TCP/IP
- HTTP規格:HTTP Request
- HTTP method、Request URI
- HTTP規格:HTTP Response
- HTTP status code
- Browser傳送資料給Web Server
- 動態網頁技術如何處理HTTP Request
Module 2|Spring Boot Web 應用程式開發實務
- Spring Boot Web應用程式的自動設定機制
- 內嵌式Container概說
- Spring Boot Developer Tools
- Controller元件程式:handler method的參數與回傳型別
- Controller元件設定:@Controller、@GetMapping、@PostMapping等
- @RequestMapping、@GetMapping、@PostMapping、@PutMapping、@DeleteMapping
- @RestController、@RequestBody、@ResponseBody、@PathVariable
Module 3|RESTful API 開發實務
- GET / POST / PUT / DELETE API 開發
- DTO、資料驗證(Validation)
- Postman 進行 API 測試
Module 4|Ajax 非同步互動技術
- 網頁開發技術架構介紹:Ajax網頁應用、前後分離網頁應用
- 同步與非同步比較
- Ajax 基本概念與運作流程(JSON、DOM、JavaScript)
- 使用 axios 與後端 API 串接
- 表單非同步送出、動態載入資料
- JSON 資料解析、前端動態渲染
- 同源政策(Same Origin Policy)與跨來源資源共享(Cross Origin Resource Sharing)

