你喜歡收股息？還是喜歡股價一直上漲？其實，不同的投資者適合不同的投資類型。

一些投資者喜歡投資在成長型股票。一般上，成長型股票是不派發股息的，但是公司的股價上升得很快。雖然股價暴漲，但是投資者在賣出股票的那一刻，才能算是真正獲利。

然而，一些投資者不喜歡波動幅度大，也不喜歡賣出股票來變現，所以他們更傾向於買入股息型股票，通過公司定時派出的股息慢慢地累積財富。他們可以不必賣出任何股票，一年中有幾個月，股息就會自動進入到帳戶中。

股息型股票也會有成長的空間，但是成長的幅度非常小，也比不上成長性股票。所以，賣出股息型股票絕對不是獲利的最佳方式。

如果你更喜歡投資在股息型股票，收取股息，那要通過領股息來達到財務自由，可行嗎？

馬來西亞一名理財規劃師（CFP）通過他的部落格Dividend Magic記錄了他的投資狀況。他目前每個月能夠存下薪水的50%，把薪水投入到投資中，目的是為了要讓他在35歲前達到財務自由。

一直到2020年前，他都投資在盈利逐年增長的大馬公司，以便自己所能得到股息也能夠逐年增加。從2020年開始，他也開始投資在美股了。

他一整年的生活開銷大約為RM36,000。如果他的投資回酬（大部分為股息，一小部分為房地產回酬）一年下來高於RM36,000，那就代表他達到了財務自由，不必工作也可以靠被動收入生活下去。

從他在2019年的投資狀況數據來看，他持有18只股票，每一只股票都有派股息。他投入了將近RM400,000的資金，換來了超過RM16,300的股息（不包括特別股息）。

雖然他投入了將近RM400,000，但是他所持有的股票市值也在2019年12月達到了接近RM460,000（成長了大約15%）。

在完全不考慮賣出股票所能夠帶來的利潤，他一年可獲得RM16,300的股息，離他的財務自由所需的一年RM36,000，還相差大約RM20,000。

從他過去的投資狀況報告中可以看出，他的投資組合的股息率平均是在4%左右。在2019年，如果RM400,000的本金能夠為他帶來RM16,300的股息，按照比例來算，他需要投入接近一百萬的資金，才能夠為他帶來一年超過RM36,000的股息。

所以，你能夠單單靠著領股息，就可以不必工作，靠著股息過生活，達到財務自由嗎？

可以的，但是前提是，你必須先投入大量的資金，才能獲得豐厚的股息回報。

如果你還很年輕，還沒有那麼多的資金，那你則適合先投資在成長型股票，使自己的財富不斷增值，累積到大量的資金後，你就可以把資金投入到股息型股票中，領取豐厚的股息過日子了。

當然，不管是成長型股票還是股息型股票，都有好的公司和不好的公司。如果你投資在不好的公司，那你就無法獲得預期的回酬。在投資前，你一定要做好選股的功課。

你可以參加我們的《價值投資入門班》，在短短的三個星期內，幫助你找出你的投資能力範圍、分析公司的賺錢能力、找出有價值、值得你投資的公司。
馬上點擊以下連結報名參加《價值投資入門班》：
https://bit.ly/vimfb-vioc

馬上點擊以下連結，以9美金報名參加《理財投資訓練營》：
https://bit.ly/vim-page-pfoc

追蹤我們的IG：https://www.instagram.com/valueinmind/

--課程已於 2017 年 8 月更新--

你知道最有生產力的命令列專家利用了 Vim 文字編輯器的強大功能嗎？

問題是，如果你想要使用 Vim 非常好並且想要自己學習，可能需要很長時間。

當你完成本課程，你會知道如何：

1. 一次編輯多個檔案，包括如何在不同檔案之間來回移動資料，從一個檔案複製和剪貼到另一個檔案，並快速跳轉到另一個檔案。

2. 使用必須知道的鍵盤快捷鍵，以及如何輕鬆記住它們。你會實際學習如何“在 Vim 中思考”，所以你甚至不必記住每一個命令，從而節省了無數小時的工作時間。

3. 尋找和替換檔案中的整塊資訊。這包括如何透過重新命名檔案中或是檔案集合中的所有變數來可靠地重構程式碼。當然，你將學習簡單的尋找和替換技術來替換整個檔案中的單詞等等。

4. 剪切，複製和貼上。你將了解如何充分利用 Vim 的內建剪貼簿系統，使用 Vim 的剪貼簿歷史記錄，以及如何從 Vim 中訪問系統的剪貼簿。

5. 視覺化地選擇文字區塊，並對這些區塊執行編輯，例如移動區塊，刪除區塊，縮排/移位區塊等。你將了解 Vim 的文字物件 ( text objects )，以便你可以快速選擇單個或多個單詞，行，段落，HTML / XML 標籤，程式碼區塊等。

6. 如何進行垂直編輯並使用 Vim 的視覺區塊模式( Visual Block Mode )。（有人稱為欄編輯模式或是矩形模式…）
為源始碼，設定檔案或是你經常編輯任何類型的檔案啟用語法凸顯模式 ( syntext highlighting )。這包括如何自定義 Vim 中的配色方案和文字顏色碼。

7. 使用簡單到進階的瀏覽技術，以便你可以在檔案中快速跳到所需的位置。

8. 實用的應用技巧，如編輯程式原始碼，腳本 ( scripts ) ，HTML 等等。你將在本課程中找到很多練習的機會。
充分利用內建的幫助系統，快速找到所需要的說明，而不用離開 Vim。

9. 在 Linux 和 Windows 上使用 MacVim 和 gVim。這包括學習 Vim 的文字界面和圖形界面的優缺點。
創建，儲存和重放巨集 ( macros ) 以正常化資料，並快速重複複雜的編輯。你將學習如何在一個文字檔案中的每一行附加或預加 ( prepend )文字，如何格式化一行文字，並將該格式應用於檔案中的指定區域等等。簡而言之，你將學習如何使 Vim 中的所有內容自動化。

10. 創建自定義快捷方式和個性化鍵盤對映。如果你想為你經常做的事情創建一個快捷方式，你會發現如何使你的生活變得更容易一些。

11. 縮排和移動文字區塊。你還將學習如何啟用自動縮排，以便你可以快速清理並美化你的原始碼。

12. 還有更多…

https://softnshare.wordpress.com/2017/05/26/vimmasterclass/

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 小時內）

【🎤財訪你特備篇】
【在大馬多少起薪才夠用？】
。
所謂“加薪”不成反是“加辛”，
那麼老闆有沒有自動為你們加薪？
如果沒有，別氣餒。老闆不主動，我們當然也不可被動。
身為打工族，我們必須自己主宰自己的收入。
這次【財訪你】特備篇，我們財訪打工族們
目前起薪多少是否對他們來說是足夠用？
.
🔥點擊連結瞭解更多詳情或購買🔥
https://valueinmind.co/zh/sparks/
.
🔥點擊簡介鏈接，你就可以免費獲得《終極加薪手冊》🔥
https://valueinmind.co/lp-org-ultimate-guide-of-getting-a-raise/
。。。。
每一期，我們的團隊將篩選一個時下熱議的論文，到街上收集大眾的想法，看看你是否與大眾相同還是你是個異類。
希望每一次的調查結果能夠幫助大家在理財的道路上增添一份信心，為財富自由的目標衝刺，這是我們的使命！
如果你對SCP有想法，我們歡迎你留言或私信我們。
。。。。
關注價值思維（VIM）Facebook主頁追踪更多理財資訊：
https://www.facebook.com/valueinmind/
訂閱價值思維（VIM）Youtube頻道觀看更多免費理財教育影片：
https://www.youtube.com/channel/UC4Lc1E5gT_CRk27JBGEaHAA

訂閱Spark Liang Youtube頻道學習理財新知識：
http://bit.ly/sparkliang-youtube

#打工族薪水 #財訪你 #加薪