fbpx
Javascript小白學程式成長日誌程式新手

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

操作完簡單的 Javascript 實作後,馬上來進到下一步 —— 認識重量級函式庫! 那~ 我們馬上來看看 React.js 能帶給我們哪些便利之處吧~ 本篇日記針對 React 的十大特點做概括性的介紹 希望新手朋友們看完此篇對於 React 就能有最基礎的認識&了解 😆   1. React 超基本介紹 為 Javascript 的函式庫 用於建造可重複使用、元件化、具互動性的 UI…
iris
December 5, 2020
小白學程式工程思維程式新手

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

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

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

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

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

https://open.firstory.me/embed/story/ckh7803sd7yz10878y12dtifi 萬眾矚目的 Gartner 預測又出來了!不知道大家有沒有第一時間接收到這個科技消息,如果沒有也沒關係~ 小白和小白學長用一集的時間把 2025 之前需要用到的核心技術全部轉交給你   本集 Podcast 會粗略分為 4 個部分分享,分別是「以人為本 (People Centricity)」、「雲端化」、「安全問題」和「自動化」,其中我們也會針對 IoB (行為聯網)、TX 全面體驗、分佈式雲 (distributed cloud)、隨處運營、網路安全 (cypersecurity)、隱私增強運、超自動化 (hyperautomation) 和 AI 工程做分別簡單但實用&白話的探討,自詡身為站在時代和科技尖峰的朋友們必須要理解並熟悉這些看似生硬的專有名詞,這些知識一定會在你意想不到時派上用場(和朋友炫一下也是不錯啦~)…
iris
November 8, 2020
Podcast 系列初學程式小白學程式科技新知

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

https://open.firstory.me/embed/story/ckh4wenwe10eq08915tvzb4pr 如果你問我,邏輯可以用來做什麼? 我會毫不猶豫地和你說,邏輯可以征服全世界。掌握邏輯不僅可以清楚表達、免於被政治人物與新聞媒體誤導、方便與人辯論挑人語病(誤😝),還可以拿來寫程式呢😎  那就話不多說進入我們的 Podcast 節目聽聽吧!   本集的程式超級白將圍繞在「邏輯」和大家分享和討論 🤩,在此和大家預告節目中會提及的內容,「基本邏輯:若 P 則 Q ;若非 Q 則非 P」、「充分&必要條件之別」、「所有程式誒言共通 syntax:條件式 (if-else-elseif)、迴圈」、「淺談語法糖」🤩   Food for Thought: 大家不妨思考看看你正在學習的程式語言有哪些核心概念,而那些概念與生活中邏輯的加插點在哪?🙂 (也許多層面的思考會激盪出你的程式腦和暢通思路)  …
iris
November 8, 2020
Podcast 系列初學程式小白學程式科技新知

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

https://open.firstory.me/embed/story/ckh1hcb4lx5bb0836rmx4qsvy 你能想像身邊的所有東西通通連上網嗎? 沒錯,我們在講的就是物聯網 (IoT) ,但相信身為讀者的你早已聽膩 IoT,所以我們今天要談談當 AI 遇上 IoT 的精彩火花 🎉   本集的程式超級白將會圍繞在三大主題 🤩,分別是「什麼是 AIoT? 」、「AIoT 和 5G  的超強結盟」和「AIoT 的各方面應用(智慧家電)」  👉 前情提要(無爆雷):驚喜橋段之特斯拉 CEO 馬斯克的腦機介面 nueralink、ET…
iris
November 8, 2020
初學程式小白學程式成長日誌程式新手

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

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

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

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

蝦皮直播回顧 Chrome Extension Q&A

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

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

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