###### tags: `技術文` `週二`

# 週二 -- 技術文

隨著專案持續擴大，程式碼該如何管理幫助團隊協作與開發？

導入 #MVC架構，能在開發時更明確區分各元件的功能，降低系統複雜度，讓系統更好的維護與擴充 👉https://alpha.camp/dBqxg

本篇將帶你 #認識Model-View-Controller軟體設計模式：
🎯 MVC 是什麼？
🎯 MVC 模式的實作
🎯 採用 MVC 架構三大好處

--
#掌握網頁開發 帶你走進 #MVC架構 妥善管理程式碼
👉https://alpha.camp/XPPLS
🔥#程式設計入門 9 月班火熱倒數中
👉https://alpha.camp/oIean

關注點分離

當我們把關注點分離的概念落實到軟體架構 (architectural pattern) 時，最常見的分工是把「管理資料的功能」和「呈現視覺的功能」分離。

具體的行為是「把不同意義的程式碼放在不同的檔案裡」

就是把整個應用程式分拆成不同功能層 (layer) 或程式碼模組 (module)，每個區塊有各自的關注點，彼此分工合作。

MVC的目的是實現一種動態的程式設計模式，使後續的程式修改、擴充更加簡化，降低系統複雜度，使系統更好維護與擴充。

MVC能解決網頁設計什麼問題?
網頁開發導入MVC架構，能讓開發的過程中更明確的區分「邏輯處理」與「資料呈現」，明確的區分各元件的功能，提高系統的擴充性、可用性。此外，導入MVC更容易進行分工，團隊每個人可以在各自負責的部份進行開發，不會互相衝突或干擾。

隨著專案持續擴大，程式碼該如何管理？易讀與易用性
#認識 Model-View-Controller 軟體設計模式

的易讀與易用性如何善管理及維護程式碼

初學時#MVC架構是什麼？
#認識Model-View-Controller軟體設計模式

---

🙋🏻‍♀️ 想要將自己的作品用公開網址的形式傳給朋友看嗎？
起手式來 #認識軟體佈署與PaaS雲端服務Heroku 吧！
👉https://alpha.camp/YS0zp

本篇將帶你了解：
🎯 佈署是什麼以及基礎設施
🎯 架設網站的雲端服務是什麼
🎯 PaaS 雲端服務 Heroku

--
✏️ #三分鐘小測驗，開啟與業界接軌全端工程師的學習入口👉https://alpha.camp/Gh4xD

💪 #軟體工程師養成 8 週養成工程師業界實戰能力👉https://alpha.camp/57PXM

--

🌚 處理大型專案時，若沒有模組化的概念，小心衍生的技術債讓你沒朋友！

本篇 Dez 助教的 #Webpack新手入門，將帶你了解求職平台常寫到的打包等自動化工具的用途，以及 Webpack 工作方式的基本觀念 👉
https://lihi1.com/Cq5Y1

🎯 模組化、打包是什麼？
🎯 Webpack 是什麼？更多的用途？
🎯 Webpack 基本觀念？

--
#軟體工程師養成 有效專修路徑接近業界實踐 👉https://lihi1.com/rTFUe

---

### 【7/21】 [CSS 語法入門教學：Box model 介紹](https://tw.alphacamp.co/blog/css-guide-box-model)

前端網頁開發三劍客，#CSS 默默卡在 C 位，負責處理網頁版面樣式，除了提供使用者第一前線的視覺外，更解決早期工程師們網頁結構與版面樣式混雜不易辨識、微調等痛點 👉https://lihi1.com/kkeIi

本篇 #CSS 語法入門教學，將帶你從 CSS 中的 Box model 屬性一探：

🎯 HTML 和 CSS 的分工
🎯 CSS 語法規則
🎯 認識 box 及其排列方式
🎯 盒子的排列方式：inline v.s. block

--
#程式設計入門 初步體驗「前端」、「後端」開發 👉https://lihi1.com/hWOTS
#亞洲最完整JavaScript全端開發課程 👉https://lihi1.com/tS0VP

---

前端網頁開發三劍客，#CSS 默默卡在 C 位，負責處理網頁版面樣式，除了提供使用者第一前線的視覺外，更解決早期工程師們網頁結構與版面樣式混雜不易辨識、微調等痛點 👉https://lihi1.com/q1WPQ

本篇 #CSS 語法入門教學，將帶你從 CSS 中的 Box model 屬性一探：

🎯 HTML 和 CSS 的分工
🎯 CSS 語法規則
🎯 認識 box 及其排列方式
🎯 盒子的排列方式：inline v.s. block

---

### 【7/14】 [Postman 新手教學｜使用Postman 開發出你的第一支 API](https://tw.alphacamp.co/blog/postman-api-tutorial-for-beginners)

Postman 是測試API 必備神器，新手的你仍茫茫然嗎？別怕！

🤩 本篇 AC 助教 Water 的 Postman 新手教學，將帶你快速上手基本操作，開發出你的第一支 API 👉https://lihi1.com/pqoAd

🎯 Postman 導覽：主要操作版面三部分
🎯 Q/A 如何上傳/下載檔案？

--
🔥 #全端工程師養成 實戰學習架設 Web API 伺服器 👉https://lihi1.com/E19Az

---

Postman 是測試API 必備神器，新手的你仍茫茫然嗎？別怕！

🤩 本篇 AC 助教 Water 的 Postman 新手教學，將帶你快速上手基本操作，開發出你的第一支 API 👉https://lihi1.com/IGLzW

🎯 Postman 導覽：主要操作版面三部分
🎯 Q/A 如何上傳/下載檔案？

--
🔥 #全端工程師養成 實戰學習架設 Web API 伺服器 👉https://lihi1.com/dN0zA

---

### 【7/7】 [MySQL 基本運作介紹，從資料庫交易與 ACID 特性開始](https://tw.alphacamp.co/blog/mysql-intro-acid-in-databases)

在學習網路開發的初期，通常會先專注在前端頁面的設計、後端 server 的架設，滿足使用者的請求。但你對資料庫的認識有多少呢？資料庫本身又是如何運作的？
👉https://lihi1.com/BQIH4

本篇來自助教 @tim 收到學生問題後，發現資料庫本身非常重要，但過往卻少有機會認識，若你也有相同感受，就一起初步認識 MySQL 的基本運作：

🎯 MySQL 如何處理請求
🎯 MySQL 如何處理資料修改
🎯 不同的 isolation ＆ 與資料庫 ACID 特性間的關係

--
🔥 #程式設計入門 7 月班 延長加開倒數 2 天 👉https://lihi1.com/flZjg

https://lihi1.com/UbZ2b