☕ CoffeeScript เป็นภาษาขนาดเล็กที่ Compile เป็น JavaScript สร้างขึ้นเมื่อปี 2009 เพื่อลบจุดด้อยของ JavaScript มี Syntax ที่ง่ายต่อการเรียนรู้มากกว่า JavaScript ช่วยให้เราเขียน JavaScript สั้นลง ดูแลได้ง่ายนั่นเอง !!
.
👨‍💻 การใช้งานเบื้องต้น
ก่อนอื่นจำเป็นต้องมี Node.js และ NPM ก่อนนะ และเริ่มต้นเขียนคำสั่งตามด้านล่างเลยจ้า
.
คำสั่ง
# Install locally for a project:
npm install --save-dev coffeescript
.
# Install globally to execute .coffee files anywhere:
npm install --global coffeescript
.
จากนั้นทำการเปิดใช้งาน CoffeeScript Library
coffee -c filename.coffee
.
ทดลองพิมพ์คำสั่ง
.
console.log "Hello world"
.
จะเห็นได้ว่า CoffeeScript มันไม่ต้องใส่วงเล็บ ก็สามารถรันโค้ดได้
.
🔎 มาดูข้อดีของ CoffeeScript กันดีกว่า
.
⭐ เข้าใจง่าย - เพราะ Syntax ของเจ้า CoffeeScript จะเน้นเขียนง่าย ทำให้จัดเรียงโค้ดได้สะอาดตา และทำให้เราเข้าใจได้ง่าย
.
⭐ ไม่ต้องใช้ var - ไม่ต้องประกาศ var ก่อนตัวแปร มันจะช่วยหลีกเลี่ยงปัญหาขอบเขตของตัวแปรได้
.
⭐ หมดปัญหาเรื่องลืม Symbol - เพราะ CoffeeScript ไม่ต้องใส่ Symbol เช่น () หรือ ; ต่อท้ายเลย ซึ่งเราจะใช้การเว้นวรรคแบ่งการทำงานของแต่ละฟังก์ชันแทน คล้ายๆ กับใน Python นั่นแหละ
.
⭐ Less Code - บรรทัดของโค้ดจะลดน้อยลง ซึ่งมันจะช่วยลดความซับซ้อนของโปรแกรมนั่นเอง
.
⭐ ดูแลง่าย - การที่มันเขียนง่าย เข้าใจง่าย มันจึงทำให้เราสามารถแก้ไขโค้ดได้ง่ายนั่นเอง
.
🌈 ทำไมถึงได้รับความนิยมน้อยลง ??
.
ด้วยการเกิดของ ES6 ในปี 2015 ซึ่งทำให้ลบจุดด้อยของ JavaScript ไปได้เยอะ และยังเพิ่มประสิทธิภาพของ JavaScript ไปได้อีกด้วย แถมยังมี Community ที่ใหญ่มากขึ้นด้วย อีกทั้ง TypeScript ก็ถูกพัฒนาเป็นภาษามาตรฐาน และมีประสิทธิภาพด้วยเช่นกัน ทำให้เจ้าใหญ่ๆ เช่น Angular ใช้ TypeScript ในการพัฒนาเป็นหลัก จนทำให้ทุกวันนี้ CoffeeScript ลดความนิยมไปอย่างมากนั่นเอง
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน

[海量影片] 想體驗一下被免費教學影片淹沒的快感嗎？「Derek Banas」這個 YouTube 影音教學頻道 600+ 支影片滿足你！

https://goo.gl/yhCPvl
#eLearning #FreeTrainingVideo

好的！我第一次看到這個 YouTube 影音教學頻道，噴出口的第一句就是：「你 XX 的太閒了啊！」（稱讚意味，默默收藏）

這位 Derek 老兄不知道是繼承了億萬遺產，還是因為興趣使然才猛力做教學影片的？您點進去看，從程式語言、網頁設計、電子電路、資料庫、手機 App、軟體工程、電腦繪圖...甚至於低卡飲食、如何減重、銷售技巧、行銷手法...每樣都有教學影片！您若進去看過他的頻道播放清單，您就會同意我說的話（記得點擊最下方那個「載入更多影片」按鈕，才能完整欣賞到該位老兄的豐功偉業）。

總而言之（丸尾推眼鏡）～～ 喜歡免費教學影片的人有福了！建議您直接訂閱該頻道，或者將我提供的網址加入最愛，然後每天找個三、五片來虐自己...呃...是進修自己一下，包準您程式設計進步的幅度比別人大喔！

咳咳～只丟一個連結就放生可愛的粉絲們，並非我的作風。所以我把他「與程式設計有關」的影片，分門別類地幫大家整理在下面。如果您只對某個領域有興趣，那就看我提供的清單吧！我還幫你把學習順序大致排好了喔！看到我這麼努力還不趕快把「讚」按下去！... XD （無誤）

一：快速學習系列（總計：x39）
> Learn in One Video (x39) - https://goo.gl/fnDxlo
==> 這個系列設計成「學一種語言最多不超過 90 分鐘」，適合業務、PM，或只想懂皮毛就好的人看。

二：網頁程式設計（總計：x219）
[前端網頁設計]（小計：x73）
> HTML Tutorial (x4) - https://goo.gl/pXT82h
> HTML Video Tutorial (x2) - https://goo.gl/KXZwtD
> CSS Tutorial (x7) - https://goo.gl/BaUdhp
> CSS Video Tutorial (x7) - https://goo.gl/O8DN8b
> JavaScript Tutorial (x8) - https://goo.gl/wpW0Vi
> JavaScript Video Tutorial (x11) - https://goo.gl/LONxOO
> CoffeeScript Tutorial (x2) - https://goo.gl/ADIvW6
> JQuery Video Tutorial (x9) - https://goo.gl/zRYIlv
> AngularJS Tutorial (x4) - https://goo.gl/WXfguL
> XML Tutorial (x4) - https://goo.gl/LAaFmd
> XML Video Tutorial (x7) - https://goo.gl/WH4Ajo
> AJAX Tutorial (x8) - https://goo.gl/nVItM9

[後端網頁設計]（小計：x59）
> PHP Tutorial (x12) - https://goo.gl/7RIa3s
> PHP Video Tutorial (x24) - https://goo.gl/UBdzty
> PHP Security (x6) - https://goo.gl/WjQonR
> NodeJS Tutorial (x12) - https://goo.gl/fzVKZf
> Ruby on Rails Tutorial (x5) - https://goo.gl/dFh0AQ

[網頁程式設計其它]（小計：x11）
> 介面設計 How to Layout a Website (x5) - https://goo.gl/9YInAR
> Web Services Tutorial (x6) - https://goo.gl/nr7Yj9

[無痛架站]（小計：x76）
> Wordpress Tutorial (x16) - https://goo.gl/X3qNyA
> Wordpress Theme Tutorial (x60) - https://goo.gl/Ac9V4C

三：程式語言（總計：x156）
[一般程式語言]（小計：x149）
> C Video Tutorial (x16) - https://goo.gl/wQgJVK
> Java Video Tutorial (x95) - https://goo.gl/TcVfGp
> Java Algorithms (x17) - https://goo.gl/uAQzcC
> Python Tutorial (x9) - https://goo.gl/2c0Ynj
> Python 2.7 Tutorial (x18) - https://goo.gl/yTcJSF
> 組合語言 Assembly Language (x4) - https://goo.gl/PXYlyx

[程式語言相關技巧]（小計：x7）
> 正規表示式 Regex Tutorial (x7) - https://goo.gl/x81Khr

四：資料庫（總計 x14）
[SQL]（小計：x10）
> SQL Tutorial (x6) - https://goo.gl/YClykN
> SQLite 3 Tutorial (x4) - https://goo.gl/8yHyLP

[NoSQL]（小計：x4）
> MongoDB Tutorial (x4) - https://goo.gl/QJfHnv

五：手機 App 程式設計（總計：x100）
[iOS]（小計：x4）
> Objective C Tutorial (x4) - https://goo.gl/GswBRH
[Android]（小計：x96）
> How to Make Android Apps (x29) - https://goo.gl/DjgL2R
> Android Development for Beginners (x25) - https://goo.gl/LvVODL
> Android Development Tutorial (x42) - https://goo.gl/jm1U5J

六：嵌入式系統（總計：x4）
> 電子電路 Electronics Tutorial (x4) - https://goo.gl/u1Ue0Y

七：軟體工程（總計：x65）
> 物件導向設計 Object Oriented Design (x11) - https://goo.gl/XTcjaa
> UML 2.0 Tutorial (x9) - https://goo.gl/ZF4Coq
> Design Patterns Video Tutorial (x27) - https://goo.gl/znWcZ9
> 重構 Code Refactoring (x18) - https://goo.gl/rNNpUY

八：軟體開發工具（總計：x4）
> Git Video Tutorial (x4) - https://goo.gl/lwtZfF

如果您覺得這個頻道太讚了！或覺得我整理順序、縮網址、算影片數目，搞了三個多小時沒功勞也有苦勞，那就麻煩您按讚鼓勵一下小弟吧！當然更歡迎您轉發給 Facebook 上的朋友，讓他們也感受一下什麼是「倒抽一口涼氣」... XD。有任何不瞭解的，歡迎在下方留言一起討論喔！

[好站介紹] 12 個邊玩邊學程式設計的網站

https://goo.gl/6ZW0UV
#Programming #eLearning #PlayToLearnProgramming

很羨慕別人會程式設計自己也想學嗎？攤開買來的程式設計書籍看三秒就直接趴下嗎？這邊介紹您一帖藥，讓您邊玩邊學程式設計，保證不無聊！

今天介紹的 12 個網站，都是讓你邊玩邊學程式設計的好網站！我每個都親自試玩過！超有趣的！迫不及待地想介紹給大家。

玩法很簡單！只要點擊上述連結，選一個想玩的網站，然後按照網站提示就可以一邊玩一邊學會程式設計概念了！

我介紹幾個我認為很好玩的：

1. CodeCombat
圖案漂亮！是一款角色扮演遊戲（RPG）。重點是有繁體中文畫面！您可以選擇使用 Python、JavaScript、CoffeeScript、或 Lua 四種語言，來操控其中的角色。點進去您一定會愛上它！

2. CodeMonkey
這是一款可以給念小學的小朋友試試看的程式學習遊戲！您必須操控畫面上的猴子拿到香蕉。指令很簡單，若下達 "step 15"，那猴子就是直線走 15 步。隨著關卡變難，您會有機會用到「分支」、「迴圈」等技巧。讓您不知不覺學會程式設計的三大語法：「循序」、「分支」、「迴圈」。很推薦家中有小朋友的網友玩！

3. VIM Adventures
vim 是一款程式師愛用的文字處理器。但它繁複的語法，常常嚇壞很多初學者。其實學習 vim 跟當初您練英文打字一樣，多打就習慣了。等到習慣後，您的雙手可以不用離開英文主鍵區，就能操作文字處理的「剪下」、「貼上」、「取代」...等動作。很值得一試！

今天介紹的東西喜歡嗎（請說「是」，謝謝 XD）？喜歡的話麻煩您多多轉發分享給您 FB 的好友同樂喔！