https://2020.stateofjs.com/zh-Hant/features/
👉 2020 JavaScript 使用大調查 👈
整體概要：
- 隨著工具、支援性日趨完整，對於 ES6 語法大多開發者已有一定掌握度
- TypeScript 是目前最主流的預處理
- 前端 JS 框架正向體驗排行：React, Vue, Svelte, LitElement, Preact
- 後端 JS 框架：Express 屹立不搖
- 最常使用的套件：axios, lodash, moment, data-fns, RxJS
- 主要的文字編輯器：VSCode, Vim, WebStorm
- 開發中主要使用的瀏覽器：Chrome, Firefox, Safari

最後：建立一個 JavaScript 應用程式越來越困難？Ｏ🙃

#純靠北工程師2hb
【討論串】
正在思考今天晚上要不要直播發佈新活動。

🤔🤔🤔🤔🤔

因為 2019 年快結束了，打算來弄個 2019 年的經典文章回顧、排行榜，可能還會有「年度釣魚王」、「年度人氣王」之類的，所以一整個網頁頁面可以切出很多個區塊，有興趣參加的，就認領一個區塊下去實作，這是一個偏向前端的協作活動，不使用框架，單純網頁前端下去刻板。
📢 匿名發文請至 https://kaobei.engineer/cards/create
🥙 全平台留言 https://kaobei.engineer/cards/show/3215

📜 [專欄新文章] 0xDonate — An Ethereum donate service for streamers
✍️ Alvin Hou
📥 歡迎投稿： https://medium.com/taipei-ethereum-meetup #徵技術分享文 #使用心得 #教學文 #medium

給實況主的區塊鏈斗內服務

透過 Ethereum Smart Contract，讓觀眾可以一鍵斗內給實況主，並讓斗內訊息在實況中即時推播出來的小服務

0x Donate

前言

現在的實況主大多是透過PayPal、歐付寶等第三方支付來接受觀眾斗內。但如果實況主不想被抽手續費，或想讓觀眾直接斗內加密貨幣給他呢？直接留下錢包地址是一個方法，但誰斗了多少很難即時查看也缺乏跟觀眾的互動。

因為最近剛好有點閒時間，所以就寫了個網站，透過智能合約讓實況主也能跟斗內的乾爹們互動。

How it works

網站的架構相當簡單，只要有一個錢包地址就可以開始使用了。實況主輸入錢包地址就產生對應的3個連結

1. Donate Page

就如同傳統的第三方支付，實況主將斗內連結放在個人的介紹頁面中，觀眾直接透過那個連結捐款。填完想說的話和金額，按下按鈕使用 Metamask 送出交易就完成了。
以Twitch為範例
2. Notification Page

這個頁面會監聽合約上的event，當有人斗內時就會跳出斗內訊息、斗內人名稱和金額。實況主只須於OBS Browser source把這個連結設定好即可。

3. History Page

誰是最大乾爹? link
不免俗的每個實況主都有他的Top donation list，這個頁面會把鏈上的斗內紀錄抓下來彙整成一個排行榜，讓實況主輕鬆看出誰是最大乾爹，乾爹們也不用擔心自己的心意不會被看到，都已經寫在鏈上了。

Features

0 fee, 0 setup, only a 0x address required

0 fee

對比現在第三方支付，本服務不抽手續費。以歐付寶為例，如果有人信用卡斗內十元，就有高達五元會被抽走。而0xDonate只需送出交易的人負擔交易本身gas費用，實況主可以獲得全額捐款。

0 setup

不需要註冊，不需要綁定任何API Key。不論是Twitch、Youtube Gaming 或是其他平台都能夠使用。

0x address

有一個錢包地址就可以開始使用了！

The Contract

其實合約本身也蠻簡單的（？），目前是部屬在Ropsten Testnet上。

donate 負責將ETH轉到實況主的地址，並觸發NewDonation ，讓斗內資訊可以在實況中顯示出來。而為了省gas，合約並沒有將斗內訊息的內容寫到鏈上。

getDonation 查看鏈上的紀錄，以用來產生乾爹排行榜。

一些開發上的雜談

在半年前於Reddit上看到類似的服務 NanoTwit.ch，就有想說來玩玩看一個ETH版本的。最早的prototype是之前寫的 SimpleEth，一個一鍵打交易的jQuery插件。雖然拖了很久我猜市面上已經有類似的服務了，不過秉持著『頂著幹，做中學』的精神，還是把這個專案寫完了。

都2018年了寫網頁怎麼能不用框架呢？

平常寫前端沒什麼在用框架，這次嘗試看看用快過氣的React 把半成品 ETH-Stream-Donations 包得更現代化些。過程中要特別感謝 @wingemerald 提供技術上的支援。但不得不說React跟一些雜七雜八的dependency真是肥大，有時候webpack跑一跑小筆電的風扇就轉起來了。

開發上有遇到一些小阻礙，一個是web3的雷，為了要支援火狐所以就換了版本。另一個是新版本web3為了要監聽合約的Event必須要使用 Websocket Provider，就改成使用infura的ws節點。

其他都還算順利，畢竟合約部屬好前端包一包就差不多完工了，資料都在鏈上不用處理後台也是挺方便的。

結語

很多人說區塊鏈是不是過譽了，但我相信Ethereum健康的開發者社群，總是會有些新的點子生出一些有趣的DApp或應用出來。

雖然是個寫好玩的 side project，但歡迎不論是有在實況或是有興趣的朋友都去玩玩看，在測試鏈上人人都可以當乾爹！

網址： 0xdonate.io

CryoliteZ/0xDonate

0xDonate — An Ethereum donate service for streamers was originally published in Taipei Ethereum Meetup on Medium, where people are continuing the conversation by highlighting and responding to this story.

👏 歡迎轉載分享鼓掌

現在學習知識的渠道越來越多，無論對於零基礎或是有經驗的工程師，想要持續成長應該看書還是看影片來的更有效率呢？

主要會和你分享我過去從新手到資深的過程中，如何持續保持進步及學習的經驗

也許這個經驗可以幫助到你，也歡迎留言和我分享你的看法

相信彼此分享不同的學習見解，能讓對於想要更精進自己程式開發功力的人有很大的幫助

===章節===
00:00 哪一個有效律?
00:36 寫程式如同寫作
05:14 書是最便宜的資源
10:14 折扣碼操作示範

===蝦皮購書折扣碼===
折扣碼：FLAGNIC36
時間：2021-03-29 ~ 2021-06-29

折扣碼：FLAGNIC79
時間：2021-06-30 ~ 2021-09-30

折扣碼： FLAGNIC11
時間：2021-10-01~ 2021-12-31

===前陣子在看的推薦書單===
（零基礎）
- 白話演算法！培養程式設計的邏輯思考
- Python 刷提鍛鍊班

（中高階）
- 設計模式之禪(第2版)
- 無瑕的程式碼－整潔的軟體設計與架構篇
- 單元測試的藝術
- 演算法之美：隱藏在資料結構背後的原理(C++版)
- Kent Beck的實作模式

（Ruby）
- Writing Efficient Ruby Code

（成長思考）
- 圖解．實戰 麥肯錫式的思考框架：讓大腦置入邏輯，就能讓90%的困難都有解！
- 師父：那些我在課堂外學會的本事
- 高勝算決策：如何在面對決定時，降低失誤，每次出手成功率都比對手高?
- 窮查理的普通常識
- 懶人圖解簡報術：把複雜知識變成一看就秒懂的圖解懶人包
- 寫作，是最好的自我投資

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com

#寫程式 #前端 #後端