每天，100offer的HR群都有人在吐槽招不到前端工程師。實話說對這些需求，Betty也無能為力，因為在供不應(yīng)求的前端招聘市場上，優(yōu)秀的前端工程師才是有話語權(quán)的那一方。不僅在國內(nèi)的互聯(lián)網(wǎng)行業(yè)，在國外，前端工程師一樣是需求旺盛、供不應(yīng)求的香餑餑。
匯仁智杰web前端培訓專家?guī)憧磦€數(shù)據(jù)，根據(jù)職友集網(wǎng)站的職位顯示：目前的熱門崗位——“web前端”是需求增長最快的開發(fā)崗位，在所有開發(fā)職位中排名第一，待遇一直是名列前茅，職位空缺相當大。
可見，web前端可以說是最熱門的前端崗位了，在2014年和2015年底有兩次爆發(fā)性增長，現(xiàn)在在美國的崗位需求甚至超過了iOS。所以市場上優(yōu)秀的前端工程師相對較缺少，是一個世界性難題。
原因一：前端相對來說是每一個公司必備的崗位
可能很多人認為前端開發(fā)和Web開發(fā)類似，而Web開發(fā)已經(jīng)有20多年的歷史，所以前端并不是一個新領(lǐng)域。然而，前端工程師的概念中的“接口技術(shù)實現(xiàn)和用戶體驗作為一個專業(yè)的工作領(lǐng)域”，卻無疑是很新的。
現(xiàn)在，一個創(chuàng)業(yè)公司想要成功，幾乎要覆蓋一個Web應(yīng)用程序的諸多技術(shù)方面：前端、后臺、DBA、運營等。雖然已經(jīng)有一些服務(wù)可以讓企業(yè)購買登陸頁面的前端模塊和組件;但是如果你想要創(chuàng)造一些真正的Web應(yīng)用程序，除了求助前端工程師，別無他法，就像你要創(chuàng)立一個品牌你也繞不開請一位設(shè)計師一樣。
原因二：對前端，普遍存在巨大的誤解，其實前端一點也不簡單
大多人都認為前端開發(fā)是一個“相對于其他模塊來說更簡單的領(lǐng)域”，在他們心中的前端工程師是這樣工作的：
l 把Photoshop文件、圖片或者線框放進一個網(wǎng)頁;
l 偶爾設(shè)計Photoshop文件、圖片或者線框;
l 用JS編程，為網(wǎng)頁制作動畫、過渡效果;
l 用HTML和CSS編程，確定網(wǎng)頁的內(nèi)容和形式。
事實上，前端工程師在做的是：
l 在設(shè)計師和工程師之間創(chuàng)建可視化的語言;
l 用可視化的設(shè)計，定義一組代表內(nèi)容、品牌和功能的組件;
l 為Web應(yīng)用程序的公約、框架、需求、可視化的語言和規(guī)格設(shè)定底線;
l 定義Web應(yīng)用程序的設(shè)備、瀏覽器、屏幕、動畫的范圍;
l 開發(fā)一個質(zhì)量保證指南來確保品牌忠誠度、代碼質(zhì)量、產(chǎn)品標準;
l 為Web應(yīng)用程序設(shè)定適當?shù)男芯?、字體、標題、圖標、余糧、填充等等;
l 為Web應(yīng)用程序設(shè)定多種分辨率的圖像，設(shè)備為主的實體模型，同時維護設(shè)計指南;
l 用account semantics、accessibility、SEO、schemas、microformats 標記Web應(yīng)用程序;
l 用一種友好的，消耗小的，設(shè)備和客戶端感知的方式連接API，獲取內(nèi)容;
l 開發(fā)客戶端代碼來顯示流暢的動畫、過渡、延遲加載、交互、應(yīng)用工作流程，大多數(shù)時間用來考慮漸進增強和向后兼容的標準;
l 保證后臺連接安全，采取跨地資源共享(CORS)的程序考慮，防止跨站點腳本(XSS)和跨站點請求偽造(CSRF );
最重要的是，盡管有嚴格的期限、利益相關(guān)者的要求，以及設(shè)備的限制，無論現(xiàn)在還是將來，永遠是“客戶第一”。
原因三：大量糟糕前端工程師的存在，擾亂了市場
這或許是難以招到優(yōu)秀前端工程師最明顯的原因。由于前端工程師的入門門檻非常低，JS、CSS、HTML并不是很難入門掌握的語言，似乎只要花一點時間，誰都可以通過網(wǎng)上教程和書本學會它，前端工程師市場就是被這些淺嘗輒止的家伙搞壞的。
糟糕的前端工程師是這樣做事的：
l 濫用JS庫，因為他們實際上并不了JS的內(nèi)部(e.g. 一切都用jQuery);
l 濫用JS插件，抄別人的代碼哪怕自己根本讀不懂(e.g.jQuery.doParallaxPls.js);
l 給Web應(yīng)用程序添加CSS框架，卻只用到CSS/JS的5%，沒有看到任何的需求、設(shè)計或者比較和評價;
l 認為只要添加了CSS框架，網(wǎng)站就可以“有求必應(yīng)”;
l 一邊在說著“響應(yīng)式Web設(shè)計”，卻對服務(wù)器端技術(shù)一無所知;
l 用CSS編程時不管預(yù)處理器、命名規(guī)范等，卻用不合適的selector/ids/magic numbers等;
l 忽視表現(xiàn)、內(nèi)存泄露(并不理解內(nèi)存泄露的真正含義)，不會檢測代碼;
l 不會用指標衡量一個產(chǎn)品，或者這種指標旨在自己的電腦、瀏覽器、設(shè)備有效;
l 忽視軟件技術(shù)。
要知道，入門容易精通難，計算機和軟件的基礎(chǔ)對你用JS或瀏覽器編程都非常重要。Web可能是最有影響力的平臺和環(huán)境之一，在那里執(zhí)行的程序必須被小心對待。一位優(yōu)秀的前端工程師不僅要考慮Web技術(shù)和語言，并且還要了解所有不同的組件、系統(tǒng)和概念。
以下是優(yōu)秀的前端工程師在即時面對普通的任務(wù)也會做的事情(這才是市場急需的前端)：
l DNS解析、使用CDN和關(guān)于multiple Hostnames as part of resources request;
l HTTP Headers (Expires, Cache-Control, If-Modified-Since);
l Steve Souders的所有規(guī)則(High Performance Websites);
l 如何解決PageSpeed, YSlow, Chrome Dev Tools Audit, Chrome Dev Tools Timeline顯示的所有問題;
l 何時把任務(wù)傳到服務(wù)器和客戶端;
l 緩存，預(yù)取和負荷技術(shù)的使用;
l Native JS，知道何時從頭開始做，何時查找別人的代碼，同時可以評估這樣做的優(yōu)缺點;
l CSS標準、modern conventions、 strategies (e.g. BEM, SMACSS, OOCSS)的知識和用法;
l JS的電腦知識(內(nèi)存管理，單線程的性質(zhì)，垃圾收集算法，超時，范圍，提升，模式)。
