自学前端工程师从来没有接触过对于之前没有接触过前端的人，如果想学前端，应该注意以下几点。（一）、一入前端深似海。一入前端深似海。这句话也不无道理，也不是吓人的。
前端范畴很宽泛，包罗的东西的确太多。并且随着时间的推移，有些你已经熟练掌握的前端知识可能会被淘汰，需要不断学习新的前端知识，才能使自己跟得上前端前进的步伐。所以要做好长期不断学习新知识的心理准备。
（二）、基础的，共性的前端知识必须精通，这是进一步学习的必备基础。人大抵都一样，老觉得基础知识学起来枯躁无味，想直奔主题上手。往往忽视基础的东西。等到一定时候，发现由于基础知识的欠缺，学不了多远就感觉到很吃力，又不得不调头回转来补基础知识。真是欲速而不达。那么哪些知识是前端要精通的基础共性知识呢？
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 还要进行相应的配置，才能发挥它的效能。
（六）、认识自偶，做好职业定位和发展规划。正因为前端很宽泛，包罗的东西太多，所以更应该根据自身的实际情况，做好职业定位和发展规划，正所谓人要有所不为，才能有所为。
经过一段时间的摸爬滚打后，对于你自己擅长的东西有了一定的认知后，可以冷静下来思考深入发展的方向了。
例如选择一门或几门编辑语言，进行纵向深入钻研，更上层楼，向资深前端开发工程师进发。
深谙了更多的前端技能后，可以向前端架构师发展，带领开发团队。
偶是【推优创意】，专注原创软件教学和软件使用疑难问题解答。关注偶，一定不会让您失望。如果您看了偶的教程或者回答后还有疑问，可以留言，大家一起共同探讨。