首先，簡明扼要的回答這個問題，這是可以的。但是僅限於前端通用的基礎知識部分。
題主學習前端，首先應該列舉出整個前端的知識圖譜，然後制定一個合理的學習線路圖，逐個擊破，只要保持學習的熱情和持之以恆，肯定能成為一位合格的前端工程師。前端算是目前互聯網研發崗中門檻相對較低的，只要具備完整的前端知識體系和項目業務邏輯能力，勝任前端研發崗還是比較簡單的。
前端知識圖譜可以自己按照如下方式列舉：
那麼首先，我們來聊一聊前端的基礎知識（完全可以跟著學習的部分）。
- HTML/HTML5，簡單但是必備，前端三巨頭之一，負責實現UI界面的結構部分，1990年創立至今，已經過多個版本的更迭。雖說現在前端各個框架大行其道，但是隻要最終呈現在ui界面中，無論是瀏覽器還是webview, 本質還是要翻譯成html。pug是，Vue的template是，React的JSX也是。
所以，html要牢固掌握，現在主流是HTML4/HTML5。
那題主肯定想問？何謂牢固掌握，很簡單，你看到的所有互聯網產品的佈局，你都能輕鬆的寫出來，記住是所有，無論是PC端還是移動端(當然還是要結合css/css3)。
- CSS/CSS3,同樣簡單必備(其實css不簡單，看學習到什麼程度，夠用的程度絕對簡單)，前端三巨頭之一，配合HTML實現ui界面的樣式層，需要達到的標準如上所述，配合HTML能夠實現你所見到的任何互聯網產品的佈局，CSS3能實現常見的交互動畫(移動端居多)，達到這個程度足已。
當然，題主可能會想，那sass/less/stylus呢， css module呢？記住，把css學好，學習預處理語言so easy, 其他的css方案也如是，甚至項目中邊查邊用都可以，毫不費力。
- JavaScript，前端三巨頭中的真正的巨頭，一個前端工程師的JavaScript水平，決定了你能在前端走多遠。
Atwood定律是這麼說的，Any application that can be written in JavaScript, will eventually be written in JavaScript（任何能夠用JavaScript實現的應用系統，最終都必將用JavaScript實現）。
JavaScript，1995年創立，彼時只是為了完成以前見到的表單驗證的腳本語言而已，而今已是實現最火熱的編程語言之一，編程語言排行榜前10，github託管項目使用最多的編程語言，有句話是這麼說的,”移動互聯網時代，我們都使用JavaScript編程”，這句話一點都沒有錯。
國內互聯網一二線互聯網公司，面試要求紮實的JavaScript基本功遠重於框架的使用，畢竟他們很多前端的開源產品或內部產品，都需要基礎框架支撐。百度的echarts系列（echarts/echartx-x）、UMeditor、ZRender，螞蟻的Ant Design系列、AntV、BigFish、Egg、Dva、UMI、騰訊的WeUI，還有Elementui、Uni-app、Iview等等，這些產品的底層支撐都需要JavaScript，足以見得，紮實的JavaScript基本功非常重要。
以上，都是前端最重要的基礎知識部分。
接下來，就是五花八門的框架，具體我歸納為以下5套技術體系：
1. jQuery系列/bootstrap或其他ui框架/gulp或grunt/less。
這一套東西是傳統的前端技術體系，比較老，目前市場主流公司使用不多，逐漸退出歷史舞臺，稍微涉獵即可。
2. Vue/Vue-cli/Vue-router/Webpack/Vuex/Axios/Elementui或MintUI，Vue全家桶系列。
這一套是目前市場主流，國內大部分中小型公司前端技術棧，基本覆蓋到所有前端項目的業務場景。這個系列的技術，推薦題主找最新的學習資源或者從官方文檔學習，再加以項目實踐，2~3年前的可能已經過時了。目前Vue官方最新穩定版是2.6.11，所以題主需要學習的，至少是最近幾個版本的。尤雨溪19年10月5日開放了3.x源碼，github搜索vue-next即可，95.8%的TypeScript使用率，較於2.x的97.7%的JavaScript使用率，基本全部重構，所以，TypeScript也是前端必備技能了。
不過不用過於擔心，公司中目前主流依然是2.x，未來TS是趨勢。
3. React/React-Router/Redux/Webpack/Thunk/Redux-Saga/Dva/AntDesign系列.
這一套技術基本是中大型互聯網公司前端技術棧，React框架使用率全球第一，國內可能稍劣於Vue，可以說是對前端技術體系的顛覆，讓前端代碼的組織變得優雅而易於維護，性能爆炸高，目前官方最新穩定版是16.12，題主找16.x版本的資源學習都不會過時。之前的版本都會過時了，比較最新版本的更新迭代還是調整較大，具體可去看官方版本日誌。
這套技術體系原生寫法和框架都很多，我就不一一列舉了，前端開發必備技能，因為目前大部分公司的產品，都是全平臺的。找最新的相關資源學習即可。
5. Hybrid混合式開發。
很多公司為了節約開發成本，Hybrid也是必不可少的，一套代碼，跨三端（Web/Android/IOS）,想想都有點小激動呢，其中主流的 ReactNative、Ionic、Week。
此外,目前NodeJS在前端不可或缺。 另外跨多端的解決方案，Vue體系的: uni-app, React體系的：Taro/Flutter目前火熱，已經跑在很多公司的生產環境中，都需要學習掌握。這幾年，將會是趨勢。這些學習資源，幾年前是沒有的，題主可以自行搜索學習或者看官方文檔即可。
技術更迭變化，唯一不變的，是作為一個技術人員，對技術的執著和熱愛，作為技術路上的同行人，路漫漫其修遠兮，吾將上下而求索，與題主共勉。
點擊【右上角，關注 子瑜說IT 】持續更新IT資訊以及web前端開發教學
6年阿里雲全棧工程師福利：網頁製作，網站開發，web前端開發，從最零基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端小程序項目實戰【視頻＋工具＋電子書＋系統路線圖】都有整理，分享給每一位對編程感興趣的小夥伴，每晚8點講解web前端技術！
獲取方式：
右上角有私信，請私信發我：01 即可獲取！加入前端學習
閱讀更多 子瑜說IT 的文章
關鍵字: 小白 TypeScript 前端
