學習前端開發(fā)，要掌握哪些知識，才能入職前端開發(fā)？

我覺得這個問題很典型了

網上會有非常詳細的前端知識體系思維導圖

這么巨量的知識分枝，

要先學哪個后學哪個？要全部都掌握嗎？

所以今天跟同學們說一下我對這個問題的看法，

先提前說明，每個人的想法、立場、層次都不同，

所以接下來我說的，都是我個人主觀看法，是片面的

僅供同學們參考

首先同學們要明確，我們學習的目標是什么？

【就業(yè)】，沒錯，我們的目標都是要上班

所以在我本人在講課時

一直強調，我們要【面向面試學習】

你照著網上的各種學習路線、思維導圖

學了n多各種前端知識，你面試失敗也是沒用啊

那么，你做為一個前端新人，

在面試的時候，什么對你最有用？

當然是你的【前端實例作品】

做什么呢？許多同學無數次的問自己

不知道做什么，其實這個問題很好解決

打開拉勾、BOSS直聘、智聯等招聘網站，

搜索前端開發(fā)職位，看看那些招聘公司、要求

為了節(jié)省時間，我這已經提前打開了

同學們可以看到，它們的要求基本都大同小異

因為前端開發(fā)的技術其實也就是那么幾樣

翻來覆去都是那些東西

看看，它們的公司官網、業(yè)務、產品服務是什么？

公司官網是視差效果的，你也做個視差例子

公司主業(yè)是新媒體的，你做個小程序

有提到餐飲系統(tǒng)，你做個線上點餐實例

有做物流的，你做個線上物流的實例

然后你在做這些例子的時候，把它們招聘要求里技術給用上

例如，這個提到響應式、手機端

這個提到移動平臺的頁面適配

這個提到了各種瀏覽器的兼容性問題

有這個需求的公司，你要特別注意

也許會有很多老舊IE8之類的項目要你維護

面試這事要有針對性

不能拿著一個例子打天下

那有同學說了，我沒有時間做這么些例子啊

這位同學啊，你仔細想想，

這些例子在本質上，除了圖片、文字、按鈕交互上有不同之外

還有什么區(qū)別么？

你把點餐的實例改改圖片、文字、流程改一改

它不就成了線上物流的實例了么

本質上，所有的前端項目其實都一樣

都是前端交互觸發(fā)事件，獲得后端數據，重新渲染view視圖

而你搞一些不同的例子，只是在業(yè)務邏輯的層面上有區(qū)別

你把實例做出來了，你還要能說的清楚

什么意思呢？就是說，

1、這個項目，它里面的方方面面，怎么調用、設計的

你得能說得清楚；

2、你在去面試之前，最好在網上查一下相關的行業(yè)

例如你做的是點餐的實例，那么查一下點餐行業(yè)的相關新聞

如果你要做的是物流的例子，你了解一下物流行業(yè)

這樣你去面試的時候，一來有作品；二來了解業(yè)務

第三你技術也確實過得去，那不就可以了么

不要只是帶著個，不是你寫的，也不知網上哪找來的例子

然后腦子空空的去面試，這樣肯定不行

前端開發(fā)用到的技術，總體來講就是

html、css、原生JavaScript、es6、node、vue這么幾樣

那這幾種技術具體每個，要掌握到什么程度呢？

其實很簡單，不要糾結哪個技術學到哪里為止

沒有明顯的停止線

因為前端開發(fā)是多個技術的綜合運用

只要你能把我上面提到的例子做出來，就Ok

那么在面試階段，我們要的結果就是，【做出實例】

這個實例，就是你當前學習成果的全面綜合展示

所以我剛才強調說，面向面試學習

其實核心思想，就是面向作品學習

當你能夠做一個功能相對完整的作品出來

并且這個作品應用了主流的前端開發(fā)技術

那你就可以去面試

并不是說

你把所有的前端開發(fā)的知識完全掌握了你才可以去面試