課程類別

所有

生活

設計

商業

語言

科技

課程類別

全部
生活
設計
商業
語言
科技

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

位學員

  • （0 則評價）

回頂端

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

線上課程

NT $4800

課程組合優惠
    <%for packageList%>
    • <%/for%>
<%:data.pce_name%>

[包含 <%:data.courses.length%> 堂課程]

<%for data.courses%>
<%/for%>
組合優惠 <%:~currency(data.bundle_price,'NT')%>

額外省下 <%:~currency(data.discount,'NT')%>

課程介紹



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

  • 0
    學員     0 人
  • 永久 觀看
  • 18 章節
     103 單元
  • 17 小時
    52 分鐘     1072 分鐘
  • 99 份
    教材     99 教材
  • 0 份
    作業     0 作業
已上架 103 單元
  • 零、課前小教室《綜合型人才基礎技能養成計畫》
    4 單元・0 小時 34 分鐘
  • 1 綜合型技能養成計劃一：瞭解各技術特性，讓JS與Python各司其職 試看 01:16
  • 2 綜合型技能養成計劃二：資料視覺化是資料與使用者最快速的溝通方式 試看 00:59
  • 3 綜合型技能養成計劃三：應用Python做網站爬蟲 (無字幕，正式課程影片皆會有字幕) 試看 15:38
  • 4 綜合型技能養成計劃四：應用 Cloud Firestore 儲存資料 (無字幕，正式課程影片皆會有字幕) 試看 16:19
  • 一、綜合基礎技能概觀
    4 單元・0 小時 5 分鐘
  • 5 歡迎來到從零到一建構即時資訊儀表板 01:35
  • 6 分享課程設計理念 01:27
  • 7 綜合基礎技能的應用領域 01:01
  • 8 學員上完這門課能學得什麼 01:17
  • 二、即時資訊儀表板概觀
    4 單元・0 小時 10 分鐘
  • 9 什麼是即時資訊儀表板 03:19
  • 10 即時資訊儀表板的技能樹 03:19
  • 11 課程進度條 02:20
  • 12 課程範例預覽 01:34
  • 三、基礎技能養成 | HTML語法基礎
    10 單元・1 小時 59 分鐘
  • 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語法基礎
    11 單元・2 小時 32 分鐘
  • 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
  • 五、基礎技能養成 | 新手程式開發概念簡介
    8 單元・0 小時 47 分鐘
  • 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 程式設計
    9 單元・2 小時 46 分鐘
  • 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 程式設計
    8 單元・1 小時 45 分鐘
  • 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 快速入門
    4 單元・0 小時 41 分鐘
  • 59 使用CSS選擇器選取元素 07:41
  • 60 替被選取的元素增加事件處理函式 07:07
  • 61 讀取元素內容使用 html()、text()、val() 14:14
  • 62 動態增減元素 12:06
  • 九、網路爬蟲開發簡介
    4 單元・0 小時 8 分鐘
  • 63 為何需要爬蟲？ 03:25
  • 64 爬取對象的分類：靜態與動態網頁 01:24
  • 65 一般化爬取資料流程 02:14
  • 66 常用套件介紹 01:18
  • 十、靜態網頁資料爬取 | PyQuery
    4 單元・0 小時 31 分鐘
  • 67 為什麼要用 PyQuery 01:24
  • 68 安裝 PyQuery 04:00
  • 69 使用 CSS 選擇器獲取網頁元素 10:44
  • 70 基礎案例：PyQuery 與 IMDB 15:50
  • 十一、動態網頁資料爬取 | Selenium
    5 單元・1 小時 26 分鐘
  • 71 為什麼要用 Selenium 02:46
  • 72 設定虛擬環境與安裝 Selenium 17:19
  • 73 使用 CSS 選擇器獲取網頁元素 12:06
  • 74 使用 XPath 獲取網頁元素 26:10
  • 75 基礎案例：Selenium 與 IMDB 27:51
  • 十二、資料清理整併
    6 單元・0 小時 48 分鐘
  • 76 為甚麼我們需要 Pandas 套件 07:48
  • 77 Pandas 初體驗 04:16
  • 78 Pandas 的陣列與資料框 09:00
  • 79 處理表格類型資料 19:11
  • 80 處理JSON類型資料 03:32
  • 81 基礎案例：處理爬蟲取得的資料 04:25
  • 十三、資料視覺化與資料分析
    4 單元・0 小時 20 分鐘
  • 82 什麼是資料視覺化？ 04:46
  • 83 什麼是資料分析？ 02:18
  • 84 Python 常用資料視覺化套件 01:03
  • 85 Python 資料分析初探 12:12
  • 十四、即時系統建構步驟
    4 單元・0 小時 7 分鐘
  • 86 定期爬取資料 02:01
  • 87 寫入資料庫 01:37
  • 88 後端通知前端即時更新資料 01:35
  • 89 相關技能 01:58
  • 十五、Firebase 快速搭建即時系統
    4 單元・0 小時 59 分鐘
  • 90 Firebase 簡介 04:30
  • 91 安裝 Firebase 開發環境 10:03
  • 92 FireStore 資料庫 16:41
  • 93 用JavaScript 即時顯示資料 28:36
  • 十六、儀表板專案一 | 即時股價監控儀表板
    5 單元・1 小時 4 分鐘
  • 94 系統分析與規劃 05:34
  • 95 設計爬蟲 14:24
  • 96 寫入資料庫 05:25
  • 97 定期執行 19:02
  • 98 前端設計 20:30
  • 十七、儀表板專案二 | 即時商品比價
    5 單元・1 小時 2 分鐘
  • 99 系統分析 02:04
  • 100 資料來源 04:03
  • 101 設計爬蟲 40:04
  • 102 寫入資料庫與定期執行 05:31
  • 103 前端設計 10:52

作業觀摩

<%if data.rows.length > 0 %>
<%props data.rows%>

作業 <%>~toInt(key) + 1%> <%:prop.title%>

<%if prop.rows.length > 0 %>
<%:~loadTmpl('homework-card2', prop.rows)%>
<%/if%>
<%if prop.rows.length > 0 && prop.total_page > 1%>

正在載入更多...

<%/if%>
<%/props%>
<%if data.total_page > 1%>

正在載入更多...

<%/if%> <%else%>

目前沒有出作業唷！

<%/if%>
<%if data.rows.length > 0 %> <%props data.rows%>

作業 <%>~toInt(key) + 1 + ~toInt(prop.pageNow)%> <%:prop.title%>

<%if prop.rows.length > 0 %>
<%:~loadTmpl('homework-card2', prop.rows)%>
<%/if%>
<%if prop.rows.length > 0 && prop.total_page > 1%>

正在載入更多...

<%/if%>
<%/props%> <%/if%>
<%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%>
<%props data%>

<%:prop.user%>

<%if prop.visible == 1 %><%/if %>
<%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%>

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

<%:prop.title%>

<%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%> <%if total_page > page + 1%>

正在載入更多...

<%/if%>