前言

前端工程師是一個(gè)出現(xiàn)了10年左右，而頗受重視則是最近這五六年的事情。受到重視到前端從業(yè)人員井噴，也就是這一兩年而已。因?yàn)榍岸斯こ處熯@個(gè)職位出現(xiàn)得太晚，導(dǎo)致各大學(xué)校均沒有系統(tǒng)的相關(guān)教學(xué)，我們所熟知的各個(gè)大牛均是自我研究自我學(xué)習(xí)的。而隨著google推出v8引擎以來，尤其是gmail對ajax的應(yīng)用，再隨著jquery的出現(xiàn)，解決了各大瀏覽器的兼容問題，而nodejs則將js推向服務(wù)器端，javascript從一個(gè)邊角料的語言變成了一個(gè)性能強(qiáng)勁，前后端通吃的強(qiáng)大語言。

技術(shù)的發(fā)展緊緊是一個(gè)方面，更重要的是這幾年萬眾創(chuàng)新，互聯(lián)網(wǎng)+的概念深入人心，因此大量資金涌入互聯(lián)網(wǎng)領(lǐng)域，大量的創(chuàng)業(yè)公司如雨后春筍一樣涌出。大量的公司需要前端工程師的加盟，因此大量后端工程師開始轉(zhuǎn)向前端。

而這些后端工程師因?yàn)槠渖詈竦木幊趟枷?#xff0c;他們完全無法忍受毫無邏輯可言的html+css+js的原始編程狀態(tài)，因此又開發(fā)了各種前端工具以及語言。如針對html的jade模板引擎，針對于css的less、sass、stylus等。而為了便于項(xiàng)目部署，又有了所謂的amd、cmd標(biāo)準(zhǔn)。一直發(fā)展到browserify、webpack等打包工具。而自從Misko Hevery開發(fā)了AngularJS之后，破天荒一樣的整出了雙向綁定的概念，自此，前端江湖真是百花齊放，爭奇斗艷，一發(fā)不可收拾。

暈了，真的暈了。難怪真阿當(dāng)同志在2016年年末在csdn上痛心疾首的指出，這已經(jīng)亂到烏七八糟，再不是他熟悉的那個(gè)親切的前端世界了。世界潮流浩浩蕩蕩，不會(huì)因?yàn)檎姘?dāng)這樣的前朝遺老就停止發(fā)展的步伐。在npm上各種組件、框架、工具每天都在上架，已經(jīng)上架的不斷的在升級(jí)，甚至，有的升級(jí)是以小時(shí)計(jì)！

而由于前兩年前端工程師的緊缺，導(dǎo)致薪資頗為水漲船高，大量不明所以的路人涌入前端行列，以至于在知乎上關(guān)于如何入門前端，前端學(xué)五個(gè)月能不能工作，以及各種咨詢?nèi)绾螐氖虑岸诵袠I(yè)的奇葩問題如沙灘的貝殼一樣俯身可拾。

在這混沌亂世，我不禁要問，到底什么是前端工程師？到底掌握什么技能才能稱之為前端工程師？

什么是前端工程師？

現(xiàn)在的前端工程涉及的面實(shí)在是太多了。以至于很多人搞不清楚，以為會(huì)點(diǎn)html+css就是前端工程師了。我把前端工程師分為以下兩類：

前前端工程師

此類工程師的工作主要是和設(shè)計(jì)師對接，將設(shè)計(jì)師的設(shè)計(jì)稿像素級(jí)還原成html+css的網(wǎng)頁。也就是說，很多所謂的老前端工程師，或者自認(rèn)為學(xué)點(diǎn)html就能成為的前端工程師，只不過是前前端工程師而已。

在html、css、js三門語言中，很多人認(rèn)為困難的是js語言。對嗎？對也不對。

js語言的困難在于他是一門真正的編程語言，所以寫js編程是需要邏輯能力的。而這個(gè)邏輯能力是相當(dāng)一部分人欠缺的。所以認(rèn)為js語言難也就不足為怪了。但是，我認(rèn)為js語言是這三個(gè)語言中最簡單的。為什么呢？正因?yàn)樗且婚T邏輯語言，所以他是可以推導(dǎo)的。如果你本身邏輯能力不差，又或者學(xué)習(xí)過其他編程語言，入手js語言并非一個(gè)很困難的事情。

真正的難點(diǎn)在于html、css這兩個(gè)所謂的語言。很多工程師嘲笑前端工程師說，html、css算編程語言嗎？

我回答你——不算！

正因?yàn)槠溥壿嫴粡?qiáng)，是一個(gè)非常松散的語言狀態(tài)，才導(dǎo)致其無比之難。你沒有什么可以推導(dǎo)的。這樣寫也行，那樣寫也行，無論怎么寫，只要能實(shí)現(xiàn)效果就行。問題是，優(yōu)雅嗎？

好比幾乎所有中國人都認(rèn)識(shí)3000個(gè)以上的漢字，任憑誰都能寫點(diǎn)東西，但是真正能夠讓人感覺寫得好的，寥寥無幾。這是兩門感性的語言，和其他編程語言完全不是一碼子事兒，所以，這才是真正的難語言。

有人說，實(shí)現(xiàn)效果就行唄！對，正如我們每個(gè)人都能把話說清楚，不求堆砌華麗的辭藻一樣，這樣是能夠與人交流了，上街也能買賣東西做生意。但是，在對前端工程師要求越來越高的今年，你還真心以為就會(huì)倆標(biāo)簽div+span就可以給自己戴上一個(gè)所謂的前端工程師的帽子，然后就月薪過萬，當(dāng)上CEO，迎娶白富美走上人生巔峰了嗎？

做夢去吧！

如果你邏輯能力確實(shí)不強(qiáng)，但感性，理想化，尤其是文章寫得還不錯(cuò)，如果還是個(gè)愛浪漫的女生愿意從事前端工作。那么如果你把html+css這兩門語言深入進(jìn)去學(xué)習(xí)，也是頗有可為的。

另外，雖然現(xiàn)在各種前端框架熱火朝天，但是你看看現(xiàn)在主流的大型網(wǎng)站，新浪搜狐網(wǎng)易騰訊，是不是基本上都是老一套，除了頁面設(shè)計(jì)越來越美，我沒見哪個(gè)大型網(wǎng)站會(huì)使用angular、react、vue這些東西。所以前景還是很美好的。

但如果你是個(gè)摳腳丫子的糙漢子，咱還是別了，咱們有重體力活兒可以干！

后前端工程師

什么是后前端工程師？上面的前前端工程師其實(shí)就是原來的前端工程師，而這兩年炒得火熱的前端工程師實(shí)際上是把原來屬于后端工程師的活兒給搶過來了。所以我把它命名為后前端工程師。

后前端工程師需要至少了解一門后端語言，了解json數(shù)據(jù)交互格式，了解至少一個(gè)前端框架，當(dāng)然js語言基礎(chǔ)絕不能差。了解項(xiàng)目構(gòu)建，路由設(shè)定，數(shù)據(jù)庫原理，服務(wù)操作等等一系列的基礎(chǔ)知識(shí)。

具體負(fù)責(zé)的工作就是將前前端工程師開發(fā)好的網(wǎng)頁，基于某種前端框架，與后端接口對接，并部署調(diào)試等。當(dāng)然，在大部分公司，是不會(huì)把前端工程師分成前前端工程師和后前端工程師的，所以，頁面制作的工作也需要由你來實(shí)現(xiàn)。

這才使真正的前端工程師。

當(dāng)然，如果你希望往全棧去發(fā)展，那么服務(wù)端Node.js編程也需要掌握，我大前端牛逼啦！站在泰山之巔振臂一呼，還TM有誰？！

如果你真心如此牛逼，那早已走上技術(shù)巔峰了。只是，縱觀火熱的前端圈，又有幾人能達(dá)到如此境界呢？高處不勝寒啊！

我想從事前端，我該如何入手呢？

首先，基礎(chǔ)的html+css是必須掌握的，就好比學(xué)習(xí)中文一樣，你必須先掌握3000左右的識(shí)字量，才可以說略懂中文。但是，在掌握了html+css基礎(chǔ)之后，如何發(fā)展，取決于你自身的特點(diǎn)。

如果你比較年輕，大學(xué)剛畢業(yè)，自認(rèn)為邏輯能力不錯(cuò)！，那么建議直接進(jìn)入后前端的學(xué)習(xí)，深挖js語言，再根據(jù)你所在的公司的實(shí)際情況，選擇一個(gè)主流的前端框架進(jìn)行深入，在js不斷深入的過程中不斷的開發(fā)項(xiàng)目，如果能遇到一個(gè)好的公司，好的團(tuán)隊(duì)，你將快速的提升自己的技術(shù)能力，建議你從后前端的不斷深入，然后不斷提升前前端技能，最終達(dá)到真正的大前端。將來往全棧發(fā)展都是很有希望的。

如果你比較年輕，喜好文學(xué)，感性浪漫，建議深入學(xué)習(xí)html+css，再附帶了解js語言，如果在一個(gè)不錯(cuò)的團(tuán)隊(duì)中，可以接觸到那些后前端非常厲害的同事，你未必能如它在這些方面如此牛逼，但是你依然可以進(jìn)步不小。不過，html+css是毫無捷徑可言的，都是慢慢打磨出來的實(shí)力。你在js方面可能確實(shí)不如別人，但是要做到，同樣的一個(gè)頁面，你寫的html+css就是比別人的簡潔，整齊，優(yōu)雅，那么你自然有你的存身之道。建議從前前端入手，深入后再往后前端靠攏，具體能提升到何種境界，要看你的天賦與努力的。

我是后端工程師轉(zhuǎn)前端，咱別費(fèi)那個(gè)勁了，以你多年的后端經(jīng)驗(yàn)可想而知，你的html+css水平一定是垃圾，就是因?yàn)槟氵@樣的后端工程師的存在，才導(dǎo)致前端工程師奮起爭先，往大前端發(fā)展的。不過沒有關(guān)系，你可以揚(yáng)長避短，利用你無比牛逼的邏輯能力與后端變成語言天賦，直接入手js語言以及某一個(gè)前端框架。推薦angular或者react。因?yàn)檫@倆框架就是你們后端寫的。你會(huì)無比親切。至于html+css這種小事情，教給別人去寫啦！當(dāng)然，你還可以深入研究node.js，往服務(wù)端發(fā)展，也是很不錯(cuò)的職業(yè)棧。

我是什么類型的前端？

吹了這么多牛逼，肯定有很多人不服。好，我簡單說下我的情況。

我學(xué)得是中文。前端工程師這塊基本全部自學(xué)，擅長html+css。目前從事vue技術(shù)棧的開發(fā)工作。04年入行從事網(wǎng)頁切圖仔的工作，國內(nèi)第一批研究所謂div+css的人。擅長seo優(yōu)化網(wǎng)站，語義化書寫網(wǎng)頁。12年以前沒有關(guān)心過js語言。

目前在后前端的路上奮起直追。說我的前端經(jīng)驗(yàn)，12年從業(yè)。但是真正在js語言上用功，也就是這兩年的事情。所以，我是一個(gè)老菜鳥。

「 需要學(xué)習(xí)基礎(chǔ)知識(shí)點(diǎn)?」

• 新手必打基礎(chǔ)

HTML4\HTML5

CSS2\CSS3

ES5(原生 js 基本語法)

JSON 數(shù)據(jù)結(jié)構(gòu)

網(wǎng)絡(luò)請求、AJAX

學(xué)會(huì)用google，我不能說

• 中級(jí)進(jìn)階必打基礎(chǔ)

ES6 語法糖

同步、異步思維

chrome devlop 控制臺(tái)熟練調(diào)試

模擬請求工具、抓包分析等

vue、react、angular 熟悉

scss、less 等css編譯

學(xué)會(huì)用google，我不能說

• 中高級(jí)進(jìn)階必學(xué)

前端自動(dòng)化配置 webpack、gul 等

nodejs簡單開發(fā)

vue、react、angular挑其一熟練開發(fā)項(xiàng)目

前后分離思想 + Async、Await 思想認(rèn)識(shí)應(yīng)用+和后端撕逼如何高效開發(fā)

學(xué)會(huì)用google，我不能說

• 高級(jí)開發(fā)必學(xué)

學(xué)會(huì)高效率撕逼

學(xué)會(huì)高效率溝通 + 背鍋

學(xué)會(huì)如何避免長時(shí)間加班

想想除了業(yè)務(wù)開發(fā)之外的后路

「 通過什么渠道學(xué)?」

培訓(xùn)班

網(wǎng)絡(luò)自學(xué)

在線教育

培訓(xùn)班今天不說，我也寫過不少，自己翻一下之前的文。今天主要說自學(xué)

「 自學(xué)方式」

看文檔

看視頻

看書 、電子書

我總結(jié)的差不多就是普通人自學(xué)的方式，牛鼻天才無師自通可以無視，普通人最難熬的并不是技術(shù)多難，而且戰(zhàn)勝不了另一個(gè)自己。很多人半途而廢，所以我一般都會(huì)勸大家直接干脆放棄IT，沒錯(cuò)，我就是那個(gè)愛勸離的人。

因?yàn)槟銢]有很大興趣和決心，勸你別浪費(fèi)錢和精力轉(zhuǎn)行程序員，你堅(jiān)持不了多久的，如果很有興趣我一般勸他挑一個(gè)靠譜培的訓(xùn)班，這樣成才的幾率大些，畢竟普通人實(shí)在是太懶、太三分熱血了。

---

新手入門：我建議 你用 方式2 看視頻，跟著視頻學(xué)，視頻圖文并茂、繪聲繪影，邊看邊敲 進(jìn)步很快，也容易理解，強(qiáng)烈建議 ，建議質(zhì)量不錯(cuò)的渠道有：慕課、極客學(xué)院等，打基礎(chǔ)查字典去W3C。

中級(jí)者：建議你用 方式 3 多看書，電子書 買基本不錯(cuò)的書，結(jié)合文檔和資料 學(xué)就行了，書還是比文檔有趣和好理解一些，而且挑到合適的書會(huì)事半功倍。

這里給點(diǎn)建議：凡是 帶字眼 ：xxx技術(shù) 深入淺出、xxx技術(shù)從入門到精通、xxx寶典等這些字眼的書一般別抱希望，你是進(jìn)去就出不來，或者你壓根就進(jìn)不去，或者講的比皮毛還皮毛，比流水賬還流水賬，不但花錢還會(huì)誤導(dǎo)你，讓你放棄。不如直接來一本 xxx從入門到放棄

高級(jí)者：直接官方文檔吧，比如 vue文檔是公認(rèn)的好，清晰，學(xué) vue 不要在問我要資料和途徑，官網(wǎng)文檔就是最好 最好的學(xué)習(xí)途徑+ google 就是利器，無需其他了。如果一個(gè)中高級(jí)開發(fā)者 要學(xué)新技術(shù) 連文檔還不會(huì)看，懶得讀，我勸你直接放棄本行業(yè)吧。說話有點(diǎn)毒，不過我真的勸你別浪費(fèi)時(shí)間了。

---

「 最后聲明?」

本文提到的視頻網(wǎng)站，沒有任何商業(yè)利益，只是單純的推薦給大家，如果x課、x客 官方人員看到想給我廣告費(fèi)，我也可以考慮接受
某課 還總不定時(shí)邀請我去出有償講座視頻，由于太忙，拒了，其中質(zhì)量把控個(gè)人認(rèn)為在國內(nèi)還是第一檔，比很多散戶講師質(zhì)量好多了，所以如果看視頻首選那里。

最后祝愿大家，早日成才，早日年薪百萬，畢竟你們越盡快富有，我越可以得到更多的喜歡不是嗎？你們看到這里你們還不懂嗎？還不趕緊動(dòng)手？

我收集和整理了很多這方面的視頻教程，講的基本上通俗易懂，充滿風(fēng)趣，有想學(xué)這一門技術(shù)的小伙伴，可以來學(xué)習(xí)和搞資源，web開發(fā)學(xué)習(xí)交流，群; 前面926338675就可以找到我了

總結(jié)

以上是生活随笔為你收集整理的nbiot开发需要掌握什么_什么是前端工程师？前端工程师需要掌握什么技能？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。