網頁基礎前端工程師需要習得哪些技能

網頁基礎前端工程師需要習得哪些技能


 

 

 

網頁工程師主要分為前端工程師與後端工程師,而前端的工作又分成前端網頁設計師以及前端工程師

本篇文章想跟大家分享如何邁向網頁前端工程師的路,接下來將會為各位詳盡的介紹前端需要習得哪些技能。

首先介紹前端網頁設計師,因為是設計師所以會需要設計網頁的樣貌,一開始先設計網頁的平面圖,之後在把它搬到網頁上。

所以網頁設計師一開始需要習得的技能是 需用PhotoShop處理網頁上用的照片  

與 illustrator 用來排版網頁的平面圖,接下來還需要把平面圖變成網頁,所以還需要習得網頁的語法HTML,

也因為現在網頁都會有三個版本,手機、平板、電腦,所以一次要做三種尺寸也就是最近最紅的 RWD (自適應跨平台),

根據使用者的瀏覽器或者使用裝置(手機或電腦)等,自動調整最適合的尺寸大小,也就是RWD了

所以熟練CSS是必須的。

最後還需要會簡單的JavaScript來跟使用者做一點小互動,例如:使用者未填寫表單欄位時,會跳一個彈窗來提示使用者,等等.....

所以這邊建議網頁設計師學習的順序為:

1.設計培養美感平面的部分:PhotoShop、illustrator

2.網頁的部分:HTML、CSS

3.跟使用者互動的部分Javascript略熟即可

PhotoShop >> illustrator >> HTML >> CSS >> JavaScript

當然設計師是需要長時間經驗慢慢來培養的,所以對於沒有設計感的人也未必就不能當網頁工程師

因為還有另一個職稱叫前端工程師它跟網頁設計師唯一的差別就是不需要自己設計網頁平面圖,

大部分的公司都會另外有美編設計組,接著會把設計好好的網頁平面圖送到你的面前,

你只需要把平面圖一模一樣的把它變成網頁即可。

不過呢,前端工程師還需要特別的去接收端傳來的資料,所以要熟練JavaScript與Ajax的部分。

這邊建議前端工程師學習的順序是:

1.網頁的部分:HTML、CSS

2.需要處理接收後端傳來的資料:JavaScript、Jquery、Ajax

HTML >> CSS >> JavaScript >> Jquery >>Ajax

所以對設計有興趣的朋友們可以朝著網頁設計師發展,而對網頁視覺畫面的呈現有興趣的朋友們可以朝著前端前端工程師邁進

不論是自學或到補習班學最快速學習的方式就是先從模仿開始,去找幾個人家做好的漂漂亮亮的網頁,

用它來當練習樣板想辦法跟它做到一模一樣,模仿幾個網站後,你就會開始慢慢有感覺,可以設計屬於你自己的網站了。

下一篇將跟大家介紹-網頁基礎後端工程師需要習得哪些技能。

 

Yiru@Studio - 關於我 - 意如