關於 sublime text 3 c++ ，我們在網路上蒐集到這些相關的討論、資訊與評價

好朋友公司徵才中，應該可以學到不少有趣的東西跟發揮空間。

建議適合的朋友可以直接跟他瞭解一下相關內容

大家好，我公司（Spark Entertainment）現在要徵求 Go Junior

[內容]
主要是 Web 和 WebSocket 開發

[時間]
可在家工作，需視專案狀況，每周 2 ~ 3 日至公司工作開會

[位置]
新北市新莊區五權一路七號

[薪資]
1. 試用期三個月，試用期間薪資實領 4.5 萬
2. 試用期通過後實領 5.0 - 6.5 萬，年薪 14 個月

[公司配備]
1. 可自行指定 PC / NB / MBP
2. 可提供至少雙螢幕開發

[公司福利]
1. 與公司發展方向相關研討會，公司給予公假及視表現補助費用
2. 勞保、健保

[技能需求]
1. 使用 Gin 或其他 Web Framework 開發經驗
2. 使用 Sublime Text / Atom Editor / Visual Studio 其中任一套
3. 基礎網路通訊協定
4. 具 Linux 基礎使用能力
5. 具自制力且有幹勁的夥伴

[加分條件]
1. 男性屆退（二個月內）或役畢
2. 具一年以上相關專案經歷者加分
3. 具 Gorilla Websocket 相關專案經歷者加分
4. 具 JavaScript Websocket 相關專案經歷者加分
5. 具 C++ / C# / PHP / Java / Python / Node.js 相關專案經歷者加分
6. 具 AWS / Azure 架設管理經驗者加分

有意願請私訊或寄信至 sean@spark-tw.com 詢問，私訊或來信請附上履歷，如有 GitHub 或作品集將優先處理，感謝

我的相關資訊
1. https://github.com/erinus
2. https://www.slideshare.net/erinus

HTML/CSS/JavaScript 開發工具總整理

這篇幫您整理出實作 HTML/CSS/JavaScript 時，一些比較酷的工具、函式庫。非常有用！很推薦大家看！我簡單翻譯一下大綱，不過我會推薦以：

(1) 編輯器：教您用那個工具來撰寫 HTML/CSS/JavaScript 會比較好。
(4) 函式庫：補充 JavaScript 原來不足之處。如同加上「金剛飛翼（函式庫）」後的「鐵金剛（JavaScript）」就突然能飛是一樣的。
(3) 前處理器：把常用、好用、可能高達數百行的 CSS/JavaScript 程式碼，濃縮成一個名字，讓您使用後，彈指之間有如寫出數百行 CSS/JavaScript 般。
(2) 框架：原始碼外觀可能完全不像 JavaScript，但寫完後，會由框架轉換成 JavaScript 去執行。讓您不但「寫得少」，還有「功能多」的好處。有點像「前處理器」+「函式庫」的綜合體。
(5) 工具：一些測試、編譯、模板等工具，可以讓你的程式設計工作，更加自動化、更輕鬆。

這樣的順序來研讀。不過我底下的翻譯為了配合原文，無法調整成我認為理想的順序，請大家見諒囉！

原文連結：
https://tutsplus.com/tutorial/essentials-tools-for-a-modern-front-end-development-workflow/

---------

(1) 編輯器（寫碼之用）：

- 「Sublime Text 3」：
這個我們介紹過好幾次了！個人非常推薦！Sublime Text 3 是要錢的，不過它的前一版 Sublime Text 2，則可以「試用」到天荒地老，不另收費！

- 「Light Table」：
它的好處就是一邊編輯，可以一邊看到結果。不必等到用瀏覽器秀出來才知道對錯。不過這個特性個人沒有覺得有多好，我自己不太推。

- 「WebStorm」：
一個將「寫碼、偵錯、看結果」全部整合在一個視窗的工具。是很不錯！但如果您不喜歡掏錢買軟體，這個可能不是你要的。

- 「Vim」：
已經五十歲的一個老牌編輯器！免費、不太好學、但學會後您不會想換其它編輯器。這有點像開慣手排車的人，要他回來開自排車，簡直要了他的命一樣。

- 「Brackets」
也是整合「寫碼、偵錯、看結果」於一身的工具。Adobe 研發、免費。不過整合得沒有 WebStorm 好，很多功能 Sublime Text 2/3 也做得到。所以個人還是認為學 Sublime Text 比較划算。

(2) JavaScript 程式框架（Frameworks）：

所謂「框架」，就是把本來要自己寫兩三百行程式碼才能實現的功能，讓您在彈指之間就寫出來的工具。如果您的程式碼用了「框架」，外觀上有可能看起來一點都不像 JavaScript 原始碼！不過它在底層「展開」後，仍然是 JavaScript 原始碼無誤！只不過你要寫的是那一兩行「未展開」的框架原始碼，而非「展開後」那兩三百行 JavaScript 原始碼就是了。

用框架來寫程式，就像你包餃子是買做好的「餃子皮（框架）」來包，而非買「麵粉（JavaScript）」從頭做起。時間上省了很多！

比較著名的 JavaScript 框架有（可以混用）：

- Backbone：jQuery （一種函式庫，後述）最流行的框架。
- Ember.js：提供一堆很美麗的 Cocoa UI（一種用 JavaScript 寫成的人機界面），還讓你用少少幾行完成。
- AngularJS：Google 提供！主要用來擴充 HTML 的功能之用。著重在功能面上的一個框架。
- Knockout.js：它著重在「資料綁定」。這是 Backbone 比較弱的一環。Backbone 做資料綁定可能要好幾百行，Knockout.js 大概只要十幾行就完成了。
- Meteor：架構在 Node.js（一種跑在伺服器上的 JavaScript，地位等同 PHP）的框架，目的是希望讓 Node.js 的程式師能少寫幾行程式碼。
- Mocha：一種針對「JavaScript」做「單元測試」的框架。類似 Java 裡的 JUnit。競爭對手包括「Jasmine」與「QUnit」。

(3) 前處理器（Preprocessors）:

所謂「前處理器」，就是把一些常用、複雜的 CSS/JavaScript 寫法，賦予它一個簡短名字。然後只要你在 CSS/JavaScript 原始碼內 寫上這個名字，這些前處理器，就會把它展開，還原成原來 CSS/JavaScript 的樣子。這會讓你大大縮短開發時間！著名的前處理器排列如下（大部份人會慣用其中之一即可，雖然也可以混用）：

以下是 CSS 的三大前處理器：
- Sass
- LESS
- Stylus

以下是 JavaScript 的兩大前處理器：
- CoffeeScript
- TypeScript

以下是全方位的前處理器：
- CodeKit
- LiveReload

(4) 函式庫（Libraries）：

所謂函式庫，就是人家幫你寫好的 JavaScript 副程式。想用時，直接拿來呼叫即可。正如「鐵金剛（JavaScript）」本來不會飛，加上「金剛飛翼（函式庫）」後，就有飛的功能了。著名的函式庫如下所示：

- jQuery：它是用來操縱整個 HTML 節點（或稱 DOM 結構）最棒的函式庫！講到操作 DOM，除了 jQuery 外不作第二人想！
- Underscore：它是用來補足 JavaScript 沒提供「顯而易見」函數而被發明出來的。如 find(), shuffle()...等。它與 Backbone 框架緊密結合。用了 Backbone 的人很少沒聽過 Underscore 的大名的。
- D3：它的拿手好戲就是顯示統計圖表！如果你想用 JavaScript 顯示各類統計圖表，D3 絕對不可錯過！

(5) 工具（Tools & Utilities）

- RequireJS：一個 JavaScript 檔案/模組載入器。允許你把 JavaScript 寫成小小模組，然後像樂高積木一樣載入使用。不好學，但學會後很值得。
- Testem：JavaScript 的測試用工具。
- Grunt：一個可以將 JavaScript 的編譯、載入、測試、執行工作，自動化的命令列工具。類似 C 語言世界裡的 make。
- Normalize：可以將你的程式碼，改到連用 IE 低版本瀏覽器來看，效果都跟 Chrome 或 Firefox 一樣的工具。
- HTML5 Boilerplate：它裡面包含了上百個「模板」，可以讓你「拷貝與貼上」，就能擁有強大的網頁功能，不必寫大量程式碼。
- Twitter Bootstrap：由 Twitter 工程師貢獻的大量模板，也是可以讓你「拷貝與貼上」使用它們。
- Foundation 4：與 Bootstrap 是競爭對手、也有大量模板供你拷貝與貼上使用之。

https://tutsplus.com/tutorial/essentials-tools-for-a-modern-front-end-development-workflow/

---
原文已經率先刊登於 G+ 私密社團「紀老師網頁程式設計」。對 HTML/CSS/JavaScript 感興趣的朋友，可以申請加入：

https://plus.google.com/communities/100793154849235819235

（申請制，審核時間 24 小時內）

Sublime Text 2 -- 程式師最佳文字編輯器

說起寫程式，最重要的就是要有個好的「文字編輯器」。因為寫程式需要大量地輸入文字，如果您的文字編輯器不夠好，寫起程式來總是事倍功半。

有人說：「文字編輯器？Windows 裡的 Notepad 不就好了？」那個是給一般人的文字編輯器。我認為，程式師的文字編輯器，最低門檻至少要有「關鍵字色彩標示」（如：C 語言的 printf() 指令要用不同顏色標示），與「自動完成」（如：打 prin，就自動下拉一個選單，給你選 printf、fprintf...）。前者可以在你指令打錯字沒變色時，即時提醒你你打的字不是該語言指令。後者可以讓你面對又臭又長的指令時，打四、五個字就由系統幫你「補完」。

但今天要介紹的 Sublime Text 2，能力絕對不只「關鍵字色彩標示」與「指令自動補完」兩項。它被喻為「有史以來最棒的程式師專用文字編輯器」。今天提供給各位一個兩小時半的影片，完整介紹 Sublime Text 2。看完你也一定會愛上它。我個人覺得它最棒的功能在於：

1. 多重游標：在一份文件中，所有同名關鍵字後方，都出現一個游標。當你修改一份，其它份都會跟著修改。變數更名時特別有用。

2. 直向選取：當你用滑鼠刷過一段文字時，該文字會被「橫向選取」。Sublime Text 允許你「直向選取」。你可以選中連續十行的「開頭」，然後加上或刪除「註解符號（如：//）」。這對想把某段文字註解掉非常有用。

3. 程式模版（Snippet）：選擇 for 模版，自動幫你完成「for(...;...;...) { ... }」整個結構。讓你寫程式輕鬆不少。

其它細節請看影片囉：
http://youtu.be/TZ-bgcJ6fQo

การติดตั้ง Sublime 3 บน Zorin 12 ซึ่งเป็น Ubuntu Linux 16.04
การสร้าง sublime-build เพื่อให้สามารถ Build และ Single C++ file
การสร้าง sublime-build เพื่อให้สามารถ compile/build ไฟล์ตามมาตรฐาน C++14
เทคนิคการ Build and Run โดยให้แสดงผลบน terminal
การติดตั้ง SublimeAStyleFormatter เพื่อจัดรูปแบบของโค้ดให้สวยงาม
ดาวน์โหลดไฟล์ C++14.sublime-build ได้ที่ https://goo.gl/578iUW
เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
playlist สอนภาษา C++ ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEfZwqM2KyCBcPTVsc6cU_i
playlist สอนภาษา C เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHHgz0S1tSyIl7vkG0y105z
playlist สอนภาษา C# ► https://www.youtube.com/playlist?list=PLoTScYm9O0GE4trr-XPozJRwaY7V9hx8K
playlist สอนภาษา Java ► https://www.youtube.com/playlist?list=PLoTScYm9O0GF26yW0zVc2rzjkygafsILN
playlist สอนภาษา Python ► https://www.youtube.com/playlist?list=PLoTScYm9O0GH4YQs9t4tf2RIYolHt_YwW
playlist สอนภาษาไพธอน Python OOP ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEIZzlTKPUiOqkewkWmwadW
playlist สอน Python 3 GUI ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFB1Y3cCmb9aPD5xRB1T11y
playlist สอนภาษา PHP เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GH_6LARFxozL_viEsXV2wgO
playlist สอนภาษา R เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GF6qjrRuZFSHdnBXD2KVICp

การติดตั้ง Sublime 3 บน macOS
การสร้าง sublime-build เพื่อให้สามารถ Build และ Single C++ file
การสร้าง sublime-build เพื่อให้สามารถ compile/build ไฟล์ตามมาตรฐาน C++14
เทคนิคการใช้ sublime-build เพื่อสร้าง Build and Run โปรแกรมด้วย Terminal
ดาวน์โหลดไฟล์ C++14mac.sublime-build ได้ที่ ► https://goo.gl/mHZUH6
เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
playlist สอนภาษา C++ ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEfZwqM2KyCBcPTVsc6cU_i
playlist สอนภาษา C เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHHgz0S1tSyIl7vkG0y105z
playlist สอนภาษา C# ► https://www.youtube.com/playlist?list=PLoTScYm9O0GE4trr-XPozJRwaY7V9hx8K
playlist สอนภาษา Java ► https://www.youtube.com/playlist?list=PLoTScYm9O0GF26yW0zVc2rzjkygafsILN
playlist สอนภาษา Python ► https://www.youtube.com/playlist?list=PLoTScYm9O0GH4YQs9t4tf2RIYolHt_YwW
playlist สอนภาษาไพธอน Python OOP ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEIZzlTKPUiOqkewkWmwadW
playlist สอน Python 3 GUI ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFB1Y3cCmb9aPD5xRB1T11y
playlist สอนภาษา PHP เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GH_6LARFxozL_viEsXV2wgO
playlist สอนภาษา R เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GF6qjrRuZFSHdnBXD2KVICp

การติดตั้ง Sublime 3 บน Windows 10
การสร้าง sublime-build เพื่อให้สามารถ Build และ Single C++ file
การสร้าง sublime-build เพื่อให้สามารถ compile/build ไฟล์ตามมาตรฐาน C++14
เทคนิคการใช้ sublime-build เพื่อสร้าง Build and Run โปรแกรมด้วย command prompt

=== ดาวน์โหลดไฟล์ C++14win.sublime-build ได้ที่ https://goo.gl/mQn5tO
เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
playlist สอนภาษา C++ ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEfZwqM2KyCBcPTVsc6cU_i
playlist สอนภาษา C เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHHgz0S1tSyIl7vkG0y105z
playlist สอนภาษา C# ► https://www.youtube.com/playlist?list=PLoTScYm9O0GE4trr-XPozJRwaY7V9hx8K
playlist สอนภาษา Java ► https://www.youtube.com/playlist?list=PLoTScYm9O0GF26yW0zVc2rzjkygafsILN
playlist สอนภาษา Python ► https://www.youtube.com/playlist?list=PLoTScYm9O0GH4YQs9t4tf2RIYolHt_YwW
playlist สอนภาษาไพธอน Python OOP ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEIZzlTKPUiOqkewkWmwadW
playlist สอน Python 3 GUI ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFB1Y3cCmb9aPD5xRB1T11y
playlist สอนภาษา PHP เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GH_6LARFxozL_viEsXV2wgO
playlist สอนภาษา R เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GF6qjrRuZFSHdnBXD2KVICp