為什麼「Python」與「前端技術」值得你投資？

根據 StackOverflow 的調查，大家最想學習的軟體第一名是 Python，第二名是 JavaScript ，足見兩個軟體的熱度與市場對於這方面人才的需求。

即時資訊儀表板就是一門綜合 JavaScript網頁工程與Python數據分析的應用領域，在面對龐雜的資料，視覺化是資料與使用者之間最便利且快速的溝通方式。

希望透過本次課程的「即時資訊儀表板」專題，讓你能一次掌握綜合網頁工程與數據分析的技術面貌，快速提升工程技能的知識力、學習力、思考力，跨出成為「新世代人才」的第一步。

▶︎完整課程大綱：http://bit.ly/2xj6eSc（課程共109章節、預計1200分鐘）

完全初心者（想培養斜槓力）◇ 養成網頁工程師與數據分析師的基礎技能◇ 一次全面瞭解最熱門語言的相關知識◇ 瞭解各種技術之間的關聯性與適用場景◇ 應用這些技術實作出讓人眼睛一亮的即時系統

非技術背景者（如PM...）◇ 瞭解各個語言的基本知識◇ 每種專案的實作難易度與開發時程安排◇ 瞭解各種技術是怎麼互相搭配與專案溝通

只會單一技術者（如HTML/CSS/JS/Python...）◇ 瞭解其他語言的強項與弱項，進而更能適當地使用技術解決問題◇ 瞭解如何利用無伺服器服務如 Firebase 來架構服務

相關技術背景者◇ 數據分析師：擴充前端技能，學會從網頁中擷取資料◇ 網頁工程師：擴充 Python 數據分析技能，學會在頁面上展示資料的特徵

Q1. 上課前，需要準備什麼工具與先備知識呢？

❶ 課前工具準備：一台有網路的 64 位元 Windows / MacOS 電腦。

❷ 不需先備知識：課程會從基礎開始教起，所以零基礎的同學也歡迎加入課程唷！

Q2. 我如何操作，才可以學習這堂課程？

■ 現在只要按下右方的「立即購買」，並按後續步驟操作，就可以成為本堂線上課程的其中一位學員！

Q3. 這門課什麼時候開始上課？

正式課程預計分為兩批上架，第一批於 2018/12/19 (三)上架、第二批於 2019/1/30 (三)上架喔！

Q4. 這門課可以看多久？

購課後享不限次數、永久觀看，可以一直看一直學！

Q5. 可以問老師問題嗎？

當然！歡迎到「購課問答」詢問 ; 當學習遇到問題時，也歡迎到「課程討論區」與老師同學一同互動。

Q6. 我要如何購買課程呢？

非常的簡單！在你的右手邊有「立即購買」的字樣，點進去就對啦！

Q7. 目前有哪些付款方式呢？

目前 YOTTA 提供三種付款方式：

a/ 信用卡付款 (可使用 Visa / Master / JCB)

b/ 超商代碼付款 (7-11、全家、萊爾富、OK 即可繳費)

c/ ATM 轉帳

Q8. 為什麼我已經付款了，訂單狀態仍顯示未付款？

a/ 選擇「超商」方式付款，金流處理時間需 5~15 分鐘。

b/ 選擇「ATM」方式付款，銀行金流處理時間需要 1 個工作天，等金流完成入帳後，「訂單狀態」將會轉為顯示「已付款」，再麻煩稍待幾天。

Q9. 請問什麼時候會收到發票？

購買課程完成繳費後，電子發票會在收到銀行端入帳通知後三天內開立，並透過您註冊的 E-mail 寄送給您。

Q10. 我還有其他問題！

請直接參考 YOTTA 平台操作說明：http://bit.ly/2NLsbUj

單元

103個

課程總長

1072分鐘

課堂測驗

尚無測驗

無限觀看

永久

零、課前小教室《綜合型人才基礎技能養成計畫》
1 綜合型技能養成計劃一：瞭解各技術特性，讓JS與Python各司其職免費試看 01:16
2 綜合型技能養成計劃二：資料視覺化是資料與使用者最快速的溝通方式免費試看 00:59
3 綜合型技能養成計劃三：應用Python做網站爬蟲 (無字幕，正式課程影片皆會有字幕) 免費試看 15:38
4 綜合型技能養成計劃四：應用 Cloud Firestore 儲存資料 (無字幕，正式課程影片皆會有字幕) 免費試看 16:19
一、綜合基礎技能概觀
5 歡迎來到從零到一建構即時資訊儀表板 01:35
6 分享課程設計理念 01:27
7 綜合基礎技能的應用領域 01:01
8 學員上完這門課能學得什麼 01:17
二、即時資訊儀表板概觀
9 什麼是即時資訊儀表板 03:19
10 即時資訊儀表板的技能樹 03:19
11 課程進度條 02:20
12 課程範例預覽 01:34
三、基礎技能養成 | HTML語法基礎
13 可解析的文件格式 HTML 04:16
14 建立開發環境 18:56
15 基本網頁元素 21:17
16 條列資料使用 ol、ul 與 li 標籤 09:55
17 製作表格使用 table 標籤 14:58
18 分析網頁：台銀匯率網頁解讀 10:10
19 分析網頁：Yahoo!股價網頁解讀 08:25
20 基礎實作：建立喜好店家的資訊列表網頁 10:53
21 基礎實作：建立匯率列表網頁 12:37
22 基礎實作：建立股價列表網頁 08:17
四、基礎技能養成 | CSS語法基礎
23 CSS樣式表是什麼？ 09:02
24 基本選擇器 07:04
25 階層選擇器 09:27
26 屬性選擇器 07:20
27 節點選擇器 21:54
28 套用樣式表 Bootstrap 51:19
29 選擇器解讀：台銀匯率網頁解讀 09:47
30 選擇器解讀：Yahoo!股價網頁解讀 09:05
31 基礎實作: 為喜愛餐廳清單網頁增加樣式 12:28
32 基礎實作: 為匯率列表網頁增加樣式 10:10
33 基礎實作: 為股價列表網頁增加樣式 04:27
五、基礎技能養成 | 新手程式開發概念簡介
34 如何選擇程式語言 12:34
35 學習入境隨俗：遵循開發慣例 04:08
36 學習過程：建置開發環境 05:17
37 學習過程：基本輸入輸出 03:04
38 學習過程：資料型態的認識 03:01
39 學習過程：控制流程、邏輯判斷與重複執行 08:58
40 學習過程：各個語言的進階資料型態 05:01
41 學習過程：組織程式碼－使用函數、類別、模組 05:28
六、基礎技能養成 | Python 程式設計
42 建置開發環境 12:19
43 基本輸入輸出 09:18
44 變數型別 23:55
45 流程控制：邏輯判斷 19:24
46 流程控制：迴圈 32:50
47 進階資料型態：tuple 與 dict 16:09
48 組織程式碼：函式 27:53
49 檔案處理 18:47
50 常用內建函式 05:41
七、基礎技能養成 | JavaScript 程式設計
51 建置開發環境 09:39
52 基本輸入輸出 17:02
53 變數型別 18:11
54 流程控制：邏輯判斷 09:18
55 流程控制：迴圈 22:03
56 進階資料型態：object 09:31
57 組織程式碼：函式 06:03
58 常用內建函式 13:31
八、動態修改網頁 | jQuery 快速入門
59 使用CSS選擇器選取元素 07:41
60 替被選取的元素增加事件處理函式 07:07
61 讀取元素內容使用 html()、text()、val() 14:14
62 動態增減元素 12:06
九、網路爬蟲開發簡介
63 為何需要爬蟲？ 03:25
64 爬取對象的分類：靜態與動態網頁 01:24
65 一般化爬取資料流程 02:14
66 常用套件介紹 01:18
十、靜態網頁資料爬取 | PyQuery
67 為什麼要用 PyQuery 01:24
68 安裝 PyQuery 04:00
69 使用 CSS 選擇器獲取網頁元素 10:44
70 基礎案例：PyQuery 與 IMDB 15:50
十一、動態網頁資料爬取 | Selenium
71 為什麼要用 Selenium 02:46
72 設定虛擬環境與安裝 Selenium 17:19
73 使用 CSS 選擇器獲取網頁元素 12:06
74 使用 XPath 獲取網頁元素 26:10
75 基礎案例：Selenium 與 IMDB 27:51
十二、資料清理整併
76 為甚麼我們需要 Pandas 套件 07:48
77 Pandas 初體驗 04:16
78 Pandas 的陣列與資料框 09:00
79 處理表格類型資料 19:11
80 處理JSON類型資料 03:32
81 基礎案例：處理爬蟲取得的資料 04:25
十三、資料視覺化與資料分析
82 什麼是資料視覺化？ 04:46
83 什麼是資料分析？ 02:18
84 Python 常用資料視覺化套件 01:03
85 Python 資料分析初探 12:12
十四、即時系統建構步驟
86 定期爬取資料 02:01
87 寫入資料庫 01:37
88 後端通知前端即時更新資料 01:35
89 相關技能 01:58
十五、Firebase 快速搭建即時系統
90 Firebase 簡介 04:30
91 安裝 Firebase 開發環境 10:03
92 FireStore 資料庫 16:41
93 用JavaScript 即時顯示資料 28:36
十六、儀表板專案一 | 即時股價監控儀表板
94 系統分析與規劃 05:34
95 設計爬蟲 14:24
96 寫入資料庫 05:25
97 定期執行 19:02
98 前端設計 20:30
十七、儀表板專案二 | 即時商品比價
99 系統分析 02:04
100 資料來源 04:03
101 設計爬蟲 40:04
102 寫入資料庫與定期執行 05:31
103 前端設計 10:52

開始分享你的學習成果吧！

這裡是專屬於課堂學員及老師可以互動的作業區，學員們可以透過實際操作來複習課程中所學習到的內容，作業完成後只要簡單上傳到平台裡，就能得到更多老師的指點唷！同時，在這裡也可以觀摩其他學員的成果，一起來互相切磋吧！

<%if list.length == 0 %>

尚無作業

老師還沒有出作業唷！

<%else%> <%props list%>

作業<%>~numToZH(~toInt(key) + 1)%>

<%if prop.type == 'image' %> 圖片檔 <%else prop.type == 'pdf' %> PDF <%else prop.type == 'youtube' %> Youtube 影片連結 <%else prop.type == 'ppt' %> PowerPoint <%else prop.type == 'sound' %> 錄音檔 <%/if %>

<%:prop.title%>

<%/props%> <%/if%>

作業觀摩

目前還沒有任何學員上傳作業喔！來當第一個吧～

<%props data%>

<%if prop.type == 'image' %> <%else prop.type == 'pdf' %> <%else prop.type == 'youtube' %> <%else prop.type == 'ppt' %> <%else prop.type == 'sound' %> <%/if %> 作業<%>~numToZH(~toInt(key) + 1)%> <%:prop.title%>

<%:~loadTmpl('homework-card', prop.rows)%>

<%/props%>

<%props data%>

<%if prop.type == 'image'%><%if prop.cover %>

<%:~isGif(prop.cover)%>

<%else%>

<%/if%><%else prop.type == 'pdf' %>

<%else prop.type == 'youtube' %>

<%else prop.type == 'ppt' %>

<%else prop.type == 'sound' %>

<%/if%>

<%if prop.visible == 1 %><%/if %>

<%:~formatDate(prop.create, 'YYYY-MM-DD')%>

<%:prop.title%>

<%:prop.user%>

<%if prop.isAuthor == true %>刪除編輯<%/if %>

<%:prop.comment_count%>

<%/props%>

錄音 <%:~numToZH(sort + 1)%>

來關注最新的課程資訊吧！

這裡是專屬課程的公告區，老師將在此發佈與課程相關的重要資訊，您可以在此看到所有與課程有關的最新公告。

尚無公告

老師還沒有發佈公告唷！

<%props data%>

<%:~formatDate(prop.publishDate, 'YYYY/MM/DD')%>

<%:prop.title%>

<%if ~root.isStudent === false && ~root.isTeacher === false && prop.permission === 'private' %>

本篇公告僅限購課學員閱讀，若您已購買本堂課程，請先以購課帳號登入！

<%else%> <%:prop.content%> <%/if%>

<%/props%>

Python與前端技術綜合技能養成｜20小時從零建構即時資訊儀表板

課程總長：17 小時 51 分
賞課期限：永久
（0則評價）
#程式語言

Python與前端技術綜合技能養成｜20小時從零建構即時資訊儀表板

線上課程

NT $4800

課程類別

開始分享你的學習成果吧！

作業觀摩

來關注最新的課程資訊吧！

Python與前端技術綜合技能養成｜20小時從零建構即時資訊儀表板