操作完簡單的 Javascript 實作後，馬上來進到下一步 —— 認識重量級函式庫！ 那～ 我們馬上來看看 React.js 能帶給我們哪些便利之處吧～ 本篇日記針對 React 的十大特點做概括性的介紹 希望新手朋友們看完此篇對於 React 就能有最基礎的認識＆了解 😆 1. React 超基本介紹 為 Javascript 的函式庫 用於建造可重複使用、元件化、具互動性的 UI…
irisDecember 5, 2020
https://open.spotify.com/episode/6qzhzsD65TWVHNc10jbNhC 變數的概念好簡單？ 的確，真的不難，但有非常多概念關乎到 Javascript 基本功的扎實度，這也是身為初學者必須注意和掌握的地方 這集 Podcast 會和大家聊的是 JS 變數的基本邏輯，包括定義、指派等等，更會討論到雙重指派和 hoisting 的情況下會產生哪些奇特的狀況，當然我們不免會提到的是 JS 身為動態型別語言的特性＆原理和 hoisting 的背後隱藏邏輯～ 其他針對變數定義上的建議上相對而言與定義上的規定同等重要，譬如說怎麼樣才是好的變數命名法和怎麼樣才符合 JS 中變數的定義標準等等都是直得留意的地方。另外，最後也和大家提到 ES 6 中 let 和…
irisNovember 9, 2020
https://open.firstory.me/embed/story/ckh7803sd7yz10878y12dtifi 萬眾矚目的 Gartner 預測又出來了！不知道大家有沒有第一時間接收到這個科技消息，如果沒有也沒關係～ 小白和小白學長用一集的時間把 2025 之前需要用到的核心技術全部轉交給你 本集 Podcast 會粗略分為 4 個部分分享，分別是「以人為本 (People Centricity)」、「雲端化」、「安全問題」和「自動化」，其中我們也會針對 IoB （行為聯網）、TX 全面體驗、分佈式雲 (distributed cloud)、隨處運營、網路安全 (cypersecurity)、隱私增強運、超自動化 (hyperautomation) 和 AI 工程做分別簡單但實用＆白話的探討，自詡身為站在時代和科技尖峰的朋友們必須要理解並熟悉這些看似生硬的專有名詞，這些知識一定會在你意想不到時派上用場（和朋友炫一下也是不錯啦～）…
irisNovember 8, 2020
https://open.firstory.me/embed/story/ckh4wenwe10eq08915tvzb4pr 如果你問我，邏輯可以用來做什麼？ 我會毫不猶豫地和你說，邏輯可以征服全世界。掌握邏輯不僅可以清楚表達、免於被政治人物與新聞媒體誤導、方便與人辯論挑人語病（誤😝），還可以拿來寫程式呢😎 那就話不多說進入我們的 Podcast 節目聽聽吧！ 本集的程式超級白將圍繞在「邏輯」和大家分享和討論 🤩，在此和大家預告節目中會提及的內容，「基本邏輯：若 P 則 Q ；若非 Q 則非 P」、「充分＆必要條件之別」、「所有程式誒言共通 syntax：條件式 (if-else-elseif)、迴圈」、「淺談語法糖」🤩 Food for Thought: 大家不妨思考看看你正在學習的程式語言有哪些核心概念，而那些概念與生活中邏輯的加插點在哪？🙂 （也許多層面的思考會激盪出你的程式腦和暢通思路） …
irisNovember 8, 2020
https://open.firstory.me/embed/story/ckh1hcb4lx5bb0836rmx4qsvy 你能想像身邊的所有東西通通連上網嗎？ 沒錯，我們在講的就是物聯網 (IoT) ，但相信身為讀者的你早已聽膩 IoT，所以我們今天要談談當 AI 遇上 IoT 的精彩火花 🎉 本集的程式超級白將會圍繞在三大主題 🤩，分別是「什麼是 AIoT？ 」、「AIoT 和 5G 的超強結盟」和「AIoT 的各方面應用（智慧家電）」 👉 前情提要（無爆雷）：驚喜橋段之特斯拉 CEO 馬斯克的腦機介面 nueralink、ET…
irisNovember 8, 2020
上週實作完徒手刻下拉式選單，這禮拜要來介紹偷吃步 —— 使用現成的 Bootstrap 來製作～ 但也別怪我這麼晚介紹這麼好用的功能，畢竟學習還是要從基本功開始一層一層堆疊上去 首先，你一定會問到：什麼是 Bootstrap 呢？ 根據官網定義，Bootstrap 是一個利於快速製作響應式網站 (responsive web) 和致力於行動優先 (mobile-first) 的框架，它裡面用到的技術不外乎 HTML, CSS 和 Javascript，也就是前幾集介紹過的那些東西。 在做前端的人應該多多少少聽過 RWD (Responsive Web…
irisNovember 7, 2020
https://open.spotify.com/episode/7njN4SOaTCfdCcdDXzoF59 區塊鏈 (Blockchain) 誕生於 2009 年中本聰的比特幣 (Bitcoin) 白皮書，經過比特幣、以太幣的洗禮，於 2018 年有顯著成長，並由美國顧問公司 Gartner 預測於 2025 達到技術面的成熟。 本集會談到區塊鏈的起源、原理，也會由拜占庭將軍問題帶入到區塊鏈的核心特性——去中心化（分散式帳本）、密碼學基礎、不可竄改性和共識決智慧合約（防偽低違約風險），這也帶到了其他層面的區塊鏈應用，譬如加密貨幣 (IOTA)、金融科技、音樂、Podcast 等等跌破眼鏡的新發展。號外，小白學長更會用簡單的舉例來讓大家更了解公私鏈、加密、雜湊函數等艱深字詞，也歡迎大家多多收聽支持👍 如果對區塊鏈有任何問題都可以在以下留言中提出～😍 也歡迎關注程式超級白以接收更多科技＆程式新知唷～ 區塊鏈三大主題探討： 虛擬貨幣有哪些必要特質？ 2:10 區塊鏈是什麼 7:40…
irisNovember 3, 2020
前面幾集已差不多把 JS 基本觀念做了一輪概括性的整理，這集我要來和大家示範如何製作最簡易的下拉式選單，也順便驗收＆應用所學觀念，那我們就不囉唆～ Let’s get rolling! 首先，製作最基礎的下拉式選單需要的是簡單的 HTML 和 CSS 觀念，甚至如果你只需要滑鼠游標 hover 到按鈕上就能展開選單的功能，那你根本不需要動用到 JS。今天小白🙆♀️ 我會分享不需要用到 JS 和必需要用到 JS 的下拉式選單版本，對 HTML 和 CSS 不熟悉（忘得差不多）的朋友也可以順便溫故知新唷～ …
irisOctober 26, 2020
學程式的朋友們應該多多少少都有聽過哈佛的 CS50 這門通識課（aka 在哈佛無人不曉、可謂陰曹地府的重課），今天我們就來破解關於 CS50 的 3 個迷思 Here we go! CS50 教 50 種程式語言嗎？ CS 代表 Computer Science 這我能理解，不過 50 究竟代表什麼呢？難道是教會你 50 種程式語言嗎？ …
irisOctober 14, 2020
