前端工程师各阶段需要掌握的技能

在目前的IT行业中，前端开发工程师是一个很新的职业。在国内乃至国际上，真正开始受到重视的时间是从2005年开始的，以至于现在各大高校，包括社会上的一些培训机构都没有一套完善的教育体制。那么如果想成为一名前端工程师，需要掌握什么呢。

以下，是小编根据不同阶段的，所划分出来的技术栈学习要点

PS：建议要从事前端方面工作的各位，细读以下的内容。学习时，记得要做笔记哦

• 新手

  1.HTML4/HTML5

  2.CSS2/CSS3

  3.JavaScript（ES5语法）

  4.jQuery

  5.网络请求 - - Ajax

  6.JSON - - 数据结构

  7.熟悉各种编辑器的使用（小编常用的是：VScode 和 Hbuilder X）

  8.学会用Google浏览器

  9.git,svn等代码管理工具的使用

注意：HTML+ CSS +JavaScript，可以说是前端的基础，在学习时，必须要以求熟练，甚至精通。

• 初级工程师

  在这个阶段的适合，只是HTML+CSS+JavaScript已经是不足了

  1.学会，并熟练运用一种前端框架（jQuery也属于前端框架的一种）
  比如现阶段流行的三大框架：VUE，Angular，以及React

  链接如下：
  vue:https://cn.vuejs.org/
  angular:https://angular.cn/
  react:https://react.docschina.org/
  2.学会一种前端UI框架，如Bootstrap，vant，element-ui等
  如果后期从事webapp的开发，建议学习MUI
  链接如下：
  Bootstrap: https://www.bootcss.com/
  vant:https://youzan.github.io/vant/#/zh-CN/
  element-ui:https://element.eleme.cn/#/zh-CN/guide/design
  Mui:https://dev.dcloud.net.cn/mui/

  3.学会，使用插件和组件
  如：Swiper（轮播插件）
  链接：https://www.swiper.com.cn/
  更多插件：JQ插件库

  4.JavaScript（ES6语法）

  5.css预处理语言sass和less

  6.前端模拟请求工具
  如：Postman
  链接：Postman

• 中级工程师

  1.node.js的简单开发

  2.前端自动化配置 webpack、gulp等

  3.vue、react、angular挑其一熟练开发项目

  4.熟悉http协议，WebSocket协议的使用

  5.时常看看行情，增加自己的掌握的技术栈类型

• 高级工程师
  由于小编本人还未达到此级别，无法获知高级工程师，掌握的技术栈，后期会补上。

但有一点：

交流，交流，交流

在团队协作中，必须要积极的参与进去交流。

PS：小编获取学习资料的方式一共三种
1.书籍（实体书，电子书）
2.源码（CSDN上一些小demo的代码，或者发布在github社区上的开源项目）
3.视频（经济能力不错的可以考虑：慕课等网上平台，没有的话，可以试着去B站搜索）
4.开发文档