保哥的 TypeScript 新手指南
https://willh.gitbook.io/typescript-tutorial/
本文與官方手冊不同，本書著重於從 JavaScript 程式設計師的角度總結思考，循序漸進的理解 TypeScript，希望能給大家一些幫助和啟示。
保 哥 javascript 在 卡斯伯 Facebook 的最讚貼文
同時也有10000部Youtube影片，追蹤數超過2,910的網紅コバにゃんチャンネル，也在其Youtube影片中提到，...
「保 哥 javascript」的推薦目錄：
- 關於保 哥 javascript 在 卡斯伯 Facebook 的最讚貼文
- 關於保 哥 javascript 在 WealtHub睿富 Facebook 的精選貼文
- 關於保 哥 javascript 在 Kewang 的資訊進化論 Facebook 的最佳貼文
- 關於保 哥 javascript 在 コバにゃんチャンネル Youtube 的最佳貼文
- 關於保 哥 javascript 在 大象中醫 Youtube 的最佳解答
- 關於保 哥 javascript 在 大象中醫 Youtube 的最佳貼文
- 關於保 哥 javascript 在 [心得] 想轉職前端工程師? 幫你蒐集教學資源! - 看板Soft_Job 的評價
- 關於保 哥 javascript 在 Will 保哥的技術交流中心- swc 是一套JavaScript ... - Facebook 的評價
- 關於保 哥 javascript 在 Will 保哥的技術交流中心- 【JavaScript 開發實戰 - Facebook 的評價
- 關於保 哥 javascript 在 JavaScript 開發實戰：效能調校與常見陷阱(2013 JSDC.tw) 的評價
- 關於保 哥 javascript 在 保哥mvc的問題包括PTT、Dcard、Mobile01，我們都能挖掘 ... 的評價
- 關於保 哥 javascript 在 保哥mvc的問題包括PTT、Dcard、Mobile01，我們都能挖掘 ... 的評價
- 關於保 哥 javascript 在 保哥mvc的問題包括PTT、Dcard、Mobile01，我們都能挖掘 ... 的評價
保 哥 javascript 在 WealtHub睿富 Facebook 的精選貼文
【Boris Lee：賺「比特幣」可以靠挖礦，不過…】
近日比特幣價格「又創新高」，截稿時已突破 7,500 美元。原因其實沒人說得確切，不過大多認為是位於芝加哥的全球最大期貨交易所CME Group，計畫在今年第四季推出比特幣期貨商品，並與比特幣交易所「雙子星」合作在明年推出加密貨幣衍生品交易，利好消息帶動比特幣升幅。
有人笑言，與其借孖展兼不知是否抽得中自己的抽新股，還不如買比特幣來得實際。
BorisLee.hk認為要獲得比特幣，不外乎三種方式：交易購買、以比特幣收取貨款，又或是自己挖礦。最近就有交易所在灣仔開幕，據創辦人表示該公司可買賣市場上 1,100 多種加密貨幣，場內 3 台比特幣買入機更提供賣出功能，能夠真正做買賣，雖然方便，但買賣差價較其他場外交易為闊。
讀者也可選擇在網上買賣，不過就有機會遇到詐騙的公司，甚至是裝糊塗的也有。筆者聽說過有人在低位買入比特幣，信用卡也刷了，但幾日後也未完成交易，而比特幣價格卻大漲三四成，這時交易場就辯稱系統出問題而無法完成交易，願意退錢，但實際卻可能因為蝕了差價而不願意完成交易。雖然一開始不是騙局，但耍無賴卻更可惡。
另一個方法是在生意中收取比特幣做報酬，最有名當然是 WannaCry 的駭客用比特幣做贖金，又或是在暗網的黑市交易，而之前筆者介紹過在日本 BIC Camera、台灣的 Coin Cake 消費，甚至在曼克頓用比特幣買樓也屬此類。不過在香港願意用比特幣作為報酬的個人或公司非常少。
之前已在本欄解釋過挖礦的原理，簡單而言就是為比特幣提供運算資源，成功後就會得到一定數量的比特幣為報酬。由於挖礦背後其實需要大量的成本，因此並非「無本生利」，但如果很早期就加入的礦工，的確今天已賺得盤滿缽滿。
根據比特幣創造者中本聰的構想，比特幣的上限只有 2,100 萬枚，每次更新區塊平均約 10 分鐘，礦工在成功更新區塊後會獲得比特幣做獎勵。為了保持均衡，平均每 210,000 區塊（四年）就會把獎勵（產量）減半，一開始這獎勵是 50 個，後來是 25 個，現在是 12.5 個，在經歷 33 次減半後，預計在 2140 年將會減半到極限而停止。
這就是為何說愈早加入賺得愈多，50 個比特幣以今天單價約 7,500 美元計算即是 37.5 萬美元，就算扣除硬件和電費、冷卻成本，收入依然驚人。目前一次獎勵已減至 12.5 個，運算難度提升了之餘，競爭的人也多，除非能夠壓低電力、冷卻等成本，同時比特幣單價上升，否則挖礦愈來愈不划算了。
為了讓沒有技術的一般人也有機會參與，有些公司推出雲端挖礦（租用雲端運算來挖），又或是共同投資礦池（Mining Pool）的投資計畫。亦有一些駭客乾脆把運算力「外判」，例如盜版網站「海盜灣」就被發現在網站 JavaScript裡偷偷加入挖礦代碼，早前亦有發現駭客在手機程式中加入挖礦代碼，使用者的電腦或手機資源會被用來挖幣而不自知。
下一篇再談談挖礦相關的資訊。
======================================
想參加Boris Lee聯同新經濟達人利世民，11月23日的睿富網聚，一起探討新經濟（如比特幣、電競、共享經濟）的投資機遇，請即報名：http://bit.ly/2hbGdg5
保 哥 javascript 在 Kewang 的資訊進化論 Facebook 的最佳貼文
重點是 黃保翕 保哥的回覆，這段程式碼用了幾個 JavaScript 的特性，小編節錄保哥的回覆如下：
---
1. Closure
2. Hoisting
3. Function ( first-class object )
4. override Function's toString() method
---
裡面的後續回覆也很不錯，還蠻有意思的一段程式碼，分享給大家參考。
保 哥 javascript 在 Will 保哥的技術交流中心- swc 是一套JavaScript ... - Facebook 的推薦與評價
swc 是一套JavaScript / TypeScript 編譯器，以Rust 程式語言寫成，執行速度是Babel 的20 ~ 70 倍！ ... <看更多>
保 哥 javascript 在 Will 保哥的技術交流中心- 【JavaScript 開發實戰 - Facebook 的推薦與評價
【JavaScript 開發實戰：核心概念篇】這堂課從設計之初至今已超過5 年，歷久不衰的教材與獨到的互動教學方式，幫助一千多名學員真正認識JavaScript ... ... <看更多>
保 哥 javascript 在 [心得] 想轉職前端工程師? 幫你蒐集教學資源! - 看板Soft_Job 的推薦與評價
網誌有圖好讀版 : https://yschen25.blogspot.com/2019/07/blog-post.html
如果你有以下困擾，歡迎參考此篇文章 :
1. 我是初學者，有沒有推薦的學習資源
2. 有沒有推薦的書籍
3. 想去實體店面翻書，有沒有推薦的店家
4. 原文書很貴，想買又不確定適不適合自己
5. 有沒有論壇可以和大家互相交流
6. 我想要問問題，是要直接把程式碼貼上去問嗎
7. 切版很需要素材，有沒有推薦的網站
而網路上已經有很多為什麼要轉職前端工程師、如何轉職成前端工程師的文章，這邊也有
一篇 2018 年成為 Web 開發人員的路線圖可以參考來決定方向，這邊就不複述了。
這篇主要是寫給對於前端有興趣的「初學者」、「非本科想轉前端」的人，可以利用哪些
網站來幫助自己學習；因為我個人是非本科轉前端，到現在差不多兩年多了，想分享些自
己當初到現在用過覺得不錯的學習資源、書籍與素材。
==前端學習網站==
* MDN
https://developer.mozilla.org/zh-TW/
提供了許多關於網站相關技術的說明和學習文件，雖然有些區塊還沒翻譯，但講解清晰有
範例，比起底下的 w3schools 更推薦看這個，正確性比較高。
* w3schools
https://www.w3schools.com/
大名鼎鼎的 w3schools，初學者入門款，我用過 freeCodeCamp、code School、codecademy 等
，但還是覺得 w3schools 最好用。有 HTML、CSS、JavaScript 等課程。
優點是版面乾淨清楚，且每個章節都有範例可以讓你參考，如果在學習過程中有些概念想
實現看看，或是還不熟悉如何使用編輯器，可直接在範例上修改程式碼來驗證自己的想法
。
* Remove w3Schools plugin
這是個題外話，據我所知有些人不喜歡搜尋時看到 w3schools 的資料，覺得上面太多錯
誤資訊，所以還專門寫了一個套件，裝了之後可以在 google 搜尋中移除顯示
w3schools 的相關資訊。
不過我覺得不管是上網查資料、看書或是聽他人教學或多或少都有可能聽取到錯誤的資訊
，所以不管資訊來源是哪，都不能完全盡信，還是要依靠邏輯、經驗等去做判斷。
再說回來這網站就初學者前期來說是值得使用的。
然後還記得當時會有個迷思是，是不是要把全部的 HTML、CSS 內容都看熟才開始切版，
結果會記了很多標籤、屬性、屬性值等卻沒辦法活用，建議可以看大概 3/5 就可以試著
切版，一邊切一邊學，比較可以知道自己觀念哪裡沒弄清楚，不然很容易看過就忘了，或
是以為自己已經會了。
* freeCodeCamp
https://learn.freecodecamp.org/
使用關卡方式一步步教你觀念，但實際用起來會覺得已經有基礎觀念的人，再用這網站會
學的比較紮實。
* jQuery 官網
https://api.jquery.com/
詳細解釋每個 api 用法，底下也有效果範例教學。
* udemy
https://www.udemy.com/
有時候只是看文字解說不夠清楚，這網站就有提供影音教學影片，除了程式相關，也有如
設計、市場行銷等課程，國內國外的講者都有；常常特價，有很多內容實在還附上程式碼
可供下載的英文課程才台幣 300 多元，經濟實惠，大推!!
有時候也會提供免費課程，可以加入這個FB社團 : Soft & Share 軟體開發資訊分享，就
能隨時收到免費課程提醒，像是這樣 :
這些課程都是我免費拿到的
但說實在的，若需花大量時間去找免費資源，所花的時間都可以學更多東西了，有些必需
的軟體、書和課程之類，在經濟可負荷下就直接買了，不需要省這些錢。
* 100 個 udemy 的免費課程
https://udemycoupon.learnviral.com/coupon-category/free100-discount/
udemy 無限制時間提供的 100 個免費課程。
* CSS-tricks
https://css-tricks.com/
詳細的 CSS 用法，常會分享一些樣式的小 tip。
* zlargon 大大的Git 教學
https://zlargon.gitbooks.io/git-tutorial/content/
圖文並茂，相當詳細易懂的教學。
* Git常用指令 | qwerty
https://gitqwerty777.github.io/git-commands/
列出常用的git指令，後面都會簡略敘述功能，快速查詢指令時很方便。
==論壇==
* Stack Overflow
https://stackoverflow.com/
程式人必用網站，任何可以想得到的問題上面 99% 都有解答，只是是英文且搜尋時要下
對關鍵字；剛開始時不會下關鍵字時可以試著打幾個重點描述，然後在一邊找的時候，可
以一邊看別人是怎麼下關鍵字的。
* 掘金
https://juejin.im/timeline
包括前端、後端的技術討論，從基礎到鑽研都有；喜歡的文章可收藏很方便。
* 牛客網
https://www.nowcoder.com/7729538
有各種程式試題可刷，除了有 CSS、JS、PHP，還有JAVA、GO 等等，能選題目類型、調難
度，還能記錄題目，註冊後可以看到答案解析，也有人會在底下分析、討論。
有線上編程，可以線上刷題，還能看到其他人的解法。
還有各種筆試題、面試題可以刷，也有蒐集公司實際的試題、前端校招面試題目合集、JS
面試經典題目合集之類。
* ithome 鐵人賽
https://ithelp.ithome.com.tw/articles?tab=ironman
這個超棒的，有各種神人挑戰 30 天寫技術文章，版面乾淨清楚好上手，文章內容也是很
詳細。
==書籍==
如果覺得單看網站不夠，希望能更有系統性的學習，可以考慮搭配以下書籍；這幾本是我
去過好幾家書店翻過後，覺得講的最清楚的，圖文並茂，且很不會一下就用很艱澀的名詞
去解釋，對於不習慣工程師語言的人來說平宜進人。
但不管別人再怎麼推薦，最好還是自己去翻翻看，挑選自己容易理解的，畢竟最後還是要
自己能夠看得下去。
* HTML5。CSS3 最強圖解實戰講座
* HTML&CSS：網站設計建置優化之道
* JavaScript & JQuery：網站互動設計程式進化之道
* jQuery 最強圖解實戰講座
==線上編譯==
當遇到有問題想問人時千千萬萬不要直接貼一串程式碼上去啊 QAQ，這樣不但對方難以閱
讀，也難以幫忙 debug，這時候可以利用線上編輯器，而且也不用考慮建環境問題。
* JSFiddle
https://jsfiddle.net/
如果常上 Stack Overflow 的人，一定常常可以看到回答問題的人用這個 Demo
* JS Bin
https://jsbin.com/xigodol/edit?html,js
保哥這有詳細的解說如何操作
*CodePen
https://codepen.io/
版面簡潔乾淨，但功能強大。
==書局==
天瓏書局
地址 : 台北市中正區重慶南路一段107號
有超多電腦書，號稱全台電腦書最齊的一家。有簡體、繁體、原文書，價格比較便宜；感
覺店員也受過相關訓練，在購買時還會跟你確定版本或附件，之前還聽到店員跟外國人解
釋兩本程式書的差異。
==Plugin==
* CSSPeeper
可以偵測該網站的配色，並顯示色號；也可以顯示使用的圖片，並可以打包下載，很適合
切版練習用 (不是讓你去盜別人圖片啊 XD)。
* ColorPickEyedropper
可以偵測你選取地方的色號，很方便抓在網站上看到喜歡顏色的色號。
==素材網站==
* Pixabay
https://pixabay.com/
在搜尋框旁有教學如何下關鍵字，可以搜尋到不少好照片。
* Pexels
https://www.pexels.com/
充滿各式豐富的照片。
* Everypixel
https://everypixel.com/
大推!! 功能強大，可以選擇篩選條件為 Free、直向橫向照片、照片主要顏色、照片哪些
地方需要留白、照片是否為單一人物、照片作者名稱。
* Unsplash
https://unsplash.com/
這網站很適合找有質感很有意境的照片，解析度也很高。特色是每隔 10 天會上傳 10 張
新的高解析度攝影照片作品。
* Streetwill
https://streetwill.co/
跟前一個很像，有很多有質感、意境的照片。這網站提供願意免費分享攝影作品的攝影師
上傳高解析照片，可以在這裡找到對於世界上不同景物的不同攝影角度照片。
* Foodiesfeed
https://www.foodiesfeed.com/
也是很有質感、以食物為主題的照片分享網站，可以打包下載漢堡、水果等等的美食主題
照片。
* Stocksnap
https://stocksnap.io/
充滿各式豐富的照片。
* Subtlepatterns
https://subtlepatterns.com/
偏向網站底圖。
* Freepik
https://www.freepik.com/
提供 Psd 檔可以直接下載修改。
* 365 psd
https://365psd.com/
很多免費的 Psd 檔可以下載，如果要你分享按讚，隨便點一下再取消就可以下載了。
* Free psd
https://all-free-download.com/free-psd/
也是有免費的 Psd 檔可以下載，但資源沒那麼多。
* Psd Finder
https://psdfinder.co/
* Flaticon
https://www.flaticon.com/
有豐富的 Icon 可以下載。
* Iconfinder
https://www.iconfinder.com/
和 Flation 一樣能下載 icon，但能線上編輯選擇的 Icon，並能下載不同 size。
* Fontawesome
https://fontawesome.io/
將 Icon 都以文字型式呈現，切版時常會用到。
==配色==
* Coolors
https://coolors.co/
可以隨機幫你產生一組色號，省下配色的時間。
* Nippon Colors
https://nipponcolors.com/#tsuyukusa
以日式配色為基調的網站，選色後背景顏色會跟著變讓你可以看整體顏色。
==靈感==
* Pinterest
https://www.pinterest.com/
不管是配色、網站設計、圖案設計等，都可以在上面搜尋，相信這網站會給你帶來不少靈
感。
* CodePen
https://codepen.io/
上面有很多精采的前端作品，還可以看到別人的程式碼，也可以將自己作品放上去。
* Codrops
https://tympanus.net/codrops/
也是有很多精采的前端作品，有教學並供程式碼下載
* Awwwards
https://www.awwwards.com/
這個網站定期蒐集優秀的網站設計案例，是追蹤最新網頁設計趨勢的重要平台。
* Code My Ui
https://codemyui.com/page/1/
有很多日常想不到的小巧思，找不到靈感時可以上去看看。
如果還有什麼推薦資源，歡迎補充~
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.194.142.182 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1562589512.A.CBA.html
※ 編輯: yschen25 (123.194.142.182 臺灣), 07/08/2019 20:39:53
照著他的版型和功能去切出來
然後比對別人和我切法的差別是什麼
網站可以上比如templatemonster去找~
我也比較喜歡有console的XD
※ 編輯: yschen25 (123.194.142.182 臺灣), 07/08/2019 22:19:52
... <看更多>