前端

定義

首先我們要先了解前端的定義，前端是指使用者與系統互動的「可視化介面」部分。簡單來說，前端就是我們打開網站或應用程式後看到、進行操作的部分，例如：

• 頁面結構（排版、內容呈現）
• 視覺設計（顏色、字體）
• 功能（按鈕點擊、表單輸入）

技術

前端開發主要依賴三樣基礎：

1.HTML
HTML是網頁的骨架，用來定義頁面的內容呈現，像是標題、段落、表格、圖片、連結。

2.CSS
CSS則負責頁面的外觀與樣式，例如顏色、字體、排版，而為響應不同裝置也會出現不同的配置，像手機、平板、桌機皆以不同方式呈現。

3.JavaScript
賦予網頁生命性的程式語言，具體來說就是按鈕點擊後跳出對話框、繼續讓你前往下一步的操作，使得整個網頁能讓你順利、正常的使用。

框架

隨著人們使用需求的提升，現代前端開發引入許多框架與工具來提升效率：

1.框架

• React
  定位算是函式庫，主要專注在「UI 建構」，採用元件化開發，好處是方便維護與重複使用，且適合較大的跨平台專案。
• Vue.js
  採用雙向資料綁定，簡單靈活，適合初學者專用，對於主打簡單暴力的小型專案非常適合。
• Angular
  採用 TypeScript 作為主要語言，一樣擁有雙向資料綁定且還有RxJS，能很有效率的處理不同步的資料流向，故多用於最為大型的企業應用，並且複雜、難維護，基本上背後需要有個大規模的團隊才有辦法謹慎管理。

2.打包與建構工具

• 這三樣 Webpack、Vite、Parcel，都是用於將程式碼壓縮、模組化與最佳化，以此增加系統效率。

3.CSS 預處理

• Sass、Less，提升 CSS 維護性。
• Tailwind CSS 和 Bootstrap 都提供現成樣式庫，並快速建立較為美觀的頁面。

再來是看了這麼多文章後，我認為前端進步無疑是需要增添"AI輔助"功能，在使用者當下有疑問時，亦或者事網站上有講不清楚的地方時，能夠盡快地做補充，使得整體使用更便利。再來是常常有許多系統"只能"在電腦上操作，假使能設計出一套程式碼能夠在不同尺寸的螢幕裝置正常運行，想必會是很不錯的突破，當然是指所有的網頁都能做到才是最厲害的。而不常提到的是 SPA (單頁應用)減少頁面重新載入，使用者體驗更流暢，不需要看網路的心情來擔心重刷新而卡頓的問題。當然上面都是大方向的努力目標，至於要怎麼使用還是得看使用者的個人化習慣啦!