如果要有效的掌握學習，「輸出與輸入」並行是最有效的方法，大部分的學習者都是著重在輸入，而缺乏了輸出，所以難以到達下一個階段。

新人學習階段（輸入）

輸入是在一開始掌握技能的必要手段，因為對於領域不熟悉，會不斷搜索資源來學習，這個階段會不斷的從各處「吸收」資源儲存在腦部，因此稱為輸入的階段。

在第一間公司時，當時的 IE8 還是主流公司還是以 Dreamweaver 為主，美工、美術、網頁設計、切版的這幾個職稱都是代表同一個人，前端這個名詞在許多中小企業還沒有人認識，響應式網站更是在我投入這份行業半年以後才聽過，當時還沒有任何方向時，因此會透過不斷的摸索來尋找合適的資源，並且安排學習的進度。

以平面設計轉前端來說，最重要的是畫面的掌握度，如果自己設計的網頁都沒有辦法精準的呈現，就代表對於 "網頁設計的基本掌握度" 不足。因此，一開始的目標事先改善 CSS 的觀念，當時的作法為：

• 尋找正確的教學：當時僅有實體課程，網路的教學相對少很多，如同前文所說是選擇 CSS 教程，這是我最早作為輸入的 CSS 教材。
• 持續搜尋可用的教材：當一份教學學完以前，就會準備吸收下一份資源，所以需要不斷的搜尋及查找。
• 有空閒的時間就專注的投入：通常專案不會很大量的直接賦予給新人，所以新人起初會有一部份的空閒時間可以用來學習，因此在工作的初期排除工作時間，每天大約還有六小時左右的時間投入學習（在家也會把握時間），在專注時間下所輸入的內容更有效益。

這個階段算是初淺的學習過程，目的是讓自己可以廣泛的獲得基本知識，但要特別注意，這個階段所學習只有基礎能力記得清楚，稍微進階的知識會難以保存。

略有經驗後（輸出）

初心者階段僅能在開場的時候快速刷等級，如果要做為轉職則還有許多路要走。輸入資訊是基本的學習模式，在很短期就能看到效果，但在長期的學習上效益有限，真正有效的學習模式是「輸入」與「輸出」並行。

輸入，簡單來說就是從外部學習資料，而「輸出」就是將自身所學的用各種形式呈現出來，如：

• 挑戰專案
• 撰寫筆記
• Side Project
• 與他人分享技術心得
• 撰寫 Blog
• 演講

輸出也會因為強度不同有不同差異，當輸出的過程中感到壓力，這股壓力會要求自己**先升級後做更進一步的輸出。**並且這些輸出除了提升自己外，也能作為紀錄使用，輸入的過程中記憶是不牢固的，而輸出可以不斷加深印象，而且就算忘記，也能透過過去的輸出資源快速回想。

一開始學習時，並沒有輸入與輸出，僅僅是希望自己可以加速學習，但這種學習方式下，幾年後確實可以看到明顯的差異，而且學習的內容不會僅侷限於一個點，而是能從投入的過程中增加不同面向，如：寫作能力、演說、查找資源、情緒控制等等，自然能夠比只有輸入的人更有加倍的成長。