For front-end basis of what needs to learn, has written many articles before a herein, this talk focuses on:
As a front-end promotion you want, what conditions?
Now with React, you do not have to learn Vue?
It is necessary to learn Node.js / Flutter / Functional do?
These questions may seem unrelated, but in fact they are essentially the same problem, the problem is "a front-end engineer in the end what vaccinations are required to master?"
In fact, in the industry which have the ability to model a basic front-end engineers of cognition, the definition of different companies may differ slightly, but its core is the same.
Here I give a picture, is a front-end engineers model the skills of my own understanding.
In order to facilitate your understanding, I put these skills into specific front-end engineers of different levels, you can find a shining advanced in line with the front end of their actual situation of the road. Here I will talk about the front part by part how detailed skill tree development.
Xiao Bian here to build a front-end learning exchange buttoned group: 132 667 127, I sort of front-end-date information and advanced development course, if there is need to think, you can add the group to learn together with the exchange
Assistant Engineer
First of all front-end engineer, said assistant on the subject of Ali's P4 level. It is a basic requirement of programming skills. What is the basic programming skill it? I think that is the ability to skillfully use any logic of computer programming language. In general, the university studied computer science students should have the programming ability.
Assistant Engineer of the definition is "able to complete the aid work" and therefore not all companies will be recruiting assistant, because strictly speaking, does not have the ability to work independently assistant engineer, and his work output may be negative. But the recruitment of assistant engineer of the company, are generally valued human potential candidates, hoping to grow rapidly.
engineer
Next we talk about front-end engineers, benchmarking Ali P5 level. Its requirement is to master the basic skills of front-end, I say maybe a little fuzzy, but it is another way to understand the basic skills of front-end is the "integrated use HTML, JavaScript, CSS and interactive interface complete any demand." This "any interface and interaction needs", seemingly demanding, but if you wrote a front-end, we know that this is a fundamental skill for any front end - a big deal with a picture chant.
其实这个级别的工程师，水平跨度非常大，界面写出来了，但是兼容性如何、代码可维护性如何、离了框架能不能写出来、语义表现分离能做到吗、开发过程中能不能做到有效沟通...... 还会有很多问题。而这些问题，决定了一个前端工程师的潜力，一些好一点的公司招聘这个级别的工程师，除了“基本的前端技能”之外，还会对我上面提到的这些问题有所要求。
关于助理前端工程师和前端工程师，能力方面主要的要求是 编程能力，知识方面的要求是一个“可用”的最小集合。
资深工程师
我们接着往下讲，资深前端工程师，对标阿里 P6 级别。到了这个阶段，我们可以看到图上开始出现不同的区块了，这意味着，对资深前端工程师的要求，也是多元化的。
我们用一句话来概括，资深前端工程师，要求开始关注并且解决项目中的问题。什么样的问题呢？可能是别人做不出来的技术难题，也可能是容易出错的代码，或者说无意义的重复劳动，或者是业务上想不出来合适的交互…… 等等。
其实对资深前端工程师的要求是很自由的，我上面的图中给出的仅仅是几个例子，比如组件化可以解决重复劳动问题和开发耦合问题；工具可以解决的问题有很多，生成代码的工具提高效率，代码检查工具提高质量；性能优化则会带来业务价值，这些都是资深前端工程师可以做的事情，并且只要把其中一两项做好，就可以达到资深前端工程师的水平。
再有就是 这个级别开始对架构能力和工程能力有所要求了，但还处于萌芽阶段，一些天赋好的同学可以凭感觉达到这个水平。
技术专家
下面说说 前端专家，对标阿里 P7 级别。到了这个级别，我们从图上可以看到，要求又不一样了，比如组件变成了组件体系，工具变成了工具链和持续集成体系，性能优化变成了性能体系。这些东西变得不仅仅是称呼，还有工作的内容，这个级别跟资深工程师的主要区别是，从解决单点问题变成系统性方法，从服务自己变成服务团队，从一次性发挥变成持续性输出。
For example, a senior engineer might make some of the components, and then use in the project inside their own code to enhance maintainability, and reuse also do better. But the experts to consider the development of front-end component specifications to promote the team, but also to do the training, how to consider component development, management, and offline. Senior engineer for performance, his own page optimization can be good, but the front-end specialists need to consider data collection, reporting and monitoring do, summary checklist, combined with the tool, set performance indicators and so on.
Because of this level of capability architecture, engineering and soft skills demanding, it is relatively difficult to cross.
Senior Technical Specialist
Finally, for advanced front-end expert, P8-level benchmarking Ali. We have seen from the figure, the separate level and direction of development of polymeric together. Senior front end of the key things is that experts assess the situation and needs in all areas of speaking in front of the front end disposal experts, the combination of a set of programs for their own team is located. For example, do the front-end enterprise systems group, it may not be so high performance requirements, but the front end of the team because of frequent electricity providers operating activities, we need a good component architecture, here is difficult to have certain rules, thanks to the people to grasp.
To this level, requirements engineering capabilities on high, and senior experts even without a front-end people, but also must involve some administrative capacity.
Senior Technical Specialist
Finished all levels of front-end skills model, we go back to the beginning of the problem, "a front-end engineer in the end need to know what skills."
To answer this question, you have to according to their own condemnation. As you can see, in front of the skills model, the "knowledge" there is no mandatory requirement, specific to the different positions of each company, there may be some special requirements, but the market is huge, so we do not have to learn to What knowledge do not feel so anxious to learn what knowledge. And "front-end knowledge" should be a vertical module, it can not directly help you next advanced to a higher level, but it can enhance your potential, so that you can go further in the future.
Now most of the students will be more emphasis on the promotion of the front post, I think the front end of the core elements of advanced, more will depend on your ability, especially in the way of advanced front-end engineer, very fancy your programming ability, architectural capabilities and engineering skills.