自動播放
自動完成
前一個課程
完成並前往下一段課程
I’m coding it! 微痛轉職工程師
打穩基本功的 10 堂課 - 起步走
0.1 - 關於這門線上課程 (8:03)
0.2 - 開發工具 (10:11)
0.3 - 網站是怎麼運作的 (8:09)
打穩基本功的 10 堂課 - HTML
0.4.1 - HTML (7:16)
0.4.2 - HTML 標籤 (19:06)
0.4.3 - 字體 (10:38)
0.4.4 - 註解 (5:01)
0.4.5 - 圖片、聲音與影片 (25:00)
0.4.6.a - 結構標籤 (10:18)
0.4.6.b - 語意化標籤 part 1 (9:59)
0.4.6.c - 語意化標籤 part 2 (4:50)
0.4.7 - 表單 1 (22:01)
0.4.8 - 表單 2 (13:28)
0.4.9 - 表格 (10:40)
打穩基本功的 10 堂課 - CSS
0.5.1 - CSS 簡介 (12:15)
0.5.2 - CSS 選取器 (15:43)
0.5.3 - CSS 常用語法 (29:18)
0.5.4 - Box Model (28:07)
0.5.5a - 排版 (11:55)
0.5.5b - 實作練習 - Yahoo新聞頁面 (49:56)
0.5.5c - 實作練習 - 個人簡介 part 1 (17:53)
0.5.5c - 實作練習 - 個人簡介 part 2 (56:14)
0.5.6 - SCSS/SASS 讓你寫 CSS 更輕鬆 (16:06)
0.5.7a - Flexbox 排版 (25:34)
0.5.7b - FlexboxFroggy 攻略 (16:58)
0.5.8 - Bootstrap (15:14)
0.5.9 - RWD (19:19)
打穩基本功的 10 堂課 - JavaScript
0.6.1 - JavaScript 簡介 (7:18)
0.6.2a - JS 基礎 - 第一個 JS 程式 (11:09)
0.6.2b - JS 基礎 - 變數與資料型態 (26:04)
0.6.3 - JS 基礎 - 流程控制 (12:33)
0.6.4 - JS 基礎 - 函數 (18:59)
0.6.5 - JS 基礎 - 陣列 (12:49)
0.6.6 - JS 基礎 - 迴圈 (7:02)
0.6.7a - JS 基礎 - DOM (27:32)
0.6.7b - JS 基礎 - DOM 練習 (15:11)
0.6.8 - JS 基礎 - 事件 (18:35)
0.6.9a - JS 基礎 - 物件導向程式設計 (6:49)
0.6.9b - JS 基礎 - 物件 (26:16)
0.6.10 - JS 基礎 - Chrome Console (6:47)
0.6.11a - JS 基礎 - ES6 part 1 (15:07)
0.6.11b - JS 基礎 - ES6 part 2 (13:03)
0.6.12 - JS 基礎 - jQuery 簡介 (9:36)
0.6.13a - JS 基礎 - 來寫遊戲吧之 21 點 part 1 (21:08)
0.6.13b - JS 基礎 - 來寫遊戲吧之 21 點 part 2 (17:17)
0.6.13c - JS 基礎 - 來寫遊戲吧之 21 點 part 3 (24:44)
0.6.13d - JS 基礎 - 來寫遊戲吧之 21 點 part 4 (25:18)
0.6.13e - JS 基礎 - 來寫遊戲吧之 21 點 part 5 (16:54)
0.6.14a - JS 基礎 - AJAX part 1 (19:26)
0.6.14b - JS 基礎 - AJAX part 2 (28:55)
打穩基本功的 10 堂課 - Git
0.7.0 - 前言 - 關於 Git (3:05)
0.7.1 - Git 簡介 (5:07)
0.7.2 - 安裝 Git (8:12)
0.7.3 - 常用終端機指令介紹 (14:09)
0.7.4 - 開始使用 Git (25:07)
0.7.5 - Git 小劇場 part 1 (16:10)
0.7.6a - 使用分支 (18:19)
0.7.6b - 複雜一點的分支 (11:24)
0.7.6c - 另一種合併分支的方式 (11:25)
0.7.7a - 如何回到上一步 (17:40)
0.7.7b - Git 情境劇 part 2 (26:55)
0.7.7c - 使用標籤 (3:15)
0.7.8 - Learn Git Branching 攻略 (25:38)
0.7.9 - 修改歷史紀錄 (17:23)
0.7.10a - GitHub 簡介 (3:22)
0.7.10b - 開始使用 GitHub part 1 (22:09)
0.7.10c - 開始使用 GitHub part 2 (14:28)
0.7.10d - Git 情境劇 part 3 (20:41)
0.7.11 - Git 開發流程簡介 (12:34)
打穩基本功的 10 堂課 - Ruby
0.8.0 - Ruby 簡介 (7:48)
0.8.1 - 環境安裝 (13:18)
0.8.2 - Hello World (21:43)
0.8.3 - 變數與常數 (19:56)
0.8.4 - 字串與數字 (9:39)
0.8.5 - 邏輯判斷與流程控制 (23:47)
0.8.6 - 迴圈與迭代 (17:15)
0.8.7 - 陣列與範圍 (32:31)
0.8.8 - 雜湊 (7:55)
0.8.9 - 符號 (16:14)
0.8.10 - 方法 (41:51)
0.8.11 - 模組化 (6:38)
0.8.12 - Rake (13:36)
0.8.13a - Block 簡介 (9:18)
0.8.13b - 控制權轉讓的時候 (13:22)
0.8.13c - Block 其實不是參數 (8:56)
0.8.13d - 物件化的 Block (9:36)
0.8.14a - 物件導向程式設計 (15:34)
0.8.14b - 物件的初始化 (7:31)
0.8.14c - 實體方法與類別方法 (5:39)
0.8.14d - 實體變數與類別變數 (18:44)
0.8.14e - 開放類別 (11:12)
0.8.14f - 存取控制 (19:01)
0.8.14g - 模組 (17:22)
0.8.15a - Web 篇之 Rack (28:51)
0.8.15b - Web 篇之 Sinatra - part 1 (31:17)
0.8.15b - Web 篇之 Sinatra - part 2 (23:09)
打穩基本功的 10 堂課 - Ruby on Rails
【重要】請先看這裡 (8:30)
0.9.1 - Ruby on Rails 簡介 (11:30)
0.9.2 - 環境安裝 (28:59)
0.9.3 - 常用終端機指令介紹 (17:59)
0.9.4 - 第一個應用程式 (17:11)
0.9.5 - MVC 是什麼？ (8:01)
0.9.6 - Migration 是做什麼的？ (7:16)
0.9.7 - 第二個 Model (22:09)
0.9.8 - 資料驗證 (23:13)
0.9.9 - 純手工打造 - 001 (5:24)
0.9.9 - 純手工打造 - 002 (21:42)
0.9.9 - 純手工打造 - 003 (18:05)
0.9.9 - 純手工打造 - 004 (14:42)
0.9.9 - 純手工打造 - 005 (13:01)
0.9.9 - 純手工打造 - 006 (8:43)
0.9.9 - 純手工打造 - 007 (8:38)
0.9.9 - 純手工打造 - 008 (15:43)
0.9.9 - 純手工打造 - 009 (12:09)
0.9.9 - 純手工打造 - 010 (16:19)
0.9.9 - 純手工打造 - 011 (18:22)
0.9.9 - 純手工打造 - 012 (10:37)
0.9.9 - 純手工打造 - 013 (15:56)
0.9.9 - 純手工打造 - 014 (17:10)
0.9.9 - 純手工打造 - 015 (21:39)
0.9.9 - 純手工打造 - 016 (23:49)
0.9.10 - ActiveRecord - 資料表關連 part 1 (15:04)
0.9.10 - ActiveRecord - 資料表關連 part 2 (24:13)
0.9.10 - ActiveRecord - 資料表關連 part 3 (20:18)
0.9.10 - ActiveRecord - 資料表關連 part 4 (35:04)
0.9.11 - ActionMailer 寄發信件 (14:24)
0.9.12 - ActiveJob 背景工作 (6:35)
打穩基本功的 10 堂課 - 資料庫
0.10.1 - 資料庫簡介 (17:30)
0.10.2 - 建立資料庫 (26:37)
0.10.3 - CRUD 之 C 新增資料 (17:09)
0.10.4 - CRUD 之 R 查詢資料 (20:42)
0.10.5 - CRUD 之 U 更新資料 (9:11)
0.10.6 - CRUD 之 D 刪除資料 (5:37)
0.10.7 - 資料庫正規化 (16:41)
0.10.8 - 更進階的查詢 (21:13)
0.10.9 - 更多表格的查詢 (35:28)
實作單元 1：向 Medium 致敬
1.1 - 專案簡介 (7:36)
1.2 - 建立專案 (19:13)
1.3 - 安裝 Bulma (15:09)
1.4 - 會員選單 (12:54)
1.5 - 會員表單客製化 (11:10)
1.6 - 新增故事（文章） (24:22)
1.7 - 編輯及刪除故事（文章） (24:40)
1.8 - 發佈故事（文章） (12:51)
1.9 - 文章狀態管理（狀態機） (17:37)
1.10 - 文章上、下架 (13:15)
1.11 - 幫文章加上「網址」 (15:53)
1.12 - 新增使用者帳號及自我介紹 (18:46)
1.13 - 修正使用者註冊欄位 (9:14)
1.14 - 上傳使用者大頭照 (22:46)
1.15 - 首頁（故事列表） (20:52)
1.16 - Webpacker 簡介與安裝 (9:45)
1.17 - Stimulus.js 簡介 (21:55)
1.18 - 安裝 foreman (6:30)
1.19 A - 新增故事封面圖 (12:53)
1.19 B - 整理故事列表 (11:00)
1.19 C - 顯示故事列表封面圖 (7:54)
1.20 - 故事內容頁 (11:44)
1.21 - 把 assets 移到 webpacker 來管理 (16:06)
1.22 A 留言功能 - 使用 paranoia gem (7:53)
1.22 B 留言功能 - 新增 Comment Model (11:27)
1.22 C 留言功能 - 新增留言（上） (14:45)
1.22 D 留言功能 - 新增留言（中） (12:37)
1.22 E 留言功能 - 新增留言（下） (14:13)
1.23 - 安裝 font awesome (9:01)
1.24 - 拍手功能 part 1 (18:10)
1.25 - 拍手功能 part 2 (14:04)
1.26 - Follow 功能 part 1 (16:30)
1.27 - Follow 功能 part 2 (20:10)
1.28 - API 整理 (14:59)
1.29 - 書籤功能 part 1 (13:43)
1.30 - 書籤功能 part 2 (17:05)
1.31 - 故事編輯器 part 1 (16:07)
1.32 - 故事編輯器 part 2 (22:13)
1.33 - 收費會員功能 part 1 (15:51)
1.34 - 收費會員功能 part 2 (22:12)
1.35 - 收費會員功能 part 3 (27:52)
單元實作 2：向 Citiesocial 致敬
2.1 - 專案簡介 (10:40)
2.2 - 安裝 Rails / 初始專案 (11:33)
2.3 - 安裝前端套件 (14:53)
2.4 - 前端架構 (8:31)
2.5 - 首頁 Layout (導覽列) (13:57)
2.6 - 首頁 Layout (主選單 & Footer) (11:50)
2.7 - 首頁 Layout (跑馬燈效果) (12:11)
2.8 - 首頁 Layout (電子報訂閱、商品列表、商品內頁) (12:24)
2.9 - 安裝 Devise 及客制化登入頁面 part 1 (15:34)
2.10 - 安裝 Devise 及客制化登入頁面 part 2 (10:00)
2.11 - 串接第三方登入（Google）part 1 (15:43)
2.12 - 串接第三方登入（Google）part 2 (14:38)
2.13 - 後台介面 (18:05)
2.14 - 廠商管理 part 1（TDD） (13:02)
2.15 - 廠商管理 part 2 (18:01)
2.16 - 廠商管理 part 3 (17:22)
2.17 - 商品管理 part 1 建立 Model (10:24)
2.18 - 商品管理 part 2 新增商品 (11:46)
2.19 - 商品管理 part 3 (12:54)
2.20 - 使用 Concerns 簡化程式碼 (8:22)
2.21 - 商品列表、編輯與刪除 (15:04)
2.22 - 商品說明（文字編輯器） (11:31)
2.23 - 商品說明（上傳圖片修正） (5:51)
2.24 - 商品庫存 part 1 (6:05)
2.25 - 商品庫存 part 2 (12:11)
2.26 - 商品庫存 part 3 (16:16)
2.27 - 商品庫存 part 4 (11:46)
2.28 - 電子報訂閱 part 1 (13:25)
2.29 - 電子報訂閱 part 2 (14:06)
2.30 - 商品分類 part 1 (8:58)
2.31 - 商品分類 part 2 (13:20)
2.32 - 商品分類 part 3 (9:50)
2.33 - 商品分類 part 4 (16:28)
2.34 - 商品分類 part 5 (12:46)
2.35 - 商品分類 part 6 (9:48)
2.36 - 商品分類 part 7 (12:31)
2.37 - 商品分類 part 8 (13:14)
2.38 - 商品頁面 (12:42)
2.39 購物車 part 0 (12:57)
2.40 購物車 part 1 (13:27)
2.41 購物車 part 2 (11:26)
2.42 購物車 part 3 (13:58)
2.43 購物車 part 4 (12:36)
2.44 購物車 part 5 (17:31)
2.45 購物車 part 6 (10:46)
2.46 購物車 part 7 (8:32)
2.47 購物車 part 8 (12:52)
2.48 購物車 part 9 (13:11)
2.49 購物車 part 10 (8:13)
2.50 使用購物車 part 1 (13:00)
2.51 使用購物車 part 2 (12:18)
2.52 使用購物車 part 3 (14:57)
2.53 使用購物車 part 4 (11:07)
2.54 使用購物車 part 5 (16:51)
2.55 使用購物車 part 6 (14:24)
2.56 使用購物車 part 7 (9:39)
2.57 使用購物車 part 8 (15:32)
2.58 使用購物車 part 9 (14:33)
2.59 使用購物車 part 10 (20:38)
2.60 串接 LINE Pay part 1 (6:58)
2.61 串接 LINE Pay part 2 (13:20)
2.62 串接 LINE Pay part 3 (12:40)
2.63 串接 LINE Pay part 4 (8:05)
2.64 串接 LINE Pay part 5 (15:14)
2.65 串接 LINE Pay part 6 (10:07)
2.66 串接 LINE Pay part 7 (11:39)
2.67 串接 LINE Pay part 8 (13:08)
2.68 串接 LINE Pay part 9 (12:18)
2.69 串接 LINE Pay part 10 (5:25)
單元實作 3：向 Trello 致敬
3.1 - 專案簡介 (5:36)
3.2 - Vue.js 簡介 part 1 (5:34)
3.3 - Vue.js 簡介 part 2 (9:30)
3.4 - Vue.js 簡介 part 3 (9:58)
3.5 - Vue.js 簡介 part 4 (11:02)
3.6 - Vue.js 練習 BMI 計算機 (2:35)
3.7 - Vue.js 練習 BMI 計算機（實作） (8:35)
3.8 - Tailwind CSS 簡介 (14:36)
3.9 - 建立專案 (16:02)
3.10 - Devise 客制化 + Navbar (18:37)
3.11 - 使用 scaffold 建立 List 跟 Card (19:05)
3.12 - Vue.js 改寫 (11:54)
3.13 - 元件化 part 1 (List) (11:58)
3.14 - 元件化 part 1 (Card) (9:50)
3.15 - 新增卡片 part 1 (14:49)
3.16 - 新增卡片 part 2 (7:34)
3.17 - 拖拉 List (14:25)
3.18 - 拖拉 Card (13:55)
3.19 - 整理 CSS 以及用不到的檔案 (12:30)
3.20 - Vue 的 lifecycle 介紹及改寫 data-lists (10:19)
3.21 - 使用 Vuex 管理狀態 (26:00)
3.22 - 編輯卡片 part 1 (19:36)
3.23 - 編輯卡片 part 2 (16:42)
3.24 - 新增列表 part 1 (12:19)
3.25 - 新增列表 part 2 (12:14)
3.26 - 刪除列表 (12:43)
3.27 - 即時互動功能(使用 ActionCable) part 1 (20:29)
3.28 - 即時互動功能(使用 ActionCable) part 2 及其它學習資源 (13:03)
客座講座
「使用者在想什麼？」- 李德俊（紅豆） (73:44)
「撰寫一份好的開發者履歷」 - 林鴻斌博士（Ice） (74:52)
1.12 - 新增使用者帳號及自我介紹
此內容為付費課程
如果您已經加入此課程，
您需要登入才能收看課程內容。
.
現在就加入！