iris

我是踏踏實實的程式小白🙆‍♀ 今年開始學習 JS 和 React~ 這邊專放我學習時的筆記和心得📒 如果喜歡我的文章不妨加入我一起學習💪 營造有趣學習程式大圈圈

網頁日記 # 8|Iris 程式小白

操作完簡單的 Javascript 實作後,馬上來進到下一步 —— 認識重量級函式庫! 那~ 我們馬上來看看 React.js 能帶給我們哪些便利之處吧~ 本篇日記針對 React 的十大特點做概括性的介紹 希望新手朋友們看完此篇對於 React 就能有最基礎的認識&了解 😆   1. React 超基本介紹…

4 years ago

網頁日記 # 7|Iris 程式小白

恭喜你們看到倒數第二集啦! 可喜可賀🤩  相信你學 JS 的目的應該也是想走前端或是做出屬於自己香味的網頁吧~ 那這集就是你發揮所學的地方嘍(摩拳擦掌🤛  延續上集下拉式選單的精彩製作,這集要來教大家如何最簡單生出看起來好像很厲害的圖片輪播 Carousel!一起練功吧~   使用 Bootstrap 前注意事項: 使用前必須按指示寫入指定 CSS 和 JS 程式碼(如不清楚可回上一篇日記 review) Carousel 功能不會自動化調整輪播畫面尺寸,因此必須另行定義…

4 years ago

Podcast JS 特輯 #1|魔鬼藏在細節裡 — 你真的了解變數嗎?

https://open.spotify.com/episode/6qzhzsD65TWVHNc10jbNhC 變數的概念好簡單? 的確,真的不難,但有非常多概念關乎到 Javascript 基本功的扎實度,這也是身為初學者必須注意和掌握的地方 這集 Podcast 會和大家聊的是 JS 變數的基本邏輯,包括定義、指派等等,更會討論到雙重指派和 hoisting 的情況下會產生哪些奇特的狀況,當然我們不免會提到的是 JS 身為動態型別語言的特性&原理和 hoisting 的背後隱藏邏輯~    其他針對變數定義上的建議上相對而言與定義上的規定同等重要,譬如說怎麼樣才是好的變數命名法和怎麼樣才符合 JS 中變數的定義標準等等都是直得留意的地方。另外,最後也和大家提到…

4 years ago

Podcast #15|全美最狂資料研究公司 Gartner 的 2021 科技宣言

https://open.firstory.me/embed/story/ckh7803sd7yz10878y12dtifi 萬眾矚目的 Gartner 預測又出來了!不知道大家有沒有第一時間接收到這個科技消息,如果沒有也沒關係~ 小白和小白學長用一集的時間把 2025 之前需要用到的核心技術全部轉交給你   本集 Podcast 會粗略分為 4 個部分分享,分別是「以人為本 (People Centricity)」、「雲端化」、「安全問題」和「自動化」,其中我們也會針對 IoB (行為聯網)、TX 全面體驗、分佈式雲 (distributed cloud)、隨處運營、網路安全…

4 years ago

Podcast #14: 每個程式語言都受用的神邏輯

https://open.firstory.me/embed/story/ckh4wenwe10eq08915tvzb4pr 如果你問我,邏輯可以用來做什麼? 我會毫不猶豫地和你說,邏輯可以征服全世界。掌握邏輯不僅可以清楚表達、免於被政治人物與新聞媒體誤導、方便與人辯論挑人語病(誤😝),還可以拿來寫程式呢😎  那就話不多說進入我們的 Podcast 節目聽聽吧!   本集的程式超級白將圍繞在「邏輯」和大家分享和討論 🤩,在此和大家預告節目中會提及的內容,「基本邏輯:若 P 則 Q ;若非 Q 則非 P」、「充分&必要條件之別」、「所有程式誒言共通 syntax:條件式 (if-else-elseif)、迴圈」、「淺談語法糖」🤩   Food…

4 years ago

Podcast #13: 你能想像被 AloT 技術攻佔的世界嗎?

https://open.firstory.me/embed/story/ckh1hcb4lx5bb0836rmx4qsvy 你能想像身邊的所有東西通通連上網嗎? 沒錯,我們在講的就是物聯網 (IoT) ,但相信身為讀者的你早已聽膩 IoT,所以我們今天要談談當 AI 遇上 IoT 的精彩火花 🎉   本集的程式超級白將會圍繞在三大主題 🤩,分別是「什麼是 AIoT? 」、「AIoT 和 5G  的超強結盟」和「AIoT 的各方面應用(智慧家電)」 …

4 years ago

網頁日記 # 6|Iris 程式小白

上週實作完徒手刻下拉式選單,這禮拜要來介紹偷吃步 —— 使用現成的 Bootstrap 來製作~ 但也別怪我這麼晚介紹這麼好用的功能,畢竟學習還是要從基本功開始一層一層堆疊上去 首先,你一定會問到:什麼是 Bootstrap 呢? 根據官網定義,Bootstrap 是一個利於快速製作響應式網站 (responsive web) 和致力於行動優先 (mobile-first) 的框架,它裡面用到的技術不外乎 HTML, CSS 和 Javascript,也就是前幾集介紹過的那些東西。…

4 years ago

Podcast #11: 區塊鏈其實沒這麼複雜!

https://open.spotify.com/episode/7njN4SOaTCfdCcdDXzoF59 區塊鏈 (Blockchain) 誕生於 2009 年中本聰的比特幣 (Bitcoin) 白皮書,經過比特幣、以太幣的洗禮,於 2018 年有顯著成長,並由美國顧問公司 Gartner 預測於 2025 達到技術面的成熟。 本集會談到區塊鏈的起源、原理,也會由拜占庭將軍問題帶入到區塊鏈的核心特性——去中心化(分散式帳本)、密碼學基礎、不可竄改性和共識決智慧合約(防偽低違約風險),這也帶到了其他層面的區塊鏈應用,譬如加密貨幣 (IOTA)、金融科技、音樂、Podcast 等等跌破眼鏡的新發展。號外,小白學長更會用簡單的舉例來讓大家更了解公私鏈、加密、雜湊函數等艱深字詞,也歡迎大家多多收聽支持👍 如果對區塊鏈有任何問題都可以在以下留言中提出~😍 也歡迎關注程式超級白以接收更多科技&程式新知唷~  …

4 years ago

蝦皮直播回顧 Chrome Extension Q&A

首先,非常感謝蝦皮的後端資深工程師 Dayo 蒞臨快樂學程式的主題小聚直播活動來和各位觀眾互動,更感謝有熱情的觀眾捧場,讓這次的直播能順利落幕。   現在閱讀此篇的讀者,如果不想錯過一年都不見得有一次的聯合直播活動,趕緊手刀報名 10/29 的最後一場機器學習講座👍  精彩內容不容錯過~   Dayo 的有趣 demo: 功能為「價格不合理之提醒」,假若價格折數過低則會跳出 “My supervisor Messenger ID” 警示   第一部分:重點摘要…

4 years ago

網頁日記 #5 | Iris 程式小白

前面幾集已差不多把 JS 基本觀念做了一輪概括性的整理,這集我要來和大家示範如何製作最簡易的下拉式選單,也順便驗收&應用所學觀念,那我們就不囉唆~ Let’s get rolling!   首先,製作最基礎的下拉式選單需要的是簡單的 HTML 和 CSS 觀念,甚至如果你只需要滑鼠游標 hover 到按鈕上就能展開選單的功能,那你根本不需要動用到 JS。今天小白🙆‍♀️ 我會分享不需要用到 JS 和必需要用到 JS 的下拉式選單版本,對…

4 years ago