自動播放
自動完成
上一個單元
Complete and Continue
[MTR04] 程式導師實驗計畫第四期
計畫簡介
跑一次計劃大綱及時程 (15:20)
課程溝通平台(Slack, Sepctrum) (6:25)
Lidemy 學習系統與每日進度報告及淘汰制 (7:49)
淺談 Markdown 格式 (12:16)
課程進行方式 (6:09)
直播連結傳送門
寫作業與交作業流程
設定 GitHub 專案 (6:15)
如何交作業(請先上完 GIT101) (14:15)
人人都可 Code Review (1:20)
特殊情形:更新到最新狀態,與我的 master 同步 (6:51)
不小心跟我的 master 同步混在一起怎麼辦? (13:55)
第零週:心態培養
課程簡介 (1:54)
心得筆記應該要寫哪裡? (6:53)
第一週(06/12 ~ 06/21):暖身週
課程簡介 (15:20)
很重要的基礎:檔案格式 (16:10)
網頁前後端整體架構說明 (18:37)
前後端架構補充 (1:22)
作業介紹 (2:09)
第二週(06/22 ~ 06/28):程式基礎(上)
課程簡介 (8:16)
快速 JavaScript 基礎簡介 (18:43)
作業介紹 (2:44)
第三週(06/29 ~ 07/05):程式基礎(下)
課程簡介 (1:24)
npm 簡介 (12:37)
設定 eslint (14:00)
作業介紹 (1:05)
第四週(07/06 ~ 07/12):網路基礎
課程簡介 (6:20)
作業介紹 (5:06)
function 額外補充:part1 (20:43)
function 額外補充:part2 (21:04)
Request 額外補充(超重要) (56:58)
第五週(07/13 ~ 07/19):複習週
課程與作業簡介 (3:17)
Show time!公車即時動態 (48:11)
Show time!寄信小程式 (21:51)
第六週(07/20 ~ 07/26):前端基礎 HTML 與 CSS
Zeplin 介紹 (5:46)
課程簡介 (15:10)
作業介紹 (6:47)
切版補充教學 01 - Navbar(請先看完這週課程) (30:29)
切版補充教學 02 - 大圖 (16:56)
切版補充教學 03 - 一堆圖片 (22:01)
切版補充教學 04 - footer (14:38)
參考範例防雷區塊(請先寫完作業再看)
參考範例:餐廳評論區塊(請先寫完作業再看) (20:56)
參考範例:報名表單(請先寫完作業再看) (30:14)
第六週特別補充課程:position 與 display 實戰篇 by minw 助教
1. 課程介紹 (1:38)
2. Position 實戰篇 (7:29)
3. Display 實戰篇 (7:28)
4. Flex 實戰篇 (9:11)
5. Grid 實戰篇 (9:05)
第七週(07/27 ~ 08/02):前端基礎 JavaScript
課程簡介 (13:40)
作業介紹 (4:37)
參考範例防雷區塊(請先寫完作業再看)
參考範例:hw1 表單驗證(請先寫完作業再看) (40:08)
參考範例:hw2 FAQ 頁面(請先寫完作業再看) (27:22)
參考範例:hw3 todo list(請先寫完作業再看) (29:49)
捕獲與冒泡特別補充 (18:48)
第八週(08/03 ~ 08/09):前端基礎串 API
課程簡介 (11:15)
作業介紹 (5:08)
參考範例防雷區塊(請先寫完作業再看)
參考範例:hw1 抽獎活動 - 切版篇(請先寫完作業再看) (28:02)
參考範例:hw1 抽獎活動 - 功能篇(請先寫完作業再看) (30:25)
Twitch API 講解 Part1(新版) (25:23)
Twitch API 講解 Part2(新版) (24:42)
參考範例:hw2 Twitch API(舊版備份) (14:59)
Twitch API 補充講解(舊版備份) (21:24)
第九週(08/10 ~ 08/16):後端基礎 PHP 與 MySQL
課程簡介與作業介紹 (7:37)
PHP 相關作業繳交注意事項 (2:49)
如何上傳作業? (5:13)
如何設定作業的資料庫? (17:13)
第十週(08/17 ~ 08/23):複習週
課程簡介 (1:56)
Show time! 餐廳網站 (19:48)
Show time! 活動報名系統 - landing page (29:31)
Show time! 活動報名系統 - 表單 (14:52)
Show time! 活動報名系統 - 後台 (22:25)
第十一週(08/24 ~ 08/30):資訊安全
課程簡介 (10:46)
作業介紹 (6:46)
參考範例:hw1 身份系統上集(請先寫完作業再看) (23:50)
參考範例:hw1 身份系統下集(請先寫完作業再看) (11:50)
參考範例:hw2 部落格(上)(請先寫完作業再看) (16:10)
參考範例:hw2 部落格(中)(請先寫完作業再看) (10:45)
參考範例:hw2 部落格(下)(請先寫完作業再看) (20:22)
第十二週(08/31 ~ 09/06):前後端整合
課程簡介 (5:24)
作業介紹 (4:31)
作業一帶著做之打造後端 API:Part1 (18:32)
作業一帶著做之打造後端 API:Part2 (22:39)
作業一參考範例(請寫完作業再看) (28:07)
Todo list 參考範例 Part1:前端功能 (38:29)
Todo list 參考範例 Part2:前端 bug 修正 (4:58)
Todo list 參考範例 Part3:從 UI 拿出資料 (9:57)
Todo list 參考範例 Part4:實作與串接後端 API (23:20)
Todo list 參考範例 Part5:不一樣的實作方式 (19:33)
第十三週(09/07 ~ 09/13):現代前端工具
課程簡介 (8:04)
作業介紹 (5:21)
帶著做留言板 plugin:part1 (16:18)
帶著做留言板 plugin:part2 (16:15)
帶著做留言板 plugin:part3 (18:45)
帶著做留言板 plugin:part4 (2:04)
CSS 優化 Part1 by minw (3:45)
CSS 優化 Part2 by minw (11:41)
CSS 優化 Part3 by minw (5:16)
CSS 優化 Part4 by minw (3:18)
第十四週(09/14 ~ 09/20):伺服器與網站部署
課程簡介 (11:43)
作業介紹 (2:33)
網站部署講解 Part1:架主機(建議自己先部署完再看) (14:54)
網站部署講解 Part2:資料庫(建議自己先部署完再看) (16:34)
網站部署講解 Part3:再戰資料庫(建議自己先部署完再看) (6:14)
網站部署講解 Part4:上傳 PHP(建議自己先部署完再看) (15:24)
第十五週(09/21 ~ 09/27):複習週
覆盤前幾週,展望未來 (10:30)
Show time! 部落格與評論系統 (8:42)
Show time! 第四期官網導覽 (18:48)
第十六週(09/28 ~ 10/04):JavaScript 核心與物件導向
課程簡介 (2:52)
作業介紹 (2:57)
第十七週(10/05 ~ 10/11):現代後端開發(上)
課程簡介 (5:29)
作業介紹 (6:07)
第十八週(10/12 ~ 10/18):現代後端開發(下)
課程簡介 (1:27)
作業介紹 (5:15)
第十九週(10/19 ~ 10/25):產品開發流程
課程簡介 (10:52)
作業介紹 (2:22)
第二十週(10/26 ~ 11/01):複習週
複習週介紹 (10:40)
Show time! 導讀學習系統原始碼 (28:13)
第二十一週(11/02 ~ 11/08):前端框架(一)
課程簡介 (5:26)
作業介紹 (3:18)
第二十二週(11/09 ~ 11/15):前端框架(二)
課程簡介 (3:13)
作業介紹 (1:57)
第二十三週(11/16 ~ 11/22):前端框架(三)
課程簡介 (2:37)
作業介紹 (1:31)
第二十四週(11/23 ~ 11/29):前端框架(四)
課程簡介 (1:40)
作業介紹 (2:33)
補充:SSR 簡介 (10:53)
補充:Next.js 介紹 (7:21)
補充:TypeScript (8:37)
Teach online with
3. Display 實戰篇
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock