自學前端工程師從來沒有接觸過？

對于之前沒有接觸過前端的人，如果想學前端，應該注意以下幾點。（一）、一入前端深似海。

一入前端深似海。這句話也不無道理，也不是嚇人的。

前端范疇很寬泛，包羅的東西的確太多。并且隨著時間的推移，有些你已經熟練掌握的前端知識可能會被淘汰，需要不斷學習新的前端知識，才能使自己跟得上前端前進的步伐。所以要做好長期不斷學習新知識的心理準備。

（二）、基礎的，共性的前端知識必須精通，這是進一步學習的必備基礎。

人大抵都一樣，老覺得基礎知識學起來枯躁無味，想直奔主題上手。往往忽視基礎的東西。等到一定時候，發現由于基礎知識的欠缺，學不了多遠就感覺到很吃力，又不得不調頭回轉來補基礎知識。真是欲速而不達。那么哪些知識是前端要精通的基礎共性知識呢？

2.1、HTML語言 *

HTML 是超文本標記語言，使用標記標簽來描述網頁。

2.2、DIV + CSS *

DIV、CSS 定義網頁的布局與樣式。

2.3、JavaScript

早期學前端，JavaScript 為必學語言之一。

JavaScript 是一種腳本語言，是一種動態類型、弱類型、基于原型的語言。

2.4、Photoshop

早期的前端是要自己切圖的，現在的公司，可能還有要求前端切圖的，這樣的話，就要掌握Photoshop 軟件。

（三）、善用前端框架

熟悉掌握HTML、服務器端腳本語言、CSS和JavaScript之后，學習Web框架可以加快Web開發速度，節約時間。

3.1、Bootstrap

主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發更加快捷。

3.2、Vue

Vue.js 是用于構建交互式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。

。。。。。。

現在的框架實太多了，就不一一為你列舉了。

（四）、養成多動手的習慣，切勿眼高手低！

在學習的過程中，一定要養成自己多動手寫代碼的習慣。不要覺得簡單，心想自己能寫出來，而常常懶于動手。當到了要自己正直動手的時候，要么寫不出來，要么寫得不盡如意。

（五）、善用工具，提高工作效率。

在前端學習初期，一般不建議用太過智能的編輯器和 IDE，目的是為了熟悉代碼的寫法。過了那個階段，就應該考慮根據不同編程語言選擇使用智能的編輯器和 IDE 了。

輕量級的有 Visual Studio Code、Notepad++、Sublime Text、EditPlus、UltraEdit、Dreamweaver 等。

重量級的有 IntelliJ IDEA、JetBrains WebStorm、JetBrains PhpStorm、JetBrains PyCharm、JetBrains RubyMine、Eclipse、MyEclipse、Zend Studio、phpDesigner 等。

這么多如何選擇呢？根據你所在開發團隊來選擇。例如你所在的團隊主要使用 WebStorm 寫JavaScript 語言，那你就和他們保持一致，選擇使用 WebStorm；另外編輯器都有言語側重。例如 IntelliJ IDEA 側重 JAVA 語言，WebStorm 側重 JavaScript，等等，可以根據編程語言選擇編輯器和 IDE。有的編輯器或 IDE 還要進行相應的配置，才能發揮它的效能。

（六）、認識自我，做好職業定位和發展規劃。

正因為前端很寬泛，包羅的東西太多，所以更應該根據自身的實際情況，做好職業定位和發展規劃，正所謂人要有所不為，才能有所為。

經過一段時間的摸爬滾打后，對于你自己擅長的東西有了一定的認知后，可以冷靜下來思考深入發展的方向了。

例如選擇一門或幾門編輯語言，進行縱向深入鉆研，更上層樓，向資深前端開發工程師進發。

深諳了更多的前端技能后，可以向前端架構師發展，帶領開發團隊。

我是【推優創意】，專注原創軟件教學和軟件使用疑難問題解答。關注我，一定不會讓您失望。如果您看了我的教程或者回答后還有疑問，可以留言，我們一起共同探討。