掌握前端開發人員的核心技能

招聘信息在前端開發人員所尋找的內容上有所不同。 一些公司希望申請人知道Ruby ,Git,設計工具,視頻編輯等事情,而且這個名單還在繼續。

然而,任何前端開發工作都需要一些技能 - “核心”技能 - 以及其他一些你應該認真考慮添加到你的曲目中的技能。

你需要知道什麼

在線瀏覽工作列表,搜索前端開發人員知道和理解的關鍵內容; 有三件關鍵的事情。

不可轉讓。

他們是:

  1. HTML
  2. CSS
  3. JavaScript (jQuery)

這些是基礎。 幸運的是,有很多免費或實惠的在線學習平台 ,您可以在這些平台上學習這些技能,前提是您不知道這些技能。

HTML

超文本標記語言或HTML是Internet上所有網站的關鍵組成部分。 正如Jennifer Kyrnin所說,

“它是網頁的語言 - 瀏覽器讀取網頁的標記語言。”

沒有HTML,網頁不能存在。

CSS

CSS和HTML一起工作:CSS為HTML添加樣式。 我喜歡用類似HTML的方式來表達,CSS就像化妝。

儘管CSS不需要在線獲取網站,但基本上每個網站都使用某種樣式。

否則,它會很無聊。 使用最新版本的CSS,您可以執行諸如動畫和更高級的樣式,這些只能在JavaScript或Flash中使用。

JavaScript的

JavaScript或JS在過去幾年中一直在快速發展。 它現在有很多用途,可以用在前端或後端。

關於前端開發,JS很重要,因為它有助於使網頁互動。 你可以做創造民意調查,測驗或表單提交等很棒的事情。

現在有大量的JS庫在線幫助您將您的網頁提升到一個新的水平。

但是,要成為前端開發人員,您只需了解基本的JavaScript以及最流行的JS庫 - jQuery。

尼斯對富人

在了解基礎知識之後,這些技能是非常好的。 (許多前端開發工作都在尋找它們。)

MV * JavaScript框架

JavaScript框架可以幫助您組織和凝煉您的代碼。

就MV *(或MVC)選項而言,目前有三十種:最流行的兩種是backbone.js和angular.js。

毫無疑問,學習JS框架是成為真正的前端開發人員中最難的部分,但這是將您的技能提升到下一個水平的最佳方式。

CSS工具

與上面的JavaScript框架相比,以下的CSS工具相對容易學習。 有三種要查找的:

預編譯器:使用預編譯器(或預處理器)具有許多優點,從代碼清理到維護組織。 這是一種簡單的書寫CSS的方式,並促進DRY(不要重複自己)原則。 流行的CSS預編譯器是Sass,Less和Stylus。 如果你剛剛開始,堅持學習一個。

CSS框架: CSS框架通過內置網格和其他CSS組件幫助優化工作流程。 兩個流行的例子是Bootstrap和Foundation。

響應式設計:現在,有很多種不同的設備,您的網站應該能夠適應所有這些設備。 自適應設計可幫助您構建適用於所有屏幕尺寸的網站 - 台式機,平板電腦和智能手機。 像Bootstrap和Foundation這樣的框架內置了響應式設計,所以如果你學習了其中的一個,那麼你就設置好了。

前端構建工具

作為開發人員,您應該能夠管理文件大小優化和工作流程效率。 這些工具可以幫助。

包管理:組織所有的圖書館,資產等是很困難的,特別是對於大型項目或與團隊一起工作的項目。

使用像Bower這樣的軟件包管理器來清理所有內容並記錄更新。

Yeoman.io:如果你有時在項目實施過程中遇到困難,請使用Yeoman快速開始項目並保持高效。 它在命令行上運行。

任務運行程序使用Grunt或Gulp(也可在命令行上運行)來壓縮文件並優化工作流程。 他們可以充當Sass或Less預處理器的編譯器,並且還擁有各種各樣的擁有其他功能的插件。

結論

儘管看起來好像很多,但把它們看作是你應該隨著時間的推移添加的技能。 您需要了解的核心內容是HTML,CSS和JavaScript。

如果你有任何其他的網絡技能 ,即使他們不是前端相關的,把他們帶到桌子上 - 比如設計,視頻編輯,搜索引擎優化等。你永遠不知道公司可能在尋找什麼。

你猜怎麼著? 你可能是最合適的。