---
# System prepended metadata

title: '【轉職講座】前後端工程師選擇？掌握成功關鍵技能樹 '

---

## 發問區

* 有問題可以到 [sli.do](https://app.sli.do/event/4jz5rGpRAoUGT2uP6LSgwj) 匿名發問

## 六角近期培訓課與練功活動 (三場皆會產出個人作品)
* 10/06~12/06：[JavaScript 工程師養成班](https://www.hexschool.com/courses/js-training.html)
![]()
<a href="https://r.botbonnie.com/FUjem" target="_blank"><img width="200" src="https://hackmd.io/_uploads/Hyva3fCi3.png"></a>
* 10/30~11/30：[The F2E 前端修練精神時光屋](https://2022.thef2e.com/)
* 12/22~2/23：[Vue 專題作品班](https://www.hexschool.com/courses/vue-training.html)

> 2024/1/2~2024/1/22 ：21 天 Node.js 前後端主題挑戰賽

## 前後端工作內容

### 前端
*  採用語言：HTML、CSS、JavaScript
*  採用 JS 框架：Vue、React、Angular
*  工作內容：
    1. **網頁前端開發**：將 UI 的設計稿，使用 HTML、CSS、JavaScript等來設計和建立網頁，提升使用者體驗。
    2. **響應式設計**：確保網站在各種不同的設備（例如桌面、平板電腦、手機等）上均可正常工作。
    3. **使用框架和函式庫**：例如 React.js, Vue.js, Angular 等來提高開發效率，並確保程式碼的可重用性和模組化
    4. **與後端工程師協同工作**：利用 AJAX、API 與後端伺服器進行數據溝通，並將數據呈現給用戶

### 後端(涉獵一些 DevOps)
* 採用任一後端語言：.NET、Python、Node.js、PHP、Ruby
* 採用任一資料庫：MSSQL、MySQL、PostgreSQL
*  工作內容：
    1. **伺服器架構設計**：設計和實現伺服器端的架構，來開發伺服器端的業務邏輯。
    2. **資料庫設計和管理**：設計資料庫架構，實現資料的儲存、查詢和修改。常用的資料庫系統包括MySQL, PostgreSQL, MongoDB等。
    3. **API 開發**：設計和開發 API 供前端工程師使用，並保證其性能和安全性。 
    5. **伺服器架構設計**：設計和實現伺服器端的雲端架構，確保系統的擴展性，並監控和優化服務器的性能，包括但不限於負載均衡、緩存策略、資料庫查詢優化等。。
    6. **系統安全維護**：負責維護和更新後端服務，保護網站免受攻擊，保護用戶資訊不被洩露。
    7. **CI/CD部署**：使用版本控制系統（如 Git）來管理程式碼，並掌握持續整合（CI）和持續部署（CD）的技術來進行程式碼的部署。


## 懶人包
1. 視覺性動物可考慮前端工程師
2. 喜歡檢視數據可考慮後端工程師
3. 或是兩邊都探索看看


## 前後端技能樹
* [前端學習地圖](https://www.figma.com/file/PVb9jxjLUH8vAD0nRLX25O/%E5%89%8D%E7%AB%AF%E5%AD%B8%E7%BF%92%E5%9C%B0%E5%9C%96---%E7%9B%B4%E6%92%AD%E7%89%88?type=whiteboard&node-id=0%3A1&t=WpM3khDjAakqySVa-1)
* [後端學習既圖](https://roadmap.sh/backend)

## 前後端薪資
1. [六角學院前端薪水調查](https://www.hexschool.com/2021/12/09/2021-12-09-2021-frontend-salary/)
2. [104 前端平均月薪](https://guide.104.com.tw/salary/job?analyze=workexp&salary=monthly&kw=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB)
3. [104 後端平均月薪](https://guide.104.com.tw/salary/job?analyze=workexp&salary=monthly&kw=%E5%BE%8C%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%AB)

## 學習菜單

### 6.5 個月前端學習菜單
1. **2 週**：學習基礎 HTML、CSS 的網頁切版，並使用 Flexbox，設計出個人履歷
2. **2 週**：研究 RWD+SCSS 寫出手機版網頁，Bootstrap、Tailwind 挑一套去研究
3. **1~1.5 月**：JavaScript 變數、流程判斷、物件陣列、函式開發、DOM、AJAX 非同步、API 介接
4. **2 週**：作品收斂結合 HTML、CSS、JavaScript 所學，發想個人專題，並將三劍客做個打底。
5. **2 個月**：JS 框架研究，React、Vue、Angular
6. **1~1.5** 個月：發想個人專題，必須介接 RESTful API，搭配 router 去做 SPA 網站

### 6.5 個月後端學習菜單 C＃、ASP.NET
1. 學習基礎程式設計概念，如變數、資料類型、控制結構（例如 if-else, 迴圈）、函式等，並開始學習 C# 語言。
2. 研究 .NET 框架的基礎，並熟悉 Visual Studio 開發環境
3. 掌握更進階的 ASP.NET 概念，如身份驗證、安全性、狀態管理等。
4. 學習 MSSQL 語言和資料庫設計，並嘗試使用 ASP.NET 連接和操作資料庫。
5. 學習 ASP.NET MVC，包括 MVC 架構、路由、控制器、視圖等，並開發 RESTful API。
6. 學習 Azure 或其他雲端平台，並嘗試部署ASP.NET應用程式，深入學習雲端服務，如資料庫服務、儲存服務、伺服器無狀態等。

> 選修：基礎 HTML、CSS、JS，因後端需瞭解 Client Side 與 Server Side 的開發方式。

## 心理準備
* 7~12 個月研究僅是拿到門票，需再花 3 年沉澱瞭解軟體工程師範疇