⬆ 【共筆】《2022 網頁開發全攻略》共同學習時程

本組預計 34 週完成(滾動式調整),進度參考 ← 點擊開啟 google sheet(需複製到自己的 google drive 才能編輯)。

6 月 1 日起,每週三晚上 9:30 開始,Zoom meeting 連結,通常1小時以內討論完畢(時程可能變更,詳見 Discord 本組頻道)。

本文設為 WIKI 共筆,歡迎大家共同維護更新。

日期 章節 導讀人 筆記連結 錄影連結
6/1 Section 1 Ang 筆記 YouTube
Section 2 筆記
Section 3 筆記
6/8 Section 4 小玉 筆記 YouTube
6/15 Section 5 Sky [筆記] YouTube
6/22 Section 6 小玉 筆記 YouTube
6/29 Section 7 小玉 筆記 YouTube
7/6 Section 8 Oliver [筆記] YouTube
7/20 Section 9 Sky 筆記 YouTube
Section 10 Sky 筆記 同上
7/27 Section 11 Ang 筆記 YouTube
8/3 Section 12 小玉 [筆記] YouTube
8/10 Section 13 小玉 [筆記] [YouTube]
Section 14 小玉 [筆記] [YouTube]
Section 15 小玉 [筆記] [YouTube]
8/17 Section 16 Sky [筆記] [YouTube]
8/24 Section 17 Sky [筆記] [YouTube]
8/31 Section 17 Sky [筆記] [YouTube]
9/7 Section 18 [筆記] [YouTube]
9/14 Section 19 [筆記] [YouTube]
9/21 Section 19 [筆記] [YouTube]
9/28 Section 20 [筆記] [YouTube]
Section 21
10/5 Section 22 [筆記] [YouTube]
10/12 Section 23 [筆記] [YouTube]
10/19 Section 24 [筆記] [YouTube]
Section 25
10/26 Section 26 [筆記] [YouTube]
11/2 Section 27 [筆記] [YouTube]
Section 28
11/9 Section 29 [筆記] [YouTube]
Section 30
11/16 Section 31 [筆記] [YouTube]
11/23 Section 32 [筆記] [YouTube]
11/30 Section 33 [筆記] [YouTube]
Section 34
12/7 Section 35 [筆記] [YouTube]
12/14 Section 36 [筆記] [YouTube]
12/21 Section 37 [筆記] [YouTube]
12/28 Section 37 [筆記] [YouTube]
1/4 Section 38 [筆記] [YouTube]
1/11 Section 39 [筆記] [YouTube]
1/18 Section 40 [筆記] [YouTube]
1/25 Section 41 [筆記] [YouTube]
2/1 Section 41 [筆記] [YouTube]
Section 42

內容視進行狀況彈性調整。


各章內容

Section 1: 課程準備
Section 2: 網路基本原理
Section 3: HTML - 1
Section 4: HTML - 2
Section 5: CSS - 1
Section 6: CSS - 2
Section 7: CSS - 3
Section 8: 進階 HTML、CSS(Flexbox 解說)
Section 9: Project1 - 台灣經濟歷史發展
Section 10: Responsive Web Design
Section 11: 進階 HTML、CSS(Part II)
Section 12: Project2 - 夏威夷租借服務網頁
Section 13: 進階 HTML、CSS(Part III)
Section 14: Project3 - Portfolio Project
Section 15: Optimization and Deployment
Section 16: JavaScript Basics - 1
Section 17: JavaScript Basics - 2
Section 18: JavaScript Practices
Section 19: Document Object Model
Section 20: Project4 - Todo List
Section 21: Survey
Section 22: Advanced JavaScript 1
Section 23: Advanced JavaScript 2 - Objects and OOP
Section 24: Advanced JavaScript 3
Section 25: Unix Command, Git and GitHub
Section 26: Node.js
Section 27: Express.js
Section 28: Embedded JavaScript Templating(EJS)
Section 29: SQL Database
Section 30: MongoDB
Section 31: Mongoose
Section 32: Advanced JavaScript 4 - Ajax and APIs
Section 33: Express and Mongoose: Everything Together
Section 34: RESTful API
Section 35: Middlewares, Error Handling, Cookies, Sessions
Section 36: Authentication
Section 37: Project5 - MongoDB Atlas,Passport.js,OAuth(Google Login)
Section 38: React
Section 39: Project6 - Photo Website
Section 40: MERN Project7 - Server with Json Web Token
Section 41: MERN Project7 - React Front End
Section 42: 恭喜完成 63 小時所有課程 !!