前端開(kāi)發(fā)的工作是要如何將自己的設(shè)計(jì)應(yīng)用在網(wǎng)絡(luò)上。它不同于網(wǎng)頁(yè)設(shè)計(jì),更關(guān)注于該網(wǎng)站將如何交互和瀏覽。前端開(kāi)發(fā)布局,按鈕和主要界面，使得它適用與網(wǎng)絡(luò)。前端開(kāi)發(fā)人員使用的開(kāi)發(fā)平臺(tái)如JavaScript、CSS和HTML，根據(jù)設(shè)計(jì)師所設(shè)計(jì)的雛形來(lái)編寫代碼。他們工作,以確保前端沒(méi)有bug和錯(cuò)誤,確保在不同的平臺(tái)和瀏覽器都可以正常瀏覽。作為一個(gè)合格的前端開(kāi)發(fā)者，有一些重要的技能是必須具備的，下面就一一為大家介紹：

1.JavaScript

JavaScript在網(wǎng)頁(yè)設(shè)計(jì)中是至關(guān)重要的,因?yàn)樗兄跒榫W(wǎng)站提供功能。事實(shí)上,它是最流行的編程語(yǔ)言,因此,即使不為了web開(kāi)發(fā)，它仍然是一個(gè)有用的語(yǔ)言學(xué)習(xí)。JavaScript可以幫助你做一些互動(dòng)元素并添加到你的網(wǎng)站地圖的實(shí)時(shí)更新,在線游戲,互動(dòng)電影等。使用JavaScript,可以確保你會(huì)有一個(gè)容易理解,交互的網(wǎng)站,可以接受任何類型的用戶。

2.Front end frameworks

CSS將幫助你更快的開(kāi)發(fā)。目前,Bootstrap是可以使用的最受歡迎的前端框架。知道這些框架是如何工作的,以及如何使用它們才能在web開(kāi)發(fā)節(jié)省時(shí)間，這十分重要。

3.CSS preprocessors

每個(gè)web開(kāi)發(fā)人員都需要CSS預(yù)處理器的一些經(jīng)驗(yàn),因?yàn)樗麄儗⒂兄诩涌霤SS編碼。他們也有額外的功能,將使您的CSS可延展性的來(lái)變得容易使用。發(fā)布代碼之前,預(yù)處理器將進(jìn)行處理,以確保它是可讀性和可以跨所有平臺(tái)使用。

4.Cross browser web development

web開(kāi)發(fā)人員必須知道如何使自己的網(wǎng)站工作模式，不管使用任何web瀏覽器來(lái)訪問(wèn)都是如此。這樣做可以確保您的用戶能夠訪問(wèn)他們需要的信息,無(wú)論他們是以何種方式。

5.CSS and HTML

開(kāi)始web開(kāi)發(fā)的最基本的構(gòu)件。一個(gè)沒(méi)有CSS和HTML網(wǎng)頁(yè)設(shè)計(jì)是不可能被創(chuàng)建的。例如,當(dāng)你想添加圖片到一個(gè)頁(yè)面,HTML會(huì)顯得尤為重要。學(xué)習(xí)HTML和CSS在你作為一個(gè)web開(kāi)發(fā)人員開(kāi)始你的職業(yè)生涯就顯得十分重要。而它們非常容易學(xué)習(xí)，在短短幾周內(nèi)便可上手。

6.Javascript Frameworks

有相當(dāng)多的JavaScript框架,包括Backbone, Ember, AngularJS, ReactJS等等。這些框架幫助你更好的設(shè)計(jì)你的網(wǎng)頁(yè)和編碼,因?yàn)樗麄冇幸粋€(gè)現(xiàn)成的結(jié)構(gòu)來(lái)讓你使用JavaScript代碼。

7.Responsive Designs

了解如何創(chuàng)建響應(yīng)設(shè)計(jì)也是至關(guān)重要的,尤其是當(dāng)你考慮到不同的平臺(tái)網(wǎng)絡(luò)用戶使用訪問(wèn)網(wǎng)絡(luò)的時(shí)候。手機(jī)設(shè)計(jì)經(jīng)驗(yàn)也是必須的,因?yàn)樗鼘椭銤M足的人使用移動(dòng)設(shè)備訪問(wèn)網(wǎng)站。

8.Version control systems

學(xué)習(xí)如何使用Git和其他版本控制系統(tǒng)對(duì)于前端web開(kāi)發(fā)非常重要。因?yàn)榭梢杂靡粋€(gè)簡(jiǎn)單的方法來(lái)跟蹤的任何變化。如果有什么問(wèn)題,你可以恢復(fù)到早期版本繼續(xù)工作,仿佛什么都沒(méi)有發(fā)生。這將節(jié)省你的時(shí)間，免去了回頭從開(kāi)始改變整個(gè)代碼的麻煩。

9.jQuery

一些擴(kuò)展和插件,可以方便地使用JavaScript web開(kāi)發(fā)。使用jQuery,當(dāng)你開(kāi)始一個(gè)新項(xiàng)目你不需要從頭開(kāi)始編碼,你可以使用元素已經(jīng)為您的項(xiàng)目,然后定制它們以適合這個(gè)項(xiàng)目,客戶或最終用戶。jQuery是最好的用于創(chuàng)建網(wǎng)格布局,倒計(jì)時(shí)計(jì)時(shí)器,搜索表單等的插件和擴(kuò)展。

10.Testing and debugging

每個(gè)代碼都會(huì)有一些錯(cuò)誤,學(xué)會(huì)測(cè)試代碼就顯得十分重要。掌握不同類型的測(cè)試，如單元測(cè)試和界面測(cè)試等。一旦你測(cè)試你的網(wǎng)站和發(fā)現(xiàn)的錯(cuò)誤,重要的是要知道如何調(diào)試，學(xué)習(xí)不同的調(diào)試方法,這將使你的工作變得更簡(jiǎn)單。

成功在前端開(kāi)發(fā)取決于你的技能。因此,重要的是一個(gè)web開(kāi)發(fā)人員是否能掌握每一個(gè)重要的技能,幫助他們將網(wǎng)站發(fā)展得更有效和高速。

本文翻譯自（）

【歲末特惠活動(dòng)火熱進(jìn)行中，最后的瘋狂，趕緊搶！】

活動(dòng)時(shí)間：12月1日-12月31日