08.29 「每日一答」如何成為前端開發工程師並獲得第一份工作

你是否想成為一名前端開發工程師，但不知道怎麼開始？你是否有過好奇你整天瀏覽的網站（如：簡書，知乎，微博等）是怎麼創建的？如果你有這些問題，那麼我將在這篇文章中為你解答。

如果你已經閱讀我之前寫的《做為全棧開發工程師的我開始了自己博客之旅》和《我是如何走上編程之路的》兩篇文章，你會知道我通過自學成為全棧開發工程師，從事開發工作有四年之久，我曾經輔助過許多新手入門前端開發，這是我這些年總結的,針對新手想成為前端開發工程師的一份速成攻略，希望對新手有一些幫助。

為什麼要成為前端開發工程師？

前端工程師是互聯網時代軟件產品研發中不可缺少的一種專業研發角色。從狹義上講，前端工程師使用 HTML、CSS、JavaScript 等專業技能和工具將產品UI設計稿實現成網站產品，涵蓋用戶PC端、移動端網頁，處理視覺和交互問題。從廣義上來講，所有用戶終端產品與視覺和交互有關的部分，都是前端工程師的專業領域。

據統計，前端開發工程師的崗位不斷增多，全國對前端開發工程師的需求數量增多，同時對前端開發工程師技術要求也有所提高，前端開發工程師的工資高達 2-3萬，2018 年平均工資在 1萬左右。

以下是 51job 上北京、上海、廣州地區對前端開發提供的崗位及薪資截圖：

如何成為前端開發工程師

成為前端開發工程師是不是很困難？事實上成為一名優秀的前端開發工程師是需要掌握很多技能，但我為你準備一份速成攻略，這並不是說你可以不勞而獲。

首先得知道前端開發工程師的職責，最好的方式是在招聘網站進行了解，我在招聘網站搜索前端開發工程師時瞭解到，他們經常提出的要求：

* 前端知識：HTML、CSS 和 JavaScript

* 響應式網站開發

加分項：

* JavaScript 庫：Jquery、Vue

* CSS 框架： Bootstrap

定製計劃

在制定計劃之前，我們得先確定目標，我們的目標是成為一名優秀前端的開發工程師並快速獲得第一份開發工作，以下是我為新手製定的一個計劃：

1. 學習 HTML 和 CSS

2. 使用 HTML 和 CSS 開發靜態網站

3. 使用 Git 和 Github 管理併發布你的靜態網站

4. 求職

5. 學習 JavaScript

6. 使用 HTML 和 CSS 以及 JavaScript 開發網站

7. 更新簡歷並投遞

學習 HTML 和 CSS

HTML 和 CSS 是構建網站的第一步。HTML 是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。CSS 樣式是表現。就像網頁的外衣。比如，標題字體、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。

值得慶幸的是有許多免費和收費的資源可以學習 HTML 和 CSS，一些值得薦的免費網站資源：

* w3school - html 在線教程

* mozilla - web docs

* 慕課網 - HTML+CSS基礎課程

編程是技能，不是知識，技能只有在不斷練習下才會有進步。

從一開始就多動手，多練習，最好把每天學的內容寫成博客。

使用 HTML 和 CSS 開發靜態網站

你已經學習完 HTML 和 CSS 基礎知識，值得祝賀，你已經為成為一名優秀的開發工程師跨出第一步，接下來需要鞏固和提升 HTML 和 CSS 技能，你能開發一些靜態網站，為你找工作提供項目經驗。

建議臨摹一些知名的網站，比如：百度、知乎、簡書、微博、淘寶等網站，推薦完成兩個以上的網站臨摹。

使用 Git 和 Github 管理併發布你的靜態網站

從臨摹網站就開始使用 Git 和 Github 進行版本控制，並使用 Github 發佈臨摹的網站，讓更多的人瀏覽。

求職

學習完 HTML 和 CSS 基礎知識，並能完成靜態網站的開發，擁有項目經驗，事實上你已經是初級前端開發工程師，可以開始準備簡歷並投遞，尋找前端開發工程師的工作。

許多公司是需要初級前端開發工程師的，並且提供一些實習機會，在實習中和高級前端開發工程師一起工作，對技術的提升是飛躍的。

學習 JavaScript

如果你已經獲得前端開發工程師的工作，那麼恭喜你。如果你投遞簡歷並沒有獲得面試或者面試失敗，你可以繼續提升自己，學習 JavaScript。

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為 JavaScript 引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在 HTML（標準通用標記語言下的一個應用）網頁上使用，用來給 HTML 網頁增加動態功能。

使用 HTML 和 CSS 以及 JavaScript 開發網站

非常棒，你已經學習 HTML 和 CSS 以及 JavaScript 語言，你可以完成大多數網站的頁面開發，包括一些動態效果。為了鞏固和提升，你需要開發一些網站來增加實戰經驗，為求職助力。

同樣可以臨摹一些知名網站，可以根據喜好自由選擇，至少需要臨摹一個網站。

更新簡歷

你擴展了技術棧，新增 JavaScript 技術，並且有更多的項目經驗，所以請更新簡歷並進行投遞。

在這之前你已經進行過面試，知道一些不足之處，所以在面試之前請做一些準備，並彌補之前的不足之處。

進一步學習

完成計劃以後，恭喜你已經是一名前端開發工程師，但成為優秀還需努力，或許你還需要學更多技能，比如：JQuery,Vue,Recet,SEO 等，值得一提的是堅持寫作。