想轉職成為前端工程師之前，你必須了解何謂前端工程師，是否與你心中所想的是一樣的，才不會浪費時間走歪路。

甚麼是前端工程師?

在成為前端工程師之前，我們必須先理解「前端」是甚麼意思。就軟體開發的領域來說，若使用者可以直接看到你的開發成果那麼就稱為前端，比如網站(網頁)畫面、遊戲畫面等。

在理解前端是什麼意思之後，就可以直覺地知道前端工程師是針對使用者看到的畫面做開發的工程師。

你可能會有疑問有前端，難道還會有後端嗎? 沒錯，前端主要是呈現畫面讓使用者去直接使用，但是網頁呈現的資料、使用者帳號管理等，這些都是後端工程師的職責範圍之一。

前端工程師的職責為何

1. 將設計轉換成實際畫面

通常使用者看到的畫面會交由設計師進行設計，而前端工程師就要想辦法將此畫面實踐出來。

2. 串接後端伺服器(API)

前面我們解釋到，使用者今天有可能是想透過網站獲取演唱會資訊，這個演唱會資訊就是來自於後端的資料庫。前端工程師需要讓網站能夠從該資料庫取得使用者要的資訊，以將此資訊呈現給使用者。

3. 能透過不同的瀏覽器呈現

現存常見的瀏覽器有Chrome、IE、Edge、Firefox、Safari等，我們設計好的網站不一定完全適用在這些瀏覽器。因此前端工程師需要針對這些問題做處理。

此外，現在越來越多智慧型產品。如手機、平板等，這些設備也都可以瀏覽網站。因此如何讓網站能夠在這些不同螢幕尺寸的設備作呈現，這是前端工程師重要的課題之一。

4. 優化效能及體驗

一個好的網站能讓使用者直覺的去使用。因此前端工程師需要想辦法讓使用者有良好的使用體驗。此外，若開啟一個網站要等很久，這也會讓使用者體驗變差，此時就該去優化網站的效能。

身為一位前端工程師，你必須要會HTML、CSS及JavaScript，這是網站開發的基本門檻。讓我們來簡單介紹一下這三個語言在做什麼。

HTML主要是用來呈現網站的架構及內容。 你可以想像當你有一間房子，你會規劃如何利用各個空間，例如客廳、書房、廁所等。在規劃空間的同時，你也會決定這個空間要擺放甚麼物品，例如：書桌、椅子、電視等。

CSS主要負責美化HTML。 如果說HTML是用來規劃網站空間及內容，CSS就是你想要呈現甚麼風格。同樣以房子為例，當你想好廁所要在哪裡及要有那些東西後。你可能會開始想像你的廁所要長怎樣，是要金碧輝煌呢?還是綠意盎然? 這個美工的部分，就是CSS負責。

嚴格來說，HTML及CSS不算是程式語言。在網頁裡進行邏輯處理的部分主要是Javascript。 JavaScript可以實現與使用者互動，比如點擊按鈕以查詢演唱會資訊。這個點擊背後去查詢資料就是用Javascript來實現。

第一天先讓大家簡單了解前端工程師，讓想要成為前端工程師的各位有些概念。接著，我將會從HTML基本教學開始做介紹。