---
# System prepended metadata

title: '[轉職/換工作]前端工程師必備面試清單 - 計畫'

---

## [轉職/換工作]前端工程師必備面試清單 - 規劃篇

## 前言
各位可以參考 [2024 年 blog 與技術文章發表計畫](https://hackmd.io/@tsctw/ByEqU4jSa)，提到我想要完成前端工程師面試筆記的粗略概念及方法。我在 2023 年底有面試的打算，於是趁這個機會把筆記整理起來，以後要複習比較方便。不然原本的部分筆記放在 google drive 裡，不方便閱讀，也無法分享給大家。

## 背景
我是一名在國外工作的前端工程師，有2年的前端經驗。無論是台灣或是國外的面試經驗告訴我，除了`HTML` `CSS` `JavaScript` 以外，其他後端、資料庫的需求也會高機率寫在 JD(Job Description) 裡。所以在準備面試時前端的技能是基本，其他 web develop 有關的知識也要一併準備，才是獲得 offer 的不二法門。

以下先列出我整理的覺得有必要了解的清單，未來會慢慢把他們的細節補齊。

## 技術筆記一覽
### 前端
- [HTML](https://hackmd.io/@tsctw/SyzjsyprT)
- [CSS](https://hackmd.io/@tsctw/Hk2ruWTHa)
- JavaScript
- TypeScript
- 框架比較 (React, Vue, Angular)
- 前端框架發展史 (及 Webpack)
- 測試
- 瀏覽器
- SSR
- SEO
- 如何優化網頁讀取速度
- 經典問題：從瀏覽器輸入網址到網站出現之間發生了什麼事
- Streaming

### 後端
- RESTful API
- GraphQL
- 正向代理 (proxy) 和反向代理 (reverse proxy)
- JWT Session Cookie
- OSI 7層協議
- cache - client (http header)
- cache - server (Redis)
- 安全性的問題 XSS CSRF
- HTTPS

### 資料庫
- 一些基本語法
- SQL vs NoSQL
- ACID

### 其他工具
- CI/CD
- Git
- RabbitMQ vs Apache Kafka
- AWS
- AWS Azure GCP 比較
- Docker
- Kubernetes Microservices
- Agile/Scrum

### Programming
- OOP
- Design pattern
- Time/Space complexity
- Debugging
- SOLID and Dependency injection (依賴注入)

### 資料結構/演算法
- Array
- Linked List
- Binary Tree
- Hash Table
- Graph