LearningSky.io (Page 10)

【 Broker 】Apache Kafka 簡介

內容學習目標簡介特性元件說明學習目標了解 Apache Kafka 簡介由 LinkedIn 所開發並於 2011 年開源是一個分散式串流平台其平台使用 Scala 與 Java 所撰寫特性分散式 ( Distributed ) 容錯 ( fault tolerant ) 水平擴展 ( Horizontal scalability ) 即時 ( real-time ) 低延遲 ( low-latency ) 高吞吐量 ( high-throughput ) 元件說明示意圖 Record 每個發佈到 Kafka 的訊息稱為 Record Push 到 Kafka 的 Record 包含 Key、

AIoT & Cloud & Edge & Machine Learning

【 Azure 】創建 Cosmos DB

內容學習目標前置準備作業 Cosmos DB 創建學習目標創建 Cosmos DB 前置準備作業已開通 Azure 帳號 Cosmos DB 創建 Step 1. 登入到 Azure 網址 https://portal.azure.com 登入後畫面 Step 2. 設定 Cosmos DB 點選左邊 Azure Cosmos DB Step 3. 建立帳號點選下方 Create Azure Cosmos DB account 輸入相關資訊 Subscription 欄位選擇所要使用的訂用帳戶 Resource

AIoT & Cloud & Edge & Machine Learning

【 Cloud Platform 】透過產品金鑰增加 Azure 信用額度

內容學習目標前置準備作業設定 Azure 費用警示通知學習目標透過產品金鑰增加 Azure 信用額度前置準備作業已開通 Azure 帳號設定 Azure 費用警示通知 Step 1. 登入 Azure Step 2. 開啟警示設定頁面點選左側成本管理 + 計費點選所要增加信用額度的訂閱點選信用額度記錄設定信用額度付款方式選擇產品金鑰產品金鑰欄位輸入金鑰序號點選驗證點選套用設定完成畫面 GitHub ArcherHuang @ GitHub List of blogs https://oranwind.org/

AIoT & Cloud & Edge & Machine Learning

【 Cloud Platform 】設定 Azure 費用警示通知

內容學習目標前置準備作業設定 Azure 費用警示通知學習目標設定 Azure 費用警示通知前置準備作業已開通 Azure 帳號設定 Azure 費用警示通知 Step 1. 登入 Azure Step 2. 開啟警示設定頁面點選左側成本管理 + 計費點選所要設定警示的訂閱點選管理開啟後畫面 Step 3. 設定警示點選警示點選加入警示輸入警示資訊警示名稱欄位輸入可識別的名稱警示對象選擇訂用帳戶剩餘信用額度剩餘金額欄位輸入金額小於多少時要寄送通知電子郵件收件者 1 欄位輸入要接收警示信件的收件者點選

AIoT & Cloud & Edge & Machine Learning

【 Database 】透過 pgAdmin 操作 Heroku PostgreSQL 資料庫

內容學習目標前置準備作業程式與軟體透過 pgAdmin 操作 Heroku 學習目標透過 pgAdmin 操作 Heroku PostgreSQL 資料庫前置準備作業已在 Heroku 上部署含有 PostgreSQL 資料庫的專案程式與軟體 pgAdmin 軟體下載網址 Heroku PostgreSQL 透過 pgAdmin 操作 Heroku PostgreSQL 資料庫 Step 1. 開啟 Heroku Postgre 點選 Heroku 中 Personal 擁有 Postgre 的專案點選 Resources 頁籤中下方 Add-ons 區域裡的

Front-end & Back-end & Programming Language

【 JavaScript ES6 】解構賦值 Destructuring assignment

內容學習目標前置準備作業陣列陣列解構陣列解構設預設值陣列解構忽略元素剩餘部份變成另一個陣列元素互換數值陣列與迴圈物件物件解構物件解構設預設值物件中包含另一個物件物件解構指定新名稱解構函式參數物件與迴圈學習目標學習 JavaScript ES6 中的陣列與物件解構前置準備作業已安裝 Node.js 已安裝 Visual Studio Code 陣列解構原始寫法程式執行結果解構寫法程式說明第三行使用陣列解構進行縮寫執行結果陣列解構設預設值寫法程式說明第三行使用陣列解構並設定初值執行結果陣列解構忽略元素

Front-end & Back-end & Programming Language

【 JavaScript ES6 】屬性與函式縮寫 Shorthand Property and Method Names

內容學習目標前置準備作業屬性縮寫 Key Value 縮寫函式縮寫學習目標學習 JavaScript ES6 中的屬性與函式縮寫前置準備作業已安裝 Node.js 已安裝 Visual Studio Code 屬性縮寫原始寫法程式執行結果縮寫程式說明第四行因 Key 與 Value 名稱相同，故可進行縮寫執行結果 Key Value 縮寫原始寫法程式執行結果縮寫程式說明第五行可直接將變數值當成 Key

Front-end & Back-end & Programming Language

【 Node.js 】利用 .env 與環境變數隱藏敏感資訊

內容學習目標前置準備作業專案初始化 dotenv 套件應用學習目標透過 dotenv 套件來隱藏敏感資訊前置準備作業環境已安裝 Node.js、npm與 Visual Studio Code 專案初始化 Step 1. 建立專案目錄建立名為 dotenvSample 的專案目錄本範例在桌面建立 dotenvSample 的專案目錄 dotenvSample 專案目錄內尚未有檔案 Step 2. 開啟專案目錄開啟 Visual Studio Code 開啟 dotenvSample 專案點選左上角的 Explorer 點選 Open Folder 點選 dotenvSample 再按右下的打開開啟專案後的畫面

AIoT & Cloud & Edge & Machine Learning

【 DevOps 】將 GitHub 上的 Sub Repository 網頁部署到 Heroku - MongoDB

內容學習目標前置準備作業程式與軟體範例程式啟動腳本修改 Mongoose 連線與 Listen 設定 Heroku 設定與部署學習目標說明將 GitHub 上的 Sub Repository 網頁部署到 Heroku 示意圖本範例要將名為 heroku 的 Repository 底下的 URL-Shortener 的 Sub Repository 部署到 Heroku 前置準備作業註冊 Heroku 帳號並綁定信用卡程式與軟體 MongoDB Node.js Visual Studio Code 範例程式 https://github.com/ArcherHuang/

AIoT & Cloud & Edge & Machine Learning

【 DevOps 】部署 MongoDB 版的網頁到 Heroku

內容學習目標前置準備作業程式與軟體範例程式啟動腳本修改 Mongoose 連線與 Listen 設定 Heroku 設定與部署學習目標部署 MongoDB 版的網頁到 Heroku 前置準備作業註冊 Heroku 帳號並綁定信用卡程式與軟體 MongoDB Node.js Visual Studio Code 範例程式 https://github.com/ArcherHuang/URL-Shortener 啟動腳本在根目錄建立 Procfile 檔案，其程式如下修改 Mongoose 連線與 Listen 設定 Mongoose Listen Heroku 設定與部署 Step

DevOps

【 DevOps 】透過 Visual Studio Code 進行 Clone 與 Push 操作 - macOS

內容學習目標前置準備作業使用軟體 Linux 指令建立 Repository 與 Push 的使用方式學習目標在 GitHub 上建立 Repository 透過指令模式將 GitHub 上 Repository Clone 到本地端的電腦透過【 Visual Studio Code】將本地端電腦的 Repository Push 到 GitHub 相對應的 Repository 前置準備作業一台可上網的 macOS 電腦已申請 GitHub 帳號在電腦中安裝 Git macOS 安裝 Homebrew /usr/bin/ruby -e "

DevOps

【 DevOps 】透過 Visual Studio Code 進行 Clone 與 Push 操作 - Windows

內容學習目標前置準備作業使用軟體 Windows 指令建立 Repository 與 Push 的使用方式學習目標在 GitHub 上建立 Repository 透過指令模式將 GitHub 上 Repository Clone 到本地端的電腦透過【 Visual Studio Code】將本地端電腦的 Repository Push 到 GitHub 相對應的 Repository 前置準備作業一台可上網的 Windwos 電腦已申請 GitHub 帳號在電腦中安裝 Git Windwos Git 官方網站下載 Windows 版本 https://git-scm.com/

DevOps

【 DevOps 】透過指令模式進行 Clone 與 Push 操作 - macOS

內容學習目標前置準備作業使用軟體 Linux 指令建立 Repository 與 Push 的使用方式學習目標在 GitHub 上建立 Repository 透過指令模式將 GitHub 上 Repository Clone 到本地端的電腦透過指令模式將本地端電腦的 Repository Push 到 GitHub 相對應的 Repository 前置準備作業一台可上網的 macOS 電腦已申請 GitHub 帳號在電腦中安裝 Git macOS 安裝 Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.

DevOps

【 DevOps 】透過指令模式進行 Clone 與 Push 操作 - Windows

內容學習目標前置準備作業使用軟體 Windows 指令建立 Repository 與 Push 的使用方式學習目標在 GitHub 上建立 Repository 透過指令模式將 GitHub 上 Repository Clone 到本地端的電腦透過指令模式將本地端電腦的 Repository Push 到 GitHub 相對應的 Repository 前置準備作業一台可上網的 Windwos 電腦已申請 GitHub 帳號在電腦中安裝 Git Windwos Git 官方網站下載 Windows 版本 https://git-scm.com/download/win 設定 Git

Review

【心得】學習旅程的反思

有夢最美築夢踏實每個人從小到大在每個不同的成長階段都有不同的夢想，在追築夢想的旅途中不斷的學習與反思來努力找到未來自己喜歡的模樣，而在實踐夢想的旅途中永遠都不會是一帆風順的，請記得人生只有在走下坡時才會是最順遂，要如何在不順遂的負面世界裡，找到勇往直前的正向勇氣，並將這些失敗經驗化為自身的經驗，這是最難能可貴的。去嘗試每一個你知道的方法學習的過程中常常會遇到不少問題，但決不能因為問題發生而放棄向前進，為了解決此問題，首先要先靜下心來好好的思考問題解決的首要步驟，這步驟是要先確認問題是什麼，當問題定義錯誤，之後的步驟會跟著一路錯下去，所以這一步驟是最關鍵的一步，隨後當確認完問題後要進行問題的分析，確認此問題是否能再拆解成更小的問題，如果能再拆解成較小問題的話會比直接處理大問題來的容易，當問題已拆解完成後要來思考這些小問題的解決方案可以來自那些地方？是手邊教材或書籍？問身邊朋友，這就像要去爬一座沒爬過的山，對此座山的路況不太了解，但又沒什麼時間上網爬文那該怎麼辦呢？有一種方法就是到這座山的下山處，問剛爬完山的山友，立馬能了解到這座山最新的狀況，因為他已經歷過這座山的磨練，從對方的口中能得到一些眉眉角角，能幫助自己少走一些冤枉路，但如果身邊沒有山友可以問的話，且問題剛好是軟體開發類的話，那能試試看 Stack Overflow 或許有意想不到的收獲，但常常遇到棘手問題時的解法或許無法從前面幾種方式找到解答，這時候免驚~免驚~這裡還有一招就是靠各位最好的朋友谷哥先生，但要如何在谷哥大海中找到正解也是一門重要的學問，一般來說先試著找出此問題較相關的關鍵字，透過這些關鍵字的搜尋後，能從這些結果再找出一些不同的關鍵字，再透過這些關鍵字的搜尋，到後來會有機會得到較明確的方式與解法，

DevOps

【 DevOps 】透過 GitHub Pages 服務發佈靜態網頁

內容學習目標前置準備作業使用軟體本範例 Repository 樹狀圖透過 GitHub Pages 服務發佈靜態網頁學習目標在 GitHub 上透過 GitHub Pages 服務發佈靜態網頁前置準備作業一台可上網的 macOS 或 Windows 電腦已申請 GitHub 帳號 GitHub 上的 Repository 已存在靜態網頁使用軟體 Google Chrome 網路瀏覽器本範例 Project Repository 樹狀圖透過 GitHub Pages 服務發佈靜態網頁 Step 1. 透過瀏覽器開啟 GitHub 並登入透過瀏覽器開啟 GitHub，