本課程為 YOTTA 學習金挑戰賽，百堂精選課程之一！

快來接受挑戰，拉近你與夢想的距離！到活動頁了解詳情：https://ps.yottau.net/MDEAB 


為什麼「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)%>

錄音 <%:~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小時從零建構即時資訊儀表板

person

  • 什麼是線上課程？
  • 線上課程是以教學影片為上課方式的課程。購買 YOTTA 的線上課程後，您只要在賞課期限登入 YOTTA 都可以無限次數的觀看課程影片，不用受到上課時間及地點的限制。還可以在課程討論區發起討論與同學老師交流，在作業區線上繳交作業讓老師給您專業的建議。
  • 課程總長：17 小時 51 分
  • 賞課期限： 永久
  • （0則評價）
  • #程式語言

PYRADISE

推廣Python、資料科學、人工智慧團隊

回頂端

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

線上課程

NT $4800