我的學習
探索課程 exit_to_app
介紹 arrow_drop_down


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

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

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

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

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

完全初心者（想培養斜槓力）◇ 養成網頁工程師與數據分析師的基礎技能◇ 一次全面瞭解最熱門語言的相關知識◇ 瞭解各種技術之間的關聯性與適用場景◇ 應用這些技術實作出讓人眼睛一亮的即時系統
非技術背景者（如PM...）◇ 瞭解各個語言的基本知識◇ 每種專案的實作難易度與開發時程安排◇ 瞭解各種技術是怎麼互相搭配與專案溝通
只會單一技術者（如HTML/CSS/JS/Python...）◇ 瞭解其他語言的強項與弱項，進而更能適當地使用技術解決問題◇ 瞭解如何利用無伺服器服務如 Firebase 來架構服務
相關技術背景者◇ 數據分析師：擴充前端技能，學會從網頁中擷取資料◇ 網頁工程師：擴充 Python 數據分析技能，學會在頁面上展示資料的特徵

Q1. 我如何操作，才可以學習這堂課程？ 募資預購又是什麼意思呢？ 

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

❶ 若在 2018/10/21 (日) 前達到 30 人的目標人數，即會確定開課！

❷ 若募資未成功，YOTTA 平台將會於募資結束後，退還全額課程費用。

Q2. 募資預購時間到什麼時候？ 

這堂課在 2018/9/20(四) ～ 2018/10/21(日) 開放課程預購，預購期間購課優惠 $1,980 元。 (2018/10/22 起將恢復原價 $4,800 元)

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

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

Q4. 這門課可以看多久？ 

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

Q5. 可以問老師問題嗎？ 

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

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

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

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

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

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

b/ 超商代碼付款 (7-11、全家、萊爾富、OK 即可繳費)，繳費步驟說明：http://bit.ly/2p7Uy1e 

c/ ATM 轉帳

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

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

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

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

當本堂課程募資結束後 10 個工作天，電子發票將會透過 E-mail 方式寄送電子發票給您。

Q10. 我還有其他問題！ 

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

單元

109個

預計總長

1200分鐘

預計測驗

尚無測驗

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

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

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

<%if list.length == 0 %>

尚無作業

老師還沒有出作業唷！

<%else%><%props list%>

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

<%if prop.type == 'image' %> 圖片檔 <%else prop.type == 'pdf' %> picture_as_pdfPDF <%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' %> picture_as_pdf <%else prop.type == 'youtube' %> <%else prop.type == 'ppt' %> <%else prop.type == 'sound' %> <%/if %> 作業<%>~numToZH(~toInt(key) + 1)%> <%:prop.title%>

<%props prop.rows %>
<%if prop.type == 'image'%>
<%else prop.type == 'pdf' %>
picture_as_pdf
<%else prop.type == 'youtube' %>
<%else prop.type == 'ppt' %>
<%else prop.type == 'sound' %>
<%/if %>
<%if prop.isAuthor and prop.visible == 1 %> <%/if %>

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

<%:prop.title%>

<%:prop.user%>

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

<%:prop.comment_count%>

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

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

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

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

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

尚無公告

老師還沒有發佈公告唷！

<%props data%>

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

<%:prop.title%>

<%:prop.content%>
<%/props%>

回頂端

課程募資中！

54/30

180%

剩 00 天 00 小時 00 分 00 秒

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

  • 什麼是線上課程？
  • 線上課程是以教學影片為上課方式的課程。購買 YOTTA 的線上課程後，您只要在賞課期限登入 YOTTA 都可以無限次數的觀看課程影片，不用受到上課時間及地點的限制。還可以在課程討論區發起討論與同學老師交流，在作業區線上繳交作業讓老師給您專業的建議。

PYRADISE 講師

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

回頂端

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

線上課程

NT $1980 NT $4800