想當前端工程師,入門前先來看看這篇重點整理!


想當前端工程師,入門前先來看看這篇重點整理!


前端工程師到底是在做什麼?而它跟後段工程師又有什麼差異呢?這些問題一次幫你KO!


每一個網頁的構成,包含你看得到的部分以及你看不到的部分。看得到的部分包含文字、圖片等網頁呈現的形式;而看不到的部分為後台的數據、大量的資料庫等維持網站運作的部分。簡單來說,前端工程師就是負責你看得到的部分、後端工程師則處理使用所看不到的部分。

以下是達內教育前端工程師課程整理出,關於前端工程師與後端工程師必備能力和技能:

前端工程師的工作內容與必備能力

簡單來說,前端工程師所負責的工作內容,就是調整使用者在網頁上所有「看得見的部分」,包含網頁的整體排版、圖樣、動畫呈現、字體樣式、圖文排列方式等等。而網頁的呈現方式對於一家公司行號來說,就等同於該公司的門面。所以前端工程師需常與設計師合作,需具備一定的美感。

除了網頁的美觀之外,也需兼顧網頁的動線與規劃,讓網頁無論是在桌上型電腦閱覽、或是在手機等行動裝置瀏覽,都能讓使用者能有良好的用戶體驗。所以前端工程師課程也提到:前端工程師需有「能體會使用者所體驗的」的同理心,並也有機會與 UI(使用者介面)/UX (使用者體驗)設計師合作。而隨著 Chrome 等網頁瀏覽器的技術推陳出新,前端工程師所需的技術水平也會跟著提高。

前端工程師所需基本技能:

熟悉 HTML/CSS 與 Javascript,呈現網頁的樣式與功能

熟悉 CSS 框架,如 Bootstrap 等

能活用時下熱門的 Javascript 框架,如 Angular.js、React.js、Vue.js

擁有 RWD (響應式網頁設計) 的能力,讓網站無論是在桌機上、平板上或是手機上都能完善呈現。

知道如何串接後端的 API

使用版本控制工具如 Git 的能力

熟悉各大主流的網頁瀏覽器(如 Chrome)的開發者工具



後端工程師的工作內容與必備能力

要讓一個網站能正常運作,需要後端工程師進行網站內容的數據管理與資料儲存等工作。以一個電商網站來說,這些數據、資料包含使用者的帳戶資訊、購物記錄、點閱紀錄、觸擊率等等。後端工程師負責伺服器的運作、資料庫及演算法,讓網站能以能最快的速度找到使用者所需的資料。因此後端工程師需要有良好的邏輯以及設計、操作資料庫的能力。

後端工程師所需基本技能:

了解網路通訊協定:如 HTTP、TCP 等

至少精通一種主要的後端語言,如 Python、PHP、Java 等

至少精通並能活用一種後端開發框架,如 Django、Node.js 等

使用資料庫開發工具如 My SQL 處理資料的能力。

了解 HTML/CSS 與 Javascript 基本的前端語言

打造 API 的能力

會使用 AWS、Google Cloud Platform 等平台部署網站、資料庫。

使用 Linux 的能力

使用版本控制工具如 Git 的能力






相關連結:

HTML5教學的CSS好複雜阿!別怕!這邊幫你整理好了!(1)

HTML5教學的CSS好複雜阿!別怕!這邊幫你整理好了!(2)

想要讓自己的網站讓人耳目一新?絕不能錯過HTML5教學!

Python課程學習者必須知道Dragonfly計畫停止內幕(上)

Python課程學習者必須知道Dragonfly計畫停止內幕(下)

如何將CSS放在網站中,讓它利益最大化?網路設計課程教你!

達內課程先就業再付款- 中時電子報

這個網誌中的熱門文章

Python控制結構一點就通!(5)while迴圈

網頁前端CSS必學兩屬性:display與visible

前端工程師絕不能搞錯的CSS中:逗號.空格的差別!