系統設計系列文26:社群網站的 Frontend
前面內容幾乎都在講後端,今天把視角切回前端。
前端的相關整理
檢視所有標籤前面內容幾乎都在講後端,今天把視角切回前端。
All programmers should be familiar with conditional statements, as they are encountered in various fields.
This article primarily shares the conditional handling methods I have learned as a frontend engineer and JS user over the years.
所有會寫程式的人,應該都對條件判斷不陌生,不論什麼領域都常遇到。
這篇文章主要分享我作為前端工程師暨 JS 使用者,在這幾年學會的條件判斷處理方式。
(2026/08/18 更新內容)
此篇為舊文章,我已經另外整理資料結構與演算法的筆記,可以參考資料結構與演算法。
了解本文內容之前需要具備的 prerequisite:
近年來有許多人轉職當軟體工程師,其中網頁前端又是最熱門的選項,而前端工程師的工作內容多是處理 UI 切版、串 API 以及優化效能等等,所以有許多人認為前端不需要懂演算法與資料結構。
我在自學演算法與資料結構時,原先也覺得這只是用來應付面試的技能,直到最近在工作上實際運用到相關內容,這才了解到學習這些知識的優點。
這篇文章會實作一種常見的 UI Component: Tree View,藉此來分享如何將電腦科學的基礎知識運用在實務上。
Accessibility can be viewed as the "ability to access" and benefit from some system or entity. The concept focuses on enabling access for people with disabilities, or enabling access through the use of assistive technology; however, research and development in accessibility brings benefits to everyone.
![]()
最近開始花心思研究前端測試,而手邊可以拿來練習的好對象就是我的個人網站,於是開始拿它來動手寫測試。
關於寫測試,我自己選擇的工具主要是:
我這邊就不深入介紹這些工具了,直接進入正題吧。
I am a front-end engineer of OmniSegment, and our team are dedicated to improving marketing effectiveness of our customers.
Recently, I took the job of renewing our corp landing page. Although building a static web page is not complicated, there are something deserved to be recorded at this moment, and perhaps this post can help others in the future.
同步發佈於個人 Medium 半年學習成為前端工程師。
原本只是想盡量客觀地描述自己的學習心得,後來轉念決定多描述自己的狀況還有主觀的想法,讓所有學習程式語言或網頁開發的人更了解無經驗學程式的心路歷程。
更重要的是,這篇文章也是寫給自己看的,透過寫文章好好回味過去半年的學習時光,也方便未來的我回憶起此時此刻的想法/感受。
再次重申,這篇主要描寫心得而不是要學什麼,如果想知道要學什麼,可以參考 Learn to become a modern frontend developer 或 程式導師實驗計畫第四期。
按慣例(?,先來首歌吧 Bon Jovi - Livin' On A Prayer
2020 年 6 月中左右參加了 Lidemy 程式導師計畫,前陣子結業後順利找到前端工程師的正職,因此想分享一些心得。這篇先分享求職心得,後續再分享結業心得。
中間會有一大段面試心得,想看總結和要點可點擊 求職總結。