經過了兩天技術性的文章，今天就來點輕鬆的吧！
來聊聊設計師們最最最...xN 困擾的 「程式邏輯」

在前面的文章有提到過，阿宅 PO 在程式邏輯前前後後摸索了 5 個春夏秋冬
原因是因為我一直想不通 到底什麼是程式邏輯...
不知道其他正在轉職的前端設計師們，有沒有跟我一樣的困擾呢？

在自學的路上，無論是線上課程、實體講座、Youtobe 上的前輩大師們的頻道內
每當有與學員們互動的時段，阿宅 PO 最常問的問題，永遠是：

「什麼是程式邏輯」（無限迴圈 again...）

那時候的前端前輩們，都會熱心地分享說
「邏輯不難，你只要一直一直練習寫，就會了」
「只要努力練習，最後你自然而然就會囉～」

但當時視覺型人又必須需要從頭到尾理解的阿宅 PO
也因為糾結在程式邏輯 如何入門 和 進入步驟
遲遲無法跨越那道關卡...

直到正式進入第一份 前端工程師 的工作 / 公司 之後
在專案當中 做中學 被強迫硬寫程式碼之後
才對那些已被遺忘在腦海深處的答案，開始有點 Feeling

簡而言之，邏輯就是「做事情的步驟」
在處理一個功能時，先把功能拆解一個個步驟
利用程式碼教電腦一步一步把你希望它做的事情完成！

舉個小例子：寫一個加法計算器

<div>
    <label>第一個數字</label>
    <input type="number">
</div>
<span>+</span>
<div>
    <label>第二個數字</label>
    <input type="number">
</div>
<span>=</span>
<p>{{resule}}</p>

let result = 0;

function calc(a, b) {
    return result = a + b;
}

1. 宣告一個變數 let resule = 0;
2. 取到第一個數字的值，放到參數 a
3. 取到第二個數字的值，放到參數 b
4. return result

臨時想不到更好的例子，希望這樣的解釋各位捧油有幫助

今天就到這邊，謝謝大家觀看
有任何問題或是有誤寫的地方，也請各位捧油不吝指正唷～