抽!再抽!參加活動送實體書籍,得獎名單10/23(二)公佈在YOTTA粉絲團

⓵【分享貼文活動】http://bit.ly/2NMMVan

活動貼文下方留言:「#從零建構即時資訊儀表板」,並tag一位好友,即獲得抽獎資格 (共抽2名)。 

⓶【購課回饋活動】 

為回饋早鳥加入學員,前200名購買課程學員即獲得抽獎資格 (共抽3名)。


為什麼「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 即可繳費),繳費步驟說明:http://bit.ly/2p7Uy1e 

c/ ATM 轉帳

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

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

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

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

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

Q10. 我還有其他問題! 

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

單元

114

預計總長

1200分鐘

預計測驗

尚無測驗

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

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

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

<%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%>

<%:~loadTmpl('homework-card', prop.rows)%>
<%/props%>
<%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%>
<%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%>

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

回頂端