【網站開發學習筆記】什麼是網站前端工程師
此部份資料以各大求職網及他人分享的職業甘苦談整理而成，若有任何缺誤再請告知。
一般而言，前端泛指處理與用戶端相關的開發，舉凡使用介面、從用戶端收集到資料傳至後端進行資料處理等。舉例來說，前端的工作就像是使用者與電腦之間的翻譯人員，電腦需使用代碼下指令來操作，但一般用戶並不是都會程式語言或是語法，也看不懂電腦呈現的代碼含義，因此前端會將指令圖像化，讓使用者可以直觀的進行操作並對電腦下指令，並把圖像化的使用者介面以代碼轉成電腦也能理解的內容，讓電腦運作起來。
前端的工作內容
而在網站開發時前端主要的工作便是在使用者介面的開發以及與後端資料的串接上。具體而言有以下幾項工作
- 將設計轉化為真實網頁
用HTML/CSS將網站設計稿從圖像轉譯為能呈現在瀏覽器上的網站，也就是俗稱的切版 - 讓網站能在各種裝置、瀏覽器上運行
- 優化前端體驗與效能
- 串接後端伺服器進行資料溝通
- 與其它前端合作開發
前端所需的軟實力
從上所述，可以看出前端的工作內容多數需要與其它專業項目的人員進行合作。除了與設計師溝通網站的呈現以及使用體驗外，也需要與後端協調進行資料的串接。因此在基本技術力之外，做為網站前端，你還會需要：
- 不害怕與他人合作溝通
- 具有一定的美感素養
- 同時具備抽象與邏輯思考的能力
- 發現問題、解決問題的能力
- 不斷的自我更新、持續學習
個人認為，最後兩項不單只是做為前端，而是不論從事何種行業都需要具備的，不過在技術日新月異的程式開發領域，這些特質的重要程度又更高了。
前端所需的硬實力
了解前端在做些什麼、又需要什麼樣的軟實力後，覺得自己對於這個職業是有興趣且想要嘗試發展的話，那麼接下來就來看看前端應該要具備什麼樣的專業技能吧！
大部份的自學介紹多會按學習順序來進行介紹，不過筆者屬於喜歡從「為什麼」來進行思考，且這系列有個大方向的目標：轉職，因此比起依照程式的學習順序來介紹，筆者認為從工作內容來進行介紹會更明確且有感。
從下一篇開始，就要來更仔細的了解前端的工作內容及所需的能力！
我是正在努力學習網頁開發知識，立志朝網頁前端工程師邁進的佧佧，這個系列是我的學習筆記及記錄，希望我的學習歷程也能給予同樣走在學習路上的夥伴一些協助，若是內容有任何錯誤或不足，也希望各位前輩、先進不吝提出，謝謝！
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
你是不是也好奇：一個漂亮又好用的網站是怎麼做出來的，又或是他們背後的原理是什麼？聽過「前端」、「後端」和「資料庫」這些詞，但又不知道它們是什麼意思？別擔心！在這篇文章中，我會用簡單的方式帶你認識它們！
什麼是前端？（Frontend）
「前端」就是你在瀏覽器上看到和互動的部分，比如按鈕、圖片
當我剛開始接觸這個領域的時候，經常會看到有人在討論： 到底要做前端還是後端工程師呢？後端工程師賺的比前端工程師多？前端工程師轉後端工程師？那前端與後端到底是什麼呢？ 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理，對於想深入瞭解前後端的讀者會非常有幫助。
是的，身為前端工程師的基本功！還是需要時不時拿出來打磨一番！
很多大公司的切版與前端是分開的，但不能因為碰不到就不去理解，假如要系統性的調整樣式，那麼你就一定要懂基礎，就好像你要調整微前端的架構，總不能連包板工具的設定都不會吧！
回到正題，這系列文章每個禮拜三都會更新一題CSS Battle的題
是的，身為前端工程師的基本功！還是需要時不時拿出來打磨一番！
很多大公司的切版與前端是分開的，但不能因為碰不到就不去理解，假如要系統性的調整樣式，那麼你就一定要懂基礎，就好像你要調整微前端的架構，總不能連包板工具的設定都不會吧！
回到正題，這系列文章每個禮拜三都會更新一題CSS Battle的題
是的，身為前端工程師的基本功！
還是需要時不時拿出來打磨一番，這系列文章每個禮拜三都會更新一題CSS Battle的題目，歡迎與我交流喔！
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域
五、網頁設計師要做什麼？
說實話，每間公司不一樣。
我不是只面試一間而已，光是網頁設計我應該至少投了十間以上，我問到的職務內容跟範圍不全然相同。依照公司規模和用的框架，會有滿大的差別。
網頁設計主要分成以下工作：
是的，身為前端工程師的基本功！還是需要時不時拿出來打磨一番！
這系列文章每個禮拜三都會更新一題CSS Battle的題目與解法
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
你是不是也好奇：一個漂亮又好用的網站是怎麼做出來的，又或是他們背後的原理是什麼？聽過「前端」、「後端」和「資料庫」這些詞，但又不知道它們是什麼意思？別擔心！在這篇文章中，我會用簡單的方式帶你認識它們！
什麼是前端？（Frontend）
「前端」就是你在瀏覽器上看到和互動的部分，比如按鈕、圖片
當我剛開始接觸這個領域的時候，經常會看到有人在討論： 到底要做前端還是後端工程師呢？後端工程師賺的比前端工程師多？前端工程師轉後端工程師？那前端與後端到底是什麼呢？ 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理，對於想深入瞭解前後端的讀者會非常有幫助。
是的，身為前端工程師的基本功！還是需要時不時拿出來打磨一番！
很多大公司的切版與前端是分開的，但不能因為碰不到就不去理解，假如要系統性的調整樣式，那麼你就一定要懂基礎，就好像你要調整微前端的架構，總不能連包板工具的設定都不會吧！
回到正題，這系列文章每個禮拜三都會更新一題CSS Battle的題
是的，身為前端工程師的基本功！還是需要時不時拿出來打磨一番！
很多大公司的切版與前端是分開的，但不能因為碰不到就不去理解，假如要系統性的調整樣式，那麼你就一定要懂基礎，就好像你要調整微前端的架構，總不能連包板工具的設定都不會吧！
回到正題，這系列文章每個禮拜三都會更新一題CSS Battle的題
是的，身為前端工程師的基本功！
還是需要時不時拿出來打磨一番，這系列文章每個禮拜三都會更新一題CSS Battle的題目，歡迎與我交流喔！
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域
五、網頁設計師要做什麼？
說實話，每間公司不一樣。
我不是只面試一間而已，光是網頁設計我應該至少投了十間以上，我問到的職務內容跟範圍不全然相同。依照公司規模和用的框架，會有滿大的差別。
網頁設計主要分成以下工作：
是的，身為前端工程師的基本功！還是需要時不時拿出來打磨一番！
這系列文章每個禮拜三都會更新一題CSS Battle的題目與解法